「MediaWiki:Common.css」の版間の差分

提供: HIMOROGI文化財Wiki
移動先: 案内、 検索
細 (h1, h2 要素が明朝体になってるのでゴシックに変更。)
細
73行目: 73行目:
 
/* ------------------------------ */
 
/* ------------------------------ */
  
 +
/* CSS placed here will be applied to all skins */
 +
.greybar { background-color:#E5E5E6;text-align:center;color:#000000; }
  
−
/*<source lang="css">*/
+
h1, h2, h3, h4, h5, h6 {
 +
    margin-bottom: 1.1em; /* was 1.2em */
 +
    margin-top: 0.4em; /* was 0.5em */
 +
    padding-top: 0.1em;
 +
    padding-bottom: 0.1em;
 +
}
 +
 
 +
/* fix class wikitable - table position*/
  
−
/* --------------------------------------------------- */
+
table.wikitable {
−
.floatclear {
+
     background: none repeat scroll 0 0 white;
−
     clear: both;
+
    border: 1px solid #AAAAAA;
 +
    border-collapse: collapse;
 +
    margin: 1em;
 
}
 
}
−
+
/* fix left margin for ul */
−
div.important, p.important {
+
 
−
     padding: 5px 1em;
+
ul li, ol li {
−
    border: 1px solid #cc0000;
+
     margin: 0.5em 1em;
−
    background-color: #fffeeb;
+
 
}
 
}
−
+
 
−
.information {
+
/* styles used in templates */
−
     padding: 5px 1em;
+
 
−
    border:2px solid #eee8aa;
+
.clear {
−
    /* background-color:#ffffef; */
+
     clear:both;
 
}
 
}
−
+
 
−
.attn {
+
.clear-left {
−
     padding: 0px 1px;
+
    clear:left;
−
     background-color: #ff3399;
+
}
−
     color: #ffffff;
+
 
−
     font-size: 90%;
+
.clear-right {
 +
    clear:right;
 +
}
 +
 
 +
.bold {
 +
    font-weight: bold;
 +
}
 +
 
 +
.strikethrough {
 +
    text-decoration: line-through;
 +
}
 +
 
 +
 
 +
.align-right {
 +
    text-align: right;
 +
}
 +
 
 +
.align-left {
 +
    text-align: left;
 +
}
 +
 
 +
.float-right {
 +
    float:right;
 +
}
 +
 
 +
.float-left {
 +
    float:left;
 +
}
 +
 
 +
.32-icon {
 +
    width: 36px;
 +
}
 +
 
 +
.vertical-align-mid {
 +
    vertical-align:middle;
 +
}
 +
 
 +
.gray-bg {
 +
    background-color: #E3E3E3;
 +
}
 +
 
 +
.single-right-pad {
 +
     padding-right: 1em;
 +
}
 +
 
 +
.single-pad {
 +
    padding: 1em;
 +
}
 +
 
 +
.vertical-align-top {
 +
    vertical-align: top;
 +
}
 +
 
 +
.smalltext {
 +
    font-size: 80%;
 +
}
 +
 
 +
.bigtext {
 +
    font-size: 120%;
 +
}
 +
 
 +
.width49 {
 +
    width: 49%;
 +
}
 +
 
 +
 
 +
.no-margin {
 +
    margin:0 0 0 0;
 +
}
 +
 
 +
.alphabet-box-header {
 +
    text-indent:.5em;
 +
    font-size:120%;
 +
}
 +
 
 +
.alphabet-index-box {
 +
    text-indent:.5em;
 +
    font-size:120%;
 +
}
 +
 
 +
.small-padding {
 +
    padding:0 .5em 0 .5em;
 +
}
 +
 
 +
.message {
 +
        width:96.5%;
 +
    /* Is this supposed to be "text-align"?*/
 +
    align:center;
 +
    margin:1em 1em 1em 1em;
 +
}
 +
 
 +
.green-message {
 +
   
 +
    border: 1px solid #ade874;
 +
    width: 100%;
 +
    padding: 0.7em;
 +
    margin: 1em;
 +
    display:block;
 +
    width: auto;  
 +
     background-color:#f4f9ef;
 +
}
 +
 
 +
   
 +
 
 +
 
 +
.side-navigation {
 +
    width:30%;
 +
    float:right;
 +
}
 +
 
 +
 
 +
.single-margin {
 +
    margin: 1em;
 +
}
 +
 
 +
 
 +
.box-footer {
 +
    text-align:right;
 +
    margin:0.3em 0.2em 0.2em 0.3em;
 +
    padding:0.3em 0.2em 0.2em 0.3em;
 +
/*    border-bottom: 1px; */
 +
    margin-bottom: -10px !important; /* override -15px !important from https://static.opensuse.org/themes/bento/css/base.fluid.fix.css which hides the border - must match padding for .box, see base.css line 128 */
 +
    width:auto; /* override width:100% from base.css around line 181 */
 +
    clear:both; /* should be added to base.css */
 +
}
 +
 
 +
 
 +
.box-header-span {
 +
     color:black;
 +
    float: right;
 +
    padding-right: 1em;  
 +
     font-size:80%;  
 
     font-weight: normal;
 
     font-weight: normal;
 
}
 
}
 +
                                           
 +
 +
.box-header-container {
 +
    margin: 0 1em 0.5em 1em;
 +
    width:240px;
 +
    float:right;
 +
    text-align: center;
 +
}
 +
 +
 +
.cellyes {
 +
    border: 1px solid gray;
 +
    background: #90FF90;
 +
}
 +
 +
 +
.cellno {
 +
    border: 1px solid gray;
 +
    background: #FF9090;
 +
}
 +
 +
 +
.celltodo {
 +
    border: 1px solid gray;
 +
    background: #FFFF99;
 +
}
 +
 +
 +
.cleanup {
 +
    background:#ffeecc;
 +
    border:2px solid #FF9900;
 +
}
 +
 +
 +
.marked-for-deletion {
 +
    background:#ffcccc;
 +
    border:2px solid #AA0000;
 +
}
 +
 +
.edu {
 +
}
 +
 +
 +
 +
.linux-tag-img {
 +
    margin-right: 15px;
 +
    margin-top: 0px;
 +
}
 +
 +
.event-table {
 +
    background: #f6f6f6;
 +
    font-size:100%;
 +
    width: 95%;
 +
    border:1px solid #aaa;
 +
}
 +
 +
 +
.expand, .forbidden-wrapper {
 +
    background:#ffeecc;
 +
    border:2px solid #FF9900;
 +
}
 +
 +
.forbidden {
 +
    border-left:.5em solid #c01717;
 +
    padding:.4em .5em .1em 1em;
 +
}
 +
 
   
 
   
−
/* --------------------------------------------------- */
 
  
−
/* wikitable/prettytable class for skinning normal tables */
+
 
−
table.wikitable,
+
.dark-gray {
−
table.prettytable {
+
    color: #555555;
−
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 {
+
.hl-bg {
−
border: 1px #aaa solid;
+
    background-color: #CFDFFF;
−
padding: 0.2em;
+
 
}
 
}
  
−
table.wikitable th,
+
 
−
table.prettytable th {
+
.icon-step-wrapper {
−
background: #f2f2f2;
+
    width: 215px;
−
text-align: center;
+
    text-align:right;
 +
    vertical-align:center;
 +
    padding:0 .5em 0 0;
 +
    color: #fff;
 
}
 
}
  
−
table.wikitable caption,
+
.icon-step {
−
table.prettytable caption {
+
    width:75%;
−
margin-left: inherit;
+
    margin:0 1em 0 0;
−
margin-right: inherit;
+
    padding:0 1em 0 .5em;
 +
    font-size:100%;  
 +
    border-left: 1px solid #babdb6;
 
}
 
}
  
−
/* Style for "notices" */
+
 
−
.notice {
+
 
−
text-align: justify;
+
.info-wrapper {
−
margin: 1em;
+
    background:#fefefe;
−
padding: 0.2em;
+
    color:#666666;
 +
    padding:0 1em 0 1.1em;
 +
    margin: .5em 0 .5em 0;
 
}
 
}
  
−
#disambig {
+
.info {
−
border-top: 3px double #ccc;
+
    border-left:.5em solid #ccc;
−
border-bottom: 3px double #ccc;
+
    padding:.2em .5em .4em 1em;
 
}
 
}
  
−
#spoiler {
+
 
−
border-top: 2px solid #ddd;
+
 
−
border-bottom: 2px solid #ddd;
+
.infobox {
 +
    margin: 0 1em 0.5em 1em;
 +
    width:240px;
 
}
 
}
  
−
/* Standard talk template style */
+
 
−
.Talk-Notice {
+
.intro-wrapper {
−
border: 1px solid #c0c090;
+
    background:#fefefe;color:black; padding:0 1em 0 1.1em;margin: .5em 0 1em 0;
−
background-color: #f8eaba;
+
−
margin-bottom: 3px;
+
−
width: 85%;
+
−
border-spacing: 3px;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
 
}
 
}
  
−
.Talk-Notice:after {
+
.intro {
−
content: "The CSS for this template should be changed. See [[Wikipedia:Template Standardisation]]."
+
    border-left:.5em solid #3399CC;
 +
    padding:.2em .5em .4em 1em;
 +
    text-align:justify;
 
}
 
}
  
−
/* Make template background appear correctly on all browsers */
+
 
−
.Talk-Notice td {
+
 
−
background: inherit;
+
 
 +
 
 +
.knowledge {
 +
    border:1px dotted #aaa;
 +
    padding: 1em;
 +
    margin-bottom: .5em;
 
}
 
}
  
−
/* Metadata */
+
.knowledge-section {
−
table.metadata {
+
    background:#fff;
−
border: 1px solid #aaa;
+
    color:#669900;
−
display: none;
+
    width:33%;
 
}
 
}
  
−
.metadata-label {
+
.knowledge-icon-text {
−
color: #aaa;
+
    vertical-align:top;
 +
    text-align: left;
 +
    width: 30%;
 
}
 
}
  
−
/*Add formatting to make sure that "external references" from [[Template:Ref]] do
+
.knowledge-icon {
−
not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
+
    vertical-align:top;
−
that the HTML code contained a SPAN following the anchor A; this SPAN had the class
+
−
"urlexpansion", which was not displayed on screen, but was shown when the medium was
+
−
"print". The rules below ensure (a) that there is no extra padding to the right of
+
−
the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
+
−
the link, and (c) that this SPAN of class "urlexpansion" is never shown.
+
−
~~~~
+
−
*/
+
−
.plainlinksneverexpand {
+
−
background: none !important;
+
−
padding: 0 !important;
+
 
}
 
}
  
−
.plainlinksneverexpand .urlexpansion {
+
 
−
display : none !important;
+
.knowledgev {
 +
    width:28%;
 +
    float:right;
 
}
 
}
  
−
/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
+
.laptoptable2 {
−
the arrow...
+
    text-align:center;
−
*/
+
    font-size: 9px;
−
.plainlinksneverexpand a {
+
−
background: none !important;
+
−
padding: 0 !important
+
 
}
 
}
  
−
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
+
.laptoptable2-remark {
−
following the anchor A, the anchor itself now has class "external autonumber" and the
+
    text-align:left;
−
expansion is inserted when printing (see the common printing style sheet at
+
    font-size: 12px;
−
http: //en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
+
−
element of CSS. We have to switch this off for links due to Template: Ref!
+
−
~~~~
+
−
*/
+
−
.plainlinksneverexpand a.external.text:after {
+
−
display: none !important;
+
 
}
 
}
  
−
.plainlinksneverexpand a.external.autonumber:after {
+
 
−
display: none !important;
+
 
 +
.legendmedical {
 +
    table-layout:fixed;
 +
    width:300px;
 +
    border:1px ridge #669900;
 +
    background:#fcfcfc;
 +
    float:right;
 +
    clear:right;
 +
    font-size:100%;
 +
    margin-left:3em;
 
}
 
}
  
−
/* Merge template style */
+
.legendmedical-legend {
−
.messagebox {
+
    background: #d9e5bf;  
−
border: 1px solid #aaa;
+
    color: #669900;  
−
background: #f9f9f9;
+
    text-align:center;
−
width: 80%;
+
    font-size:120%;
−
margin: 0 auto 1em auto;
+
−
padding: .2em;
+
−
text-align: justify;
+
 
}
 
}
  
−
.messagebox.merge {
+
.list-subpage {
−
border: solid #033 2px;
+
    border:1px solid #CCC;
−
width: 55%;
+
−
background: #eff;
+
−
padding: 1em;
+
−
margin: 1em auto 1em auto;
+
 
}
 
}
  
−
.messagebox.cleanup {
+
.list-subpage-subject  {
−
border: 1px solid #9f9fff;
+
    margin-bottom:-1px;
−
background: #efefff;
+
    padding:0.1em;
−
text-align: center;
+
    border-bottom:1px solid #CCC;
 +
    font-size:0.9em;
 
}
 
}
  
−
.messagebox.standard-talk {
+
 
−
border: 1px solid #c0c090;
+
 
−
background: #f8eaba;
+
 
 +
.red-notice {
 +
    width:96.5%;
 +
    background:#ffcccc;
 +
    border:2px solid #AA0000;
 
}
 
}
  
−
.infobox {
+
.red-notice-nobg {
−
border: 1px solid #aaa;
+
    width:96.5%;
−
background: #f9f9f9;
+
    background:none;
−
color: black;
+
    border:2px solid #AA0000;
−
margin-bottom: 0.5em;
+
−
margin-left: 1em;
+
−
padding: .2em;
+
−
float: right;
+
−
clear: right;
+
 
}
 
}
  
−
.infobox tr {
+
.info-notice {
−
vertical-align: top;
+
    width:96.5%;
 +
    background:#ffeecc;
 +
    border:2px solid #FF9900;
 
}
 
}
  
−
.infobox caption {
+
 
−
margin-left: inherit;
+
 
 +
 
 +
 
 +
.move_to {
 +
    background:#DEE1FF;
 +
    border:2px solid #6699CC;
 
}
 
}
  
−
.infobox.bordered {
+
.move_to_hcl  {
−
border-collapse: collapse;
+
    width:95%;
 
}
 
}
  
−
.infobox.bordered td, .infobox.bordered th {
+
.move_to_portal  {
−
border: 1px solid #aaa;
+
    width:100%;
 
}
 
}
  
−
.infobox.sisterproject {
+
.move_to_sdb {
−
width: 20em;
+
    width:100%;
−
font-size: 90%;
+
 
}
 
}
  
−
/* Support for Template:IPA, Template:Unicode and Template:Polytonic. The inherit declaration resets the font for all browsers except MSIE6.  The empty comment must remain. */
+
.moved_to_external {
−
.IPA {
+
    width:96.5%;
−
font-family: 'Chrysanthi Unicode', 'Doulos SIL', 'Gentium', 'GentiumAlt', 'Code2000', 'TITUS Cyberbit Basic', 'DejaVu Sans', 'Bitstream Vera Sans', 'Bitstream Cyberbit', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Hiragino Kaku Gothic Pro', 'Matrix Unicode', sans-serif;
+
 
}
 
}
  
−
.Unicode {
+
.navbar {
−
font-family: 'TITUS Cyberbit Basic', 'Code2000', 'Doulos SIL', 'Chrysanthi Unicode', 'Bitstream Cyberbit', 'Bitstream CyberBase', 'Bitstream Vera', 'Thryomanes', 'Gentium', 'GentiumAlt', 'Visual Geez Unicode', 'Lucida Grande', 'Arial Unicode MS', 'Microsoft Sans Serif', 'Lucida Sans Unicode', sans-serif;
+
    margin:0 0 1em 1em;
 +
    width:97%;
 
}
 
}
  
−
.polytonic {
+
.navbar-inner {
−
font-family: 'Athena', 'Gentium', 'Palatino Linotype', 'Arial Unicode MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Code2000', sans-serif;
+
    text-indent:.5em;
 +
    font-size:120%;
 
}
 
}
  
−
.SAMPA {
+
.navbar-content {
−
font-family: 'Courier',monospace
+
    margin:0 0 0 0;
 +
    padding:0 .5em 0 .5em;
 
}
 
}
  
−
#wpSave {
+
.navigation-wrapper {
−
font-weight: bold;
+
    align:right;
 +
    width:100%;
 +
    background-color: #ddffdd;
 +
    margin: 0em 0em 1.2em 0em;
 +
    padding: 3px;
 +
    border: 1px solid #aaa;
 
}
 
}
  
−
/* hiddenStructure from Monobook - allows selective hiding of markup in templates */
+
.navigation-header {
−
.hiddenStructure {
+
    background-color:white;
−
display: none;
+
    size:10em;
−
speak: none;
+
    padding:5px 5px 5px 1.2em;
 
}
 
}
  
−
/* CSS for testing a new Main Page design, see [[Wikipedia:WikiProject Usability/Main Page]] */
 
−
#EnWpMainPage { width: 100%; margin-top: 1em; }
 
−
#EnWpMainPage h2 { font-size: 130%; font-weight: bold; margin: 0; padding: 0; border: 0; }
 
−
#EnWpMpMargin { margin-right: 13.8em; }
 
−
#EnWpMpCol1 { float: left; clear: left; width: 50%; }
 
−
#EnWpMpCol2 { width: 49.9%; float: left; }
 
−
#EnWpMpBrowse { background: #f8fcff url(//upload.wikimedia.org/wikipedia/en/9/9f/MP-three-books.png) no-repeat 180% 9%; border: 1px solid #c7c7c7; }
 
−
#EnWpMpBrowseCats li { font-size: 85%; margin-left: 1em; line-height: 1.5; }
 
−
#EnWpMpBrowseCats h3 { font-size: 120%; margin: .2em 0 .1em -.8em; padding: 0; font-weight: normal; }
 
−
#EnWpMpBrowseCats h3 a { font-weight: bold; }
 
−
#EnWpMpBook { background-image: url(//upload.wikimedia.org/wikipedia/en/7/7e/MP-open-book.png); }
 
−
#EnWpMpFeaturedPic { text-align: center; margin: 0 0 .5em; font-size: 85%; font-weight: bold; }
 
−
#EnWpMpFeaturedPic h2 { font-size: 145%; text-align: left; }
 
−
.EnWpMpBrowseRight { float: right; width: 12.7em; }
 
−
.EnWpMpBrowseBottom { margin: 1em 0; }
 
−
.EnWpMpBrowseBottom #EnWpMpBrowseCats li, .EnWpMpBrowseBottom #EnWpMpUsefulLinks, .EnWpMpBrowseBottom #EnWpMpFeaturedPic { float: left; width: 24%; margin: 0; line-height: auto; }
 
−
.EnWpMpBrowseBottom #EnWpMpBrowseCats h3 { margin-left: 0; }
 
−
#EnWpMpUsefulLinks { clear: left; }
 
−
#EnWpMpSearch { background: url(//upload.wikimedia.org/wikipedia/en/a/ae/MP-magnifying-glass.png) no-repeat top right; }
 
−
#EnWpMpSearch input { vertical-align: middle; }
 
−
#EnWpMpSearchInner { float: right; width: 20em; text-align: center; }
 
−
#bodySearchMP { margin: 0; padding: 0; }
 
−
#bodySearchMP .bodySearchWrap { float: right; width: 17.5em; text-align: left; padding: .8em 0; }
 
−
#bodySearchMP label { display: block; font-size: 95%; font-weight: bold; margin-bottom: -.2em; }
 
−
#bodySearchMP .bodySearchIput { opacity: .85; filter: alpha(opacity=85); }
 
−
#bodySearchMP .bodySearchBtnGo { font-weight: bold; padding-left: .3em; padding-right: .3em; margin-left: .5em; }
 
−
.EnWpMpContentBox { border: 1px solid; margin-bottom: .9em; }
 
−
#EnWpMpCol2 .EnWpMpContentBox { margin-left: .9em; }
 
−
.EnWpMpImage { float: right; margin: 0 0 .2em .2em; }
 
−
.EnWpMpImage img { position: relative; z-index: 3; }
 
−
#EnWpMpSisterProjects { float: left; width: 49%; }
 
−
.EnWpMpSisterProject { float: left; width: 17em; margin: 0; height: 5.5em; margin: 0; }
 
−
.EnWpMpSisterImg { float: left; width: 40px; height: 100%; }
 
−
#EnWpMpOtherLangs { margin-left: 50%; }
 
−
#EnWpMainPageNoCSS { display: none; }
 
  
−
p {
+
.petite {
−
margin: .4em 0 .5em 0;
+
    border: 1px solid #ade874;
−
line-height: 1.5em;
+
    width: 100%;
 +
    padding: 0.7em;
 +
    margin: 1em;
 +
    display:block;
 +
    width: auto;
 +
    background-color:#f4f9ef;
 
}
 
}
−
p img {
+
 
−
margin: 0;
+
.pointhere-outside {
 +
    margin-left:15px;
 +
    width: 48px;
 +
    float:left;
 
}
 
}
−
h1, h2, h3, h4, h5, h6 {
+
 
−
margin: 0;
+
.pointhere-inside {
−
padding-top: .5em;
+
    margin-left:70px;
−
padding-bottom: .17em;
+
    border-left:1px solid #babdb6;
−
/* border-bottom: 1px solid #aaa;*/
+
    padding-left:.5em;
 +
    padding-top:1px;
 
}
 
}
−
ul {
+
 
−
margin: .3em 0 0 1.5em;
+
.quotation {
−
padding: 0;
+
    padding:0 1em 0 1.1em;
 +
    margin: .5em 0 .5em 0;
 
}
 
}
−
ol {
+
 
−
margin: .3em 0 0 3.2em;
+
.sandbox-filepath {
−
padding: 0;
+
    margin:8;
 +
    text-align:center;
 +
    vertical-align:center;
 +
    padding:0 .5em 0 0;  
 +
    color: #fff;
 +
   
 +
    border-bottom: 1px solid #babdb6;
 
}
 
}
−
/*
+
 
−
li {
+
.sandbox-header {
−
margin-bottom: .1em;
+
    margin:0 1em 0 0;
 +
    padding:0 1em 0 .5em;
 +
    font-size:100%;
 +
    border-bottom: 1px solid #babdb6;
 
}
 
}
−
*/
+
 
−
dt {
+
.step-screenshot-image {
−
margin-bottom: .1em;
+
    width: 215px;
 +
    text-align:right;
 +
    vertical-align:center;
 +
    padding:0 .5em 0 0;
 +
    color: #fff;
 
}
 
}
−
dl {
+
 
−
margin-top: .2em;
+
.step-screenshot-text {
−
margin-bottom: .5em;
+
    width:75%;
 +
    margin:0 1em 0 0;
 +
    padding:0 1em 0 .5em;
 +
    font-size:100%;
 +
    border-left: 1px solid #babdb6;
 
}
 
}
−
dd {
+
 
−
margin-left: 2em;
+
.step-screenshot-big-image {
−
margin-bottom: .1em;
+
    width: 415px;
 
}
 
}
−
form {
+
 
−
border: none;
+
.section {
−
margin: 0;
+
    background-color:#E5E5E6;
 +
    text-align:center;
 +
    color:#000000;
 
}
 
}
−
#siteNotice p {
+
 
−
margin: 0;
+
.special_info {
−
padding: 0;
+
    background-color:#f6f6f6;
 
}
 
}
−
div.tright {
+
 
−
clear: right;
+
.stats  {
−
float: right;
+
    margin: 0 1em 0.5em 1em;
−
border-width: .5em 0 .8em 1.4em;
+
    width:150px;
 +
    float:right;
 +
    text-align: center;
 
}
 
}
−
div.tleft {
+
 
−
float: left;
+
.support-question {
−
margin-right: .5em;
+
    margin:1em 1em 1em 1em;
−
border-width: .5em 1.4em .8em 0;
+
    font-size:100%;
 +
    padding:1px;
 
}
 
}
−
div.floatright {
+
 
−
clear: right;
+
.tested-on {
 +
    width:95%;
 +
    margin: 1em 2.5% 0 2.5%;
 +
    background:#d9e5bf;
 +
    border:1px solid #aaa;
 +
   
 
}
 
}
  
−
ol.references > li:target {
+
.text-and-img-txt {
−
        background-color:#ddeeff;
+
    width:69%;
 +
    text-align:justify;
 +
    float:left;
 
}
 
}
  
−
/* category */
+
.update {
−
span.redirect-in-category a {
+
    width:95%;
−
        color: #999999;
+
    background:#DEE1FF;
 +
    border:2px solid #6699CC;
 
}
 
}
  
−
/* ### nowrap for some table headings ### */
+
.update-version {
−
label[for="wpUserEmail"],
+
     font-weight: bold;
−
label[for="wpNick"],
+
    padding:.2em .5em .4em 0em;
−
label[for="wpUserLanguage"],
+
−
label[for="wpOldpass"],
+
−
label[for="wpNewpass"],
+
−
label[for="wpRetypePass"],
+
−
#userlogin2 label,
+
−
#userloginForm label {
+
−
     white-space: nowrap
+
 
}
 
}
−
/*</source>*/
+
 
 +
.userpage-left {
 +
    width:76%;
 +
    float:left;
 +
    clear:left;
 +
}
 +
 
 +
.userpage-right {
 +
    width:22%;
 +
    float:right;
 +
    clear:right;
 +
}
 +
 
 +
.version-wrapper {
 +
    width:95%;
 +
    background-color: #d9e5bf;
 +
    margin: 1em 2.5% 0 2.5%;
 +
    border: 1px solid #aaa;
 +
}
 +
 
 +
.version-suseimg {
 +
    width:50px;
 +
    background-color: white;
 +
    padding: 3px 3px;
 +
}
 +
 
 +
.version-label {
 +
    width:10%;
 +
    background-color: #669900;
 +
    padding: 3px 3px;
 +
}
 +
 
 +
.version-header {
 +
    text-align: center;
 +
    color: white;
 +
}
 +
 
 +
.version {
 +
    text-align: center;
 +
    font-size: 120%;
 +
    font-weight: bold;
 +
    color: white;
 +
}
 +
 
 +
.version-note-outer-wrapper {
 +
    background:#fefefe;
 +
    padding:0 1em 0 1.1em;
 +
    margin: .5em 0 .5em 0;
 +
}
 +
 
 +
.version-note-inner-wrapper {
 +
    border-left:.5em solid #669900;
 +
    padding:.2em .5em .4em 1em;
 +
}
 +
 
 +
.version-note-label {
 +
    font-weight: bold;
 +
    color:#669900;
 +
    padding:.2em .5em .4em 0em;
 +
}
 +
 
 +
.version-note-version {
 +
    padding:.2em .5em .4em 0em;
 +
}
 +
 
 +
.warning-container {
 +
    background:#fefefe;
 +
    padding:0 1em 0 1.1em;
 +
    margin: .5em 0 .5em 0;
 +
}
 +
 
 +
.warning-inner-wrapper {
 +
    border-left:.5em solid #c01717;
 +
    padding:.2em .5em .4em 1em;
 +
}
 +
 
 +
.warning-label {
 +
    font-weight: bold;
 +
    color:#c01717;
 +
    padding:.2em .5em .4em 0em;
 +
}
 +
 
 +
.weekly-news-header {
 +
    background-color:#E5E5E6;
 +
    text-align:center;
 +
    color:#000000;
 +
}
 +
 
 +
.weekly-news-header-container {
 +
    width:70%;
 +
    background:#fefefe;
 +
    vertical-align:top;
 +
    float:left;
 +
    clear:left;
 +
}
 +
 
 +
.weekly-news-header-issue {
 +
    width:70%;
 +
    float:left;
 +
}
 +
 
 +
.weekly-news-header-info {
 +
    width:28%;
 +
    float:right;
 +
    clear:right;
 +
}
 +
 
 +
.weekly-news-header-light {
 +
    background-color:#d9e5bf;
 +
    text-align:center;
 +
    color:#0b5147;
 +
}
 +
 
 +
.wiki-question-help {
 +
    margin:1em 1em 1em 1em;
 +
    width:96.5%;
 +
    background:#ffeecc;
 +
    border:2px solid #FF9900;
 +
    font-size:100%;
 +
    padding:1px;
 +
}
 +
 
 +
/* Special:PopularPages has ordered list going out of content area - this is attempt to fix it */
 +
 
 +
ol {
 +
    margin-left:30px;
 +
}
 +
 
  
 
/*　メインページのタイトルを非表示にする  */
 
/*　メインページのタイトルを非表示にする  */
 
body.page-メインページ h1.firstHeading {display:none;}
 
body.page-メインページ h1.firstHeading {display:none;}
 
body.page-メインページ #contentSub {display:none;}
 
body.page-メインページ #contentSub {display:none;}

2016年6月14日 (火) 23:22時点における版

/* ここに記述したCSSはすべての外装に反映されます */
/* Common CSS for all skins */
/* ---------------- 独自css ---------------------------------*/
/* よもやま話枠用 */
.yomoyama {
	border-radius: 4px; /* CSS3 */
	border: 3px double  #ddd;
/*	border: 1px solid #222;*/
	background:	#f9f9f9;

 
	background-image: url("http://www.himorogiwiki.jpn.org/wiki/yomoyamabanashi.png");
	background-repeat: no-repeat;
        background-position: left top;

	width:	90%;
	margin:	0 auto 1 auto;
	/* padding:	10px; */
	padding-top:    10px;
	padding-right:  10px;
	padding-bottom: 10px;
	padding-left:  114px;

	text-align:	justify;
}

.yomoyama.merge {
	border-radius: 4px; /* CSS3 */
	border:	solid #033 2px;
	width:	80%;
	background:	#eff;
	/*padding:	10px;*/

	padding-top:    10px;
	padding-right: 110px;
	padding-bottom: 10px;
	padding-left:   10px;

	margin:	1em auto 1em auto;
}

.yomoyama.cleanup {
	border:	1px solid #9f9fff;
	background:	#efefff;
	text-align:	center;
}

.yomoyama.standard-talk {
	border:	1px solid #c0c090;
	background:	#f8eaba;
}
.div5{
     border: 3px double #ddd;
     padding: 10px 10px;
     border-radius: 2px;
     margin: 10px 0px;
     width:	80%;
     /*height:100px;*/
}
.div6{
     padding: 10px 10px;
     border-radius:4px;
     border:1px solid #222;
     box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.4);
     margin: 10px 0px;
     width: 90%;
     /*height:100px;*/
}
/* ------- h1, h2 要素が明朝体になってるのでゴシックに変更。 ------------- */
.mw-body h1, .mw-body h2 { font-family: sans-serif; }
.mw-body-content { font-size: inherit; }

/* ------------------------------ */

/* CSS placed here will be applied to all skins */
.greybar { background-color:#E5E5E6;text-align:center;color:#000000; }

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 1.1em; /* was 1.2em */
    margin-top: 0.4em; /* was 0.5em */
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}

/* fix class wikitable - table position*/

table.wikitable {
    background: none repeat scroll 0 0 white;
    border: 1px solid #AAAAAA;
    border-collapse: collapse;
    margin: 1em;
}
/* fix left margin for ul */

ul li, ol li {
    margin: 0.5em 1em;
}

/* styles used in templates */

.clear {
    clear:both;
}

.clear-left {
    clear:left;
}

.clear-right {
    clear:right;
}

.bold {
    font-weight: bold;
}

.strikethrough {
    text-decoration: line-through;
}


.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.float-right {
    float:right;
}

.float-left {
    float:left;
}

.32-icon {
    width: 36px;
}

.vertical-align-mid {
    vertical-align:middle;
}

.gray-bg {
    background-color: #E3E3E3;
}

.single-right-pad {
    padding-right: 1em;
}

.single-pad {
    padding: 1em;
}

.vertical-align-top {
    vertical-align: top;
}

.smalltext {
    font-size: 80%;
}

.bigtext {
    font-size: 120%;
}

.width49 {
    width: 49%;
}


.no-margin {
    margin:0 0 0 0;
}

.alphabet-box-header {
    text-indent:.5em;
    font-size:120%;
}

.alphabet-index-box {
    text-indent:.5em;
    font-size:120%;
}

.small-padding {
    padding:0 .5em 0 .5em;
}

.message {
        width:96.5%;
    /* Is this supposed to be "text-align"?*/
    align:center;
    margin:1em 1em 1em 1em;
}

.green-message {
    
    border: 1px solid #ade874; 
    width: 100%; 
    padding: 0.7em;
    margin: 1em; 
    display:block; 
    width: auto; 
    background-color:#f4f9ef;
}

    


.side-navigation {
    width:30%; 
    float:right;
}


.single-margin {
    margin: 1em;
}


.box-footer {
    text-align:right;
    margin:0.3em 0.2em 0.2em 0.3em; 
    padding:0.3em 0.2em 0.2em 0.3em;
/*    border-bottom: 1px; */
    margin-bottom: -10px !important; /* override -15px !important from https://static.opensuse.org/themes/bento/css/base.fluid.fix.css which hides the border - must match padding for .box, see base.css line 128 */
    width:auto; /* override width:100% from base.css around line 181 */
    clear:both; /* should be added to base.css */
}


.box-header-span {
    color:black; 
    float: right; 
    padding-right: 1em; 
    font-size:80%; 
    font-weight: normal;
}
                                            

.box-header-container {
    margin: 0 1em 0.5em 1em; 
    width:240px; 
    float:right; 
    text-align: center;
}


.cellyes {
    border: 1px solid gray;
    background: #90FF90;
}


.cellno {
    border: 1px solid gray;
    background: #FF9090;
}


.celltodo {
    border: 1px solid gray;
    background: #FFFF99;
}


.cleanup {
    background:#ffeecc;
    border:2px solid #FF9900; 
}


.marked-for-deletion {
    background:#ffcccc;
    border:2px solid #AA0000;
}

.edu {
}



.linux-tag-img {
    margin-right: 15px; 
    margin-top: 0px;
}

.event-table {
    background: #f6f6f6; 
    font-size:100%; 
    width: 95%; 
    border:1px solid #aaa;
}


.expand, .forbidden-wrapper {
    background:#ffeecc;
    border:2px solid #FF9900; 
}

.forbidden {
    border-left:.5em solid #c01717;
    padding:.4em .5em .1em 1em;
}

 


.dark-gray {
    color: #555555;
}


.hl-bg {
    background-color: #CFDFFF;
}


.icon-step-wrapper {
    width: 215px;
    text-align:right; 
    vertical-align:center; 
    padding:0 .5em 0 0; 
    color: #fff;
}

.icon-step {
    width:75%;
    margin:0 1em 0 0;
    padding:0 1em 0 .5em; 
    font-size:100%; 
    border-left: 1px solid #babdb6;
}



.info-wrapper {
    background:#fefefe;
    color:#666666;
    padding:0 1em 0 1.1em;
    margin: .5em 0 .5em 0;
}

.info {
    border-left:.5em solid #ccc;
    padding:.2em .5em .4em 1em;
}



.infobox {
    margin: 0 1em 0.5em 1em;
    width:240px;
}


.intro-wrapper {
    background:#fefefe;color:black; padding:0 1em 0 1.1em;margin: .5em 0 1em 0;
}

.intro {
    border-left:.5em solid #3399CC;
    padding:.2em .5em .4em 1em;
    text-align:justify;
}





.knowledge {
    border:1px dotted #aaa; 
    padding: 1em; 
    margin-bottom: .5em;
}

.knowledge-section {
    background:#fff;
    color:#669900;
    width:33%;
}

.knowledge-icon-text {
    vertical-align:top;
    text-align: left;
    width: 30%;
}

.knowledge-icon {
    vertical-align:top;
}


.knowledgev {
    width:28%;
    float:right;
}

.laptoptable2 {
    text-align:center;
    font-size: 9px;
}

.laptoptable2-remark {
    text-align:left;
    font-size: 12px;
}



.legendmedical {
    table-layout:fixed;
    width:300px; 
    border:1px ridge #669900; 
    background:#fcfcfc; 
    float:right; 
    clear:right; 
    font-size:100%; 
    margin-left:3em;
}

.legendmedical-legend {
    background: #d9e5bf; 
    color: #669900; 
    text-align:center;
    font-size:120%;
}

.list-subpage {
    border:1px solid #CCC;
}

.list-subpage-subject  {
    margin-bottom:-1px;
    padding:0.1em;
    border-bottom:1px solid #CCC;
    font-size:0.9em;
}




.red-notice {
    width:96.5%;
    background:#ffcccc;
    border:2px solid #AA0000;
}

.red-notice-nobg {
    width:96.5%;
    background:none;
    border:2px solid #AA0000;
}

.info-notice {
    width:96.5%;
    background:#ffeecc;
    border:2px solid #FF9900;
}





.move_to {
    background:#DEE1FF;
    border:2px solid #6699CC;
}

.move_to_hcl  {
    width:95%;
}

.move_to_portal  {
    width:100%;
}

.move_to_sdb {
    width:100%;
}

.moved_to_external {
    width:96.5%;
}

.navbar {
    margin:0 0 1em 1em;
    width:97%;
}

.navbar-inner {
    text-indent:.5em;
    font-size:120%;
}

.navbar-content {
    margin:0 0 0 0;
    padding:0 .5em 0 .5em;
}

.navigation-wrapper {
    align:right;
    width:100%;
    background-color: #ddffdd;
    margin: 0em 0em 1.2em 0em;
    padding: 3px;
    border: 1px solid #aaa;
}

.navigation-header {
    background-color:white;
    size:10em;
    padding:5px 5px 5px 1.2em;
}


.petite {
    border: 1px solid #ade874;
    width: 100%;
    padding: 0.7em;
    margin: 1em;
    display:block;
    width: auto;
    background-color:#f4f9ef;
}

.pointhere-outside {
    margin-left:15px;
    width: 48px;
    float:left;
}

.pointhere-inside {
    margin-left:70px;
    border-left:1px solid #babdb6;
    padding-left:.5em;
    padding-top:1px;
}

.quotation {
    padding:0 1em 0 1.1em;
    margin: .5em 0 .5em 0;
}

.sandbox-filepath {
    margin:8; 
    text-align:center; 
    vertical-align:center; 
    padding:0 .5em 0 0; 
    color: #fff;
    
    border-bottom: 1px solid #babdb6;
}

.sandbox-header {
    margin:0 1em 0 0;
    padding:0 1em 0 .5em;
    font-size:100%;
    border-bottom: 1px solid #babdb6;
}

.step-screenshot-image {
    width: 215px;
    text-align:right;
    vertical-align:center;
    padding:0 .5em 0 0;
    color: #fff;
}

.step-screenshot-text {
    width:75%;
    margin:0 1em 0 0; 
    padding:0 1em 0 .5em; 
    font-size:100%; 
    border-left: 1px solid #babdb6;
}

.step-screenshot-big-image {
    width: 415px;
}

.section {
    background-color:#E5E5E6;
    text-align:center;
    color:#000000;
}

.special_info {
    background-color:#f6f6f6;
}

.stats  {
    margin: 0 1em 0.5em 1em;
    width:150px;
    float:right;
    text-align: center;
}

.support-question {
    margin:1em 1em 1em 1em;
    font-size:100%;
    padding:1px;
}

.tested-on {
    width:95%;
    margin: 1em 2.5% 0 2.5%;
    background:#d9e5bf;
    border:1px solid #aaa;
    
}

.text-and-img-txt {
    width:69%;
    text-align:justify;
    float:left;
}

.update {
    width:95%;
    background:#DEE1FF;
    border:2px solid #6699CC;
}

.update-version {
    font-weight: bold;
    padding:.2em .5em .4em 0em;
}

.userpage-left {
    width:76%;
    float:left;
    clear:left;
}

.userpage-right {
    width:22%;
    float:right;
    clear:right;
}

.version-wrapper {
    width:95%;
    background-color: #d9e5bf;
    margin: 1em 2.5% 0 2.5%;
    border: 1px solid #aaa;
}

.version-suseimg {
    width:50px;
    background-color: white;
    padding: 3px 3px;
}

.version-label {
    width:10%;
    background-color: #669900;
    padding: 3px 3px;
}

.version-header {
    text-align: center;
    color: white;
}

.version {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    color: white;
}

.version-note-outer-wrapper {
    background:#fefefe;
    padding:0 1em 0 1.1em;
    margin: .5em 0 .5em 0;
}

.version-note-inner-wrapper {
    border-left:.5em solid #669900;
    padding:.2em .5em .4em 1em;
}

.version-note-label {
    font-weight: bold; 
    color:#669900; 
    padding:.2em .5em .4em 0em;
}

.version-note-version {
    padding:.2em .5em .4em 0em;
}

.warning-container {
    background:#fefefe;
    padding:0 1em 0 1.1em;
    margin: .5em 0 .5em 0;
}

.warning-inner-wrapper {
    border-left:.5em solid #c01717;
    padding:.2em .5em .4em 1em;
}

.warning-label {
    font-weight: bold;
    color:#c01717;
    padding:.2em .5em .4em 0em;
}

.weekly-news-header {
    background-color:#E5E5E6;
    text-align:center;
    color:#000000;
}

.weekly-news-header-container {
    width:70%;
    background:#fefefe;
    vertical-align:top;
    float:left;
    clear:left;
}

.weekly-news-header-issue {
    width:70%;
    float:left;
}

.weekly-news-header-info {
    width:28%;
    float:right;
    clear:right;
}

.weekly-news-header-light {
    background-color:#d9e5bf;
    text-align:center;
    color:#0b5147;
}

.wiki-question-help {
    margin:1em 1em 1em 1em;
    width:96.5%;
    background:#ffeecc;
    border:2px solid #FF9900;
    font-size:100%;
    padding:1px;
}

/* Special:PopularPages has ordered list going out of content area - this is attempt to fix it */

ol {
    margin-left:30px;
}


/*　メインページのタイトルを非表示にする  */
body.page-メインページ h1.firstHeading {display:none;}
body.page-メインページ #contentSub {display:none;}
「http://www.himorogiwiki.jpn.org/wiki/index.php?title=MediaWiki:Common.css&oldid=1778」から取得