MediaWiki: Common.css

提供: きまぐれ手記 Kimagurenote
移動先: 案内検索
(border-bottom: 1px solid #888;)
(rakuten color: #c00;)
 
(同じ利用者による、間の2版が非表示)
208行目: 208行目:
 
margin: 0.2em 0 0.2em -1em;
 
margin: 0.2em 0 0.2em -1em;
 
padding: 0.2em 0.5em 0.2em 0.5em;
 
padding: 0.2em 0.5em 0.2em 0.5em;
 +
border-radius: 0.5em;
 
white-space: nowrap;
 
white-space: nowrap;
 
}
 
}
217行目: 218行目:
 
}
 
}
 
UL.kaerebatextlink LI.shoplinkrakuten {
 
UL.kaerebatextlink LI.shoplinkrakuten {
background-color: #d00;
+
background-color: #c00;
 
}
 
}
 
UL.kaerebatextlink LI.shoplinkyahoo {
 
UL.kaerebatextlink LI.shoplinkyahoo {
275行目: 276行目:
 
margin: 0.2em;
 
margin: 0.2em;
 
padding: 0.2em 0.5em 0.2em 0.5em;
 
padding: 0.2em 0.5em 0.2em 0.5em;
 +
border-radius: 0.5em;
 
white-space: nowrap;
 
white-space: nowrap;
 
}
 
}
287行目: 289行目:
 
}
 
}
 
DIV.yjshopping UL LI.shoplinkrakuten {
 
DIV.yjshopping UL LI.shoplinkrakuten {
background-color: #d00;
+
background-color: #c00;
 
}
 
}
 
DIV.yjshopping UL LI.shoplinksofmap {
 
DIV.yjshopping UL LI.shoplinksofmap {

2019年6月10日 (月) 23:51時点における最新版

/* ここに記述したCSSはすべての外装に反映されます */
/* Common CSS for all skins */

/*<source lang="css">*/

/* ページ見出し */
h1.firstHeading{ line-height: 1.2; }

h2 {
	border-bottom: 1px solid #888;
}

h4 {
	font-weight: bold;
}

/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
	margin:		1em 1em 1em 0;
	background:	#f9f9f9;
	border:		1px #aaa solid;
	border-collapse:	collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
	border:		1px #aaa solid;
	padding:	0.2em;
}

table.wikitable th,
table.prettytable th {
	background:	#f2f2f2;
	text-align:	center;
}

table.wikitable caption,
table.prettytable caption {
	margin-left:	inherit;
	margin-right:	inherit;
}

/* Console */
PRE.console {
	border: none;
	padding: 0.5em;
	margin-left: 1em;
	background-color: #000;
	line-height: 110%;
	color: #fff;
}


/* code */
PRE.code {
	border: thin dashed #aa0;
	padding: 0.5em;
	margin-left: 1em;
	background-color: #ffd;
	line-height: 110%;
	color: #000;
}

/* Category for Tweeki skin */
#catlinks { display: block; }

/* Content body */
#mw-content-text {
	font-size: 120%;
}

/* [[w:MediaWiki:Common.css]] 2018年8月25日 (土) 14:38‎ (UTC) より一部転記 */
/* for message boxes */
table.mbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
    font-size: 90%;
}
td.mbox-icon {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center;
    font-size: 64px;
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
    font-size: 64px;
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.5em 1em;       /* 1em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
    font-size: 90%;
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 1em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* 本文の字下げ(最初の行を除く) */
DIV.mw-content-ltr P {
	text-indent: 1em;
}

DIV.mw-content-ltr P:first-of-type {
	text-indent: 0;
}


/* httpsの外部リンクアイコンを錠ではなく通常のものに変更する */
#content a.external[href^="https://"],.link-https {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") center right no-repeat;
	background: url("/resources/src/mediawiki.skinning/images/external-ltr.png") center right no-repeat!ie;
	padding-right: 13px;
}

/* for IPv6 Ready */
DIV#ipv6ready {
	margin-bottom: 1em;
	text-align: center;
	width: 100%;
	font-size: 75%;
	white-space: nowrap;
	line-height: 100%;
	color: #444;
}

DIV#ipv6ready SPAN#ready {
	background-color: #5af;
	opacity: 0.8;
	border-radius: 2px;
	padding: 4px;
	margin: 0;
	color: #fff;
}

DIV#ipv6ready SPAN#ip {
	background-color: #eee;
	opacity: 0.8;
	border: 1px solid #666;
	border-radius: 2px;
	padding: 3px;
	margin: 0;
	color: #333;
	font-weight: bold;
}

DIV#ipv6ready A {
	color: #000;
	text-decoration: none;
}

/* kaerebatextlink */
UL.kaerebatextlink {
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
}
UL.kaerebatextlink LI {
	text-align: center;
	list-style: none;
	width: 12em;
	margin: 0.2em 0 0.2em -1em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-radius: 0.5em;
	white-space: nowrap;
}
UL.kaerebatextlink LI A {
	color: #fff;
}
UL.kaerebatextlink LI.shoplinkamazon {
	background-color: #f90;
}
UL.kaerebatextlink LI.shoplinkrakuten {
	background-color: #c00;
}
UL.kaerebatextlink LI.shoplinkyahoo {
	background-color: #f55;
}
UL.kaerebatextlink LI.shoplinkhonto {
	background-color: #4af;
}
UL.kaerebatextlink LI.shoplink7net {
	background-color: #153;
}
UL.kaerebatextlink LI.shoplinkwowma {
	background-color: #f71;
}
UL.kaerebatextlink LI.shoplinkkakakucom {
	background-color: #02d;
}

/* yahooshoppingitemsearch */
DIV.yahooshoppingitemsearch {
	display: inline-block;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
}

/* Extension:YJShopping */
DIV.yjshopping {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em;
	border: 1px solid #444;
}
DIV.yjshopping IMG.yjshoppingimg {
	margin: 0.1em 0.5em 0.1em 0.1em;
}
DIV.yjshopping P.yjshoppingname {
	margin: 0;
	font-size: 90%;
	text-indent: 0;
}
DIV.yjshopping P.yjshoppingstore {
	margin: 0;
	font-size: 80%;
	text-indent: 0;
}
DIV.yjshopping UL {
	margin: 0;
}
DIV.yjshopping UL LI {
	display: inline-block;
	text-align: center;
	list-style: none;
	font-size: 90%;
	width: 10em;
	margin: 0.2em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	border-radius: 0.5em;
	white-space: nowrap;
}
DIV.yjshopping UL LI A {
	color: #fff;
}
DIV.yjshopping UL LI.shoplinkyahoo {
	background-color: #f55;
}
DIV.yjshopping UL LI.shoplinkamazon {
	background-color: #f90;
}
DIV.yjshopping UL LI.shoplinkrakuten {
	background-color: #c00;
}
DIV.yjshopping UL LI.shoplinksofmap {
	background-color: #16f;
}
DIV.yjshopping UL LI.shoplinksofmapused {
	background-color: #3ba;
}
DIV.yjshopping UL LI.shoplinkhonto {
	background-color: #4af;
}
DIV.yjshopping UL LI.shoplink7net {
	background-color: #153;
}
DIV.yjshopping UL LI.shoplinkwowma {
	background-color: #f71;
}
DIV.yjshopping UL LI.shoplinkkakakucom {
	background-color: #02d;
}

/* Extension:Yado */
DIV.yado {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em;
	border: 1px solid #666;
}
DIV.yado P {
	text-indent: 0;
}
DIV.yado IMG.yadoimg {
	margin: 0.1em 0.5em 0.1em 0.1em;
	width: 180px;
}
DIV.yado P.yadoname {
	margin: 0;
	font-size: 90%;
}
DIV.yado P.yadospecial {
	margin: 0.2em 0 0 1em;
	font-size: 72%;
}
DIV.yado P.yadostation {
	margin: 0.5em 0 0 0;
	font-size: 80%;
}
DIV.yado-rate {
	display: inline-block;
	margin: 0;
	text-align: center;
}
PRE.yado-rate-mark {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	line-height: 20px;
	width: 80px;
	font-size: 16px;
	background: none;
	border: none;
}
PRE.yado-rate-mark SPAN.back {
	position: absolute;
}
PRE.yado-rate-mark SPAN.back:after {
	content: '★★★★★';
	color: #ddd;
}
PRE.yado-rate-mark SPAN.front {
	position: relative;
}
PRE.yado-rate-mark SPAN.front:after {
	content: '★★★★★';
	overflow: hidden;
	display: inline-block;
	color: orange;
}
DIV.yado-rate P.yado-rate-score {
	margin: 0 auto;
	line-height: 18px;
	font-size: 16px;
	white-space: nowrap;
}
DIV.yado DIV.yado-review {
	display: inline-block;
	position: relative;
	margin: 0.5em 0 0 3em;
	padding: 17px 13px;
	border-radius: 12px;
	background: #def;
	min-width: 120px;
	max-width: 60%;
	font-size: 12px;
	vertical-align: center;
}
DIV.yado DIV.yado-review::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px; 
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #def;
}
DIV.yado DIV.yado-review P {
	margin: 0;
	padding: 0;
}