|
|
| Line 1: |
Line 1: |
| //* CSS placed here will be applied to all skins */
| | /* 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.25) 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:20px;
| |
| color:#fff;
| |
| /*text-shadow:rgba(0,0,0,0.75) 0 0 .25em;*/
| |
| background-color:#4fb9cf;
| |
| 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;
| |
| | |
| 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 };
| |
| .toctoggle { 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;
| |
| background-color:#c9f9ff;
| |
| padding: 1px 1px 10px 12px;
| |
| }
| |
| | |
| /*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; }
| |
| | |
| /*Infobox styling*/
| |
| /* Infobox template style */
| |
| .infobox {
| |
| border: 1px solid #aaa;
| |
| background-color: #f9f9f9;
| |
| color: black;
| |
| margin: 0.5em 0 0.5em 1em;
| |
| padding: 0.2em;
| |
| float: right;
| |
| clear: right;
| |
| }
| |
| .infobox td,
| |
| .infobox th {
| |
| vertical-align: top;
| |
| }
| |
| .infobox caption {
| |
| font-size: larger;
| |
| }
| |
| .infobox.bordered {
| |
| border-collapse: collapse;
| |
| }
| |
| .infobox.bordered td,
| |
| .infobox.bordered th {
| |
| border: 1px solid #aaa;
| |
| }
| |
| .infobox.bordered .borderless td,
| |
| .infobox.bordered .borderless th {
| |
| border: 0;
| |
| }
| |
| | |
| .infobox.sisterproject {
| |
| width: 20em;
| |
| font-size: 90%;
| |
| }
| |
| | |
| .infobox.standard-talk {
| |
| border: 1px solid #c0c090;
| |
| background-color: #f8eaba;
| |
| }
| |
| .infobox.standard-talk.bordered td,
| |
| .infobox.standard-talk.bordered th {
| |
| border: 1px solid #c0c090;
| |
| }
| |
| | |
| /* styles for bordered infobox with merged rows */
| |
| .infobox.bordered .mergedtoprow td,
| |
| .infobox.bordered .mergedtoprow th {
| |
| border: 0;
| |
| border-top: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| }
| |
| | |
| .infobox.bordered .mergedrow td,
| |
| .infobox.bordered .mergedrow th {
| |
| border: 0;
| |
| border-right: 1px solid #aaa;
| |
| }
| |
| | |
| /* Styles for geography infoboxes, eg countries,
| |
| country subdivisions, cities, etc. */
| |
| .infobox.geography {
| |
| text-align: left;
| |
| border-collapse: collapse;
| |
| line-height: 1.2em;
| |
| font-size: 90%;
| |
| }
| |
| | |
| .infobox.geography td,
| |
| .infobox.geography th {
| |
| border-top: solid 1px #aaa;
| |
| padding: 0.4em 0.6em 0.4em 0.6em;
| |
| }
| |
| .infobox.geography .mergedtoprow td,
| |
| .infobox.geography .mergedtoprow th {
| |
| border-top: solid 1px #aaa;
| |
| padding: 0.4em 0.6em 0.2em 0.6em;
| |
| }
| |
| | |
| .infobox.geography .mergedrow td,
| |
| .infobox.geography .mergedrow th {
| |
| border: 0;
| |
| padding: 0 0.6em 0.2em 0.6em;
| |
| }
| |
| | |
| .infobox.geography .mergedbottomrow td,
| |
| .infobox.geography .mergedbottomrow th {
| |
| border-top: 0;
| |
| border-bottom: solid 1px #aaa;
| |
| padding: 0 0.6em 0.4em 0.6em;
| |
| }
| |
| | |
| .infobox.geography .maptable td,
| |
| .infobox.geography .maptable th {
| |
| border: 0;
| |
| padding: 0;
| |
| }
| |
| | |
| /* Code styling */
| |
| code{
| |
| color:black;
| |
| background-color:#f9f9f9;
| |
| border:1px solid #ddd;
| |
| border-radius:2px;
| |
| padding:1px 4px
| |
| }
| |
| | |
| /*Infobox basic styling*/
| |
| .tygron-abox {
| |
| width: 60%;
| |
| margin: auto;
| |
| | |
| background-color: #dddddd;
| |
| border: 2px solid #bbbbbb;
| |
| padding: 10px;
| |
| }
| |
| | |
| /*Page breaks*/
| |
| .pageBreakBlock {
| |
| display:none;
| |
| }
| |
| @media print {
| |
| .pageBreak {
| |
| page-break-after: always;
| |
| }
| |
| .pageBreakBlock {
| |
| display:block;
| |
| }
| |
| }
| |
| | |
|
| |
|
|
| |
|
