MediaWiki:Common.css: Difference between revisions

From Tygron Preview Support Wiki
Jump to navigation Jump to search
No edit summary
(allow main page smaller header separators)
Line 29: Line 29:
text-align:center;
text-align:center;
font-size-adjust:0.43
font-size-adjust:0.43
}
#mainpagenavigation th.header_sub {
height:24px;
}
}



Revision as of 10:36, 27 October 2014

/* CSS placed here will be applied to all skins */

/*Main page*/
/**MAIN PAGE STYLESHEET**/

table#mainpagenavigation {
	/*border: 1px solid #000000;*/
	box-shadow:rgba(0,0,0,0.5) 0 0 0.75em;
}

.page-Main_Page h1.firstHeading#firstHeading {
display:none;
}

#mainpagenavigation {
display:block;
border-collapse:collapse;
text-align:left
}

#mainpagenavigation th {
/*font-size:1.7692307692em;*/
font-size:25px;
color:#fff;
text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
background-color:#444;
font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}

#mainpagenavigation th.header_sub {
height:24px;
}

#mainpagenavigation th h3{
font-size:25px;
padding-top:0px;
color:#fff;
text-shadow:rgba(0,0,0,0.75) 0 0 .25em;
background-color:#444;
font-weight:400;
height:48px;
text-align:center;
font-size-adjust:0.43
}

#mainpagenavigation td {
background-color:#fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffffffff);
background-image: linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -o-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -moz-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -ms-linear-gradient(top, #bbb 0%, #fff 2%, #fff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bbb), color-stop(.02, #fff), color-stop(1, #fff));
/*height:250px;*/
}

#mainpagenavigation td.content {vertical-align:top;padding:.5em 1.5em;}
#mainpagenavigation td.separator {border-right:#aaa solid 1px}

/*Editing tags on the main page*/
#mainpagenavigation h5{
position:absolute;
margin-left:180px;
}
/*Main page (padding, not used)*/
/* body.page-Main_Page.ns-subject #content,body.page-Main_Page_editcopy.ns-subject #content {padding-left:1em;padding-right:1em}*/



/*Float the table of contents right*/
#toc { float: right };



/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

/*Don't float the horizontal list by default*/
#toc.toc.hlist {
float:none;
}

/*learned things header*/
.learned_heading {
background-color:#d0eed0;
}

/*boxes with steps in the editor*/
.editor_location_box {
margin-top:25px;
margin-bottom:25px;
}

.editor_steps_box {
display:inline-block;
border-style:dashed;
border-color:#808080;
background-color:#e4e4ee;
padding-right:40px;
margin-left:40px;
vertical-align:top;
margin-bottom:10px;
}

.editor_steps_box .editor_steps_title{
 margin-left:20px;
}

.editor_steps_box_wrapper{
margin-left:40px;
}

.editor_steps_box_wrapper .editor_steps_box{
margin:0;
max-width:50%;
}

.editor_steps_box_wrapper .editor_steps_image {
display:inline;
}

.editor_steps_box_wrapper .editor_steps_image > div {
max-width:40%;
display:inline-block;
margin:0;
float:right;
clear:both;
}

/*Workaround because of applied width to style*/
.editor_steps_box_wrapper .editor_steps_image > div > div {
width:auto !important;
}

.editor_steps_box_wrapper .editor_steps_image img{
max-width:100%;
height:auto;
}

/*Support namespace styling*/
.ns-4500 #content, .ns-501 #content { background-color: #f3f3f3; }
.ns-4500 div.thumb, .ns-501 div.thumb { border-color: #f3f3f3; }