|
|
| Line 1: |
Line 1: |
| − | /*<nowiki>*/ | + | /* CSS placed here will affect users of the Vector skin */ |
| − | /*General body setup*/
| |
| − | html, body {
| |
| − | min-height: 100%;
| |
| − | height: auto;
| |
| − | }
| |
| − | html {
| |
| − | background-color: #F3F3F3;
| |
| − | background-image: url("/images/3/3c/Skin_footer.png"), url("/images/8/8b/Skin_page_bg_gradient.jpg");
| |
| − | background-repeat: no-repeat, repeat-x;
| |
| − | background-position: center bottom -110px, center top;
| |
| − | }
| |
| | | | |
| − | body {
| + | /* set sidebar width */ |
| − | font-size: 0.8125em;
| + | div#mw-panel { width: 11em; } |
| − | line-height: 1.5384615385em;
| + | div#footer, #mw-head-base, div#content { margin-left: 11em; } |
| − | background: transparent !important;
| + | #left-navigation { margin-left: 11em; } |
| − | } | |
| | | | |
| − | pre
| |
| − | {
| |
| − | font-size: 1em;
| |
| − | }
| |
| | | | |
| − | #p-logo a
| + | div.testdiv { background-color: yellow; } |
| − | {
| |
| − | width:12em;
| |
| − | }
| |
| − | | |
| − | #p-logo
| |
| − | {
| |
| − | width:12em;
| |
| − | background-color: transparent;
| |
| − | left: 0 !important; /* Over-ride media css */
| |
| − | }
| |
| − | | |
| − | /*Rhythmic text sizes and grid leading*/
| |
| − | | |
| − | | |
| − | #bodyContent > h1:hover, #bodyContent > h2:hover, #bodyContent > h3:hover, #bodyContent > h4:hover, #bodyContent > h5:hover, #bodyContent > h6:hover
| |
| − | {
| |
| − | background-image: none;
| |
| − | }
| |
| − | | |
| − | div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6
| |
| − | {
| |
| − | line-height: 1em;
| |
| − | padding: 0;
| |
| − | }
| |
| − | | |
| − | div#content h1, div#content h2
| |
| − | {
| |
| − | font-family: "EasonPro","Times New Roman", serif !important;
| |
| − | font-weight: normal;
| |
| − | font-size-adjust: 0.43;
| |
| − | }
| |
| − | | |
| − | div#content h3, div#content h4, div#content h5, div#content h6
| |
| − | {
| |
| − | font-family: Arial, sans-serif !important;
| |
| − | font-weight: bold;
| |
| − | font-size-adjust:0.52
| |
| − | }
| |
| − | | |
| − | div#content h1
| |
| − | {
| |
| − | font-size: 2.2307692307em;
| |
| − | margin-top: 0.7241379310em;
| |
| − | margin-bottom: 0.6896551724em;
| |
| − | }
| |
| − | | |
| − | div#content #firstHeading
| |
| − | {
| |
| − | font-size: 2.2307692307em;
| |
| − | margin-top: 0;
| |
| − | }
| |
| − | | |
| − | div#content h2
| |
| − | {
| |
| − | font-size: 1.9230769231em;
| |
| − | margin-top: 1em;
| |
| − | margin-bottom: 0.4em;
| |
| − | }
| |
| − | | |
| − | div#content h3
| |
| − | {
| |
| − | font-size: 1.3076923077em;
| |
| − | margin-top: 1.3529411765em;
| |
| − | margin-bottom: 0.5882352941em;
| |
| − | }
| |
| − | | |
| − | div#content h4
| |
| − | {
| |
| − | font-size: 1.1538461538em;
| |
| − | margin-top: 1em;
| |
| − | margin-bottom: 0.6666666667em;
| |
| − | padding: 0;
| |
| − | }
| |
| − | | |
| − | div#content h5
| |
| − | {
| |
| − | font-size: 1em;
| |
| − | margin-top: 1.3076923077em;
| |
| − | margin-bottom: 0.7692307692em;
| |
| − | }
| |
| − | | |
| − | div#content h6
| |
| − | {
| |
| − | font-size: 0.9230769231em;
| |
| − | margin-top: 1.5em;
| |
| − | margin-bottom: 0.8333333333em;
| |
| − | }
| |
| − | | |
| − | p, ul, ol, dl
| |
| − | {
| |
| − | margin-top: 0.7692307692em;
| |
| − | margin-bottom: 0.7692307692em;
| |
| − | line-height: 1.5384615385em;
| |
| − | }
| |
| − | | |
| − | dd, dt, li
| |
| − | {
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 0;
| |
| − | line-height: 1.5384615385em;
| |
| − | }
| |
| − | | |
| − | #content li > ul, #content li > ol
| |
| − | {
| |
| − | margin-top: 0px;
| |
| − | margin-bottom: 0px;
| |
| − | }
| |
| − | | |
| − | sup, sub
| |
| − | {
| |
| − | line-height: 0;
| |
| − | }
| |
| − | | |
| − | div#content #toc {
| |
| − | margin: 10px 0px;
| |
| − | }
| |
| − | | |
| − | div#content #toc h2, div#content .toc h2 {
| |
| − | font-family: sans-serif !important;
| |
| − | font-weight: bold;
| |
| − | font-size: 100%;
| |
| − | }
| |
| − | | |
| − | /*Personal panel*/
| |
| − | | |
| − | #p-personal
| |
| − | {
| |
| − | right:0;
| |
| − | top:0;
| |
| − | padding-right:0.75em;
| |
| − | border-radius: 0 0 0 0.5em;
| |
| − | margin-left: 12em;
| |
| − | background-color: #fff;
| |
| − | z-index: 6;
| |
| − | text-transform: lowercase;
| |
| − | }
| |
| − | | |
| − | #p-personal ul
| |
| − | {
| |
| − | padding-left: 0;
| |
| − | }
| |
| − | | |
| − | #pt-userpage, #pt-anonuserpage, #pt-login
| |
| − | {
| |
| − | text-transform: none;
| |
| − | }
| |
| − | | |
| − | #p-personal li
| |
| − | {
| |
| − | font-size:0.9230769231em;
| |
| − | margin: 0.4em 0 0.4em 1em;
| |
| − | line-height:1em;
| |
| − | }
| |
| − | | |
| − | #p-personal li.active a
| |
| − | {
| |
| − | font-weight: bold;
| |
| − | }
| |
| − | | |
| − | li#pt-userpage
| |
| − | {
| |
| − | background: none;
| |
| − | padding-left: 0px !important;
| |
| − | }
| |
| − | | |
| − | /*Left panel*/
| |
| − | | |
| − | #mw-panel
| |
| − | {
| |
| − | z-index: 1;
| |
| − | }
| |
| − | | |
| − | div#mw-panel div.portal
| |
| − | {
| |
| − | font-size: 0.9230769231em;
| |
| − | width: 12em;
| |
| − | margin: 0 9px 10px 11px !important;
| |
| − | padding: 0.1em 0 0 !important;
| |
| − | background-image: none !important;
| |
| − | }
| |
| − | | |
| − | div#mw-panel div.portal div.body ul li, div#mw-panel div.portal h3
| |
| − | {
| |
| − | font-size: 1em;
| |
| − | }
| |
| − | | |
| − | div#mw-panel div.portal div.body {
| |
| − | margin-left: 0.5em;
| |
| − | }
| |
| − | | |
| − | /*Footer*/
| |
| − | | |
| − | div#footer
| |
| − | {
| |
| − | background-color: transparent;
| |
| − | margin: -7.5em 0 0 !important;
| |
| − | padding: 8em 0 0.5em 13em !important;
| |
| − | position: relative;
| |
| − | height: 7em;
| |
| − | }
| |
| − | | |
| − | #footer ul li
| |
| − | {
| |
| − | font-size: 0.9230769231em !important;
| |
| − | line-height:1.6666666667em !important;
| |
| − | padding: 0 !important;
| |
| − | }
| |
| − | | |
| − | #footer #footer-info li, #footer #footer-places li
| |
| − | {
| |
| − | line-height: 1.6666666667em;
| |
| − | }
| |
| − | | |
| − | #footer #footer-places
| |
| − | {
| |
| − | margin-top: 0.8333333333em;
| |
| − | }
| |
| − | | |
| − | #footer #footer-icons
| |
| − | {
| |
| − | position: absolute;
| |
| − | right: 1em;
| |
| − | z-index:1;
| |
| − | margin-top: 0.5em;
| |
| − | }
| |
| − | | |
| − | #footer #footer-icons li
| |
| − | {
| |
| − | margin-bottom: 1em !important;
| |
| − | }
| |
| − | | |
| − | #footer #footer-icons ul li a
| |
| − | {
| |
| − | display: block;
| |
| − | float: left;
| |
| − | }
| |
| − | | |
| − | #footer #footer-icons li a + a
| |
| − | {
| |
| − | margin-left: 0.75em;
| |
| − | }
| |
| − | | |
| − | #footer #footer-icons li#footer-copyrightico
| |
| − | {
| |
| − | background-image: url("/images/0/01/ArenaNet.png");
| |
| − | background-repeat: no-repeat;
| |
| − | width: 90px;
| |
| − | height: 36px;
| |
| − | position: relative;
| |
| − | top: 0;
| |
| − | margin: 0 5px 0 0;
| |
| − | }
| |
| − | | |
| − | #footer #footer-icons li#footer-copyrightico img
| |
| − | {
| |
| − | display:none;
| |
| − | }
| |
| − | | |
| − | .mw-editsection
| |
| − | {
| |
| − | font-family: Arial, sans-serif;
| |
| − | font-size: 13px !important;
| |
| − | font-size-adjust: 0.52;
| |
| − | line-height: unset;
| |
| − | }
| |
| − | | |
| − | /*Main content changes*/
| |
| − | | |
| − | div#content | |
| − | {
| |
| − | position:relative;
| |
| − | box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em;
| |
| − | border-radius: 0;
| |
| − | border: 1px solid #CCC;
| |
| − | z-index: 1;
| |
| − | margin-left: 12em;
| |
| − | background-image: none;
| |
| − | }
| |
| − | | |
| − | div#bodyContent, #mw-head, #mw-panel, #footer, input, select, #p-personal
| |
| − | { | |
| − | font-size: 1em;
| |
| − | font-family: Arial, sans-serif;
| |
| − | line-height: 1.5384615385em;
| |
| − | }
| |
| − | | |
| − | textarea, pre, xmp, plaintext, listing
| |
| − | {
| |
| − | font-family: monospace !important;
| |
| − | font-size: 1.2em;
| |
| − | }
| |
| − | | |
| − | pre, xmp, plaintext, listing
| |
| − | {
| |
| − | white-space: pre-wrap;
| |
| − | }
| |
| − | | |
| − | /*VECTOR TABS*/
| |
| − | | |
| − | div.vectorTabs li a, div.vectorTabs li a:visited, div.vectorMenu li a { text-decoration: none; }
| |
| − | | |
| − | div.vectorTabs
| |
| − | {
| |
| − | padding: 0;
| |
| − | background-color:transparent;
| |
| − | background-image: none;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs span
| |
| − | {
| |
| − | overflow: hidden;
| |
| − | height: 2.3em;
| |
| − | background: transparent;
| |
| − | }
| |
| − | | |
| − | #right-navigation, #left-navigation
| |
| − | {
| |
| − | padding: 1px 0 0;
| |
| − | z-index: 3;
| |
| − | }
| |
| − | | |
| − | #right-navigation div.vectorTabs
| |
| − | {
| |
| − | margin: 0px;
| |
| − | }
| |
| − | | |
| − | div.vectorMenu
| |
| − | {
| |
| − | height: 2.3em;
| |
| − | margin-top: 0;
| |
| − | background-color: #eee;
| |
| − | border: 1px solid #ccc;
| |
| − | }
| |
| − | | |
| − | #mw-navigation #mw-head div.vectorMenu h3
| |
| − | {
| |
| − | height: 2.3em;
| |
| − | }
| |
| − | | |
| − | #mw-navigation div.vectorMenu h3 a
| |
| − | {
| |
| − | background-position: 100% 50%;
| |
| − | }
| |
| − | | |
| − | #mw-navigation div.vectorMenu h3 span
| |
| − | {
| |
| − | display: inline-block;
| |
| − | height: 100%;
| |
| − | line-height: 30px;
| |
| − | padding: 0 0.3em 0 0.9em;
| |
| − | font-size: 0.9em;
| |
| − | }
| |
| − | | |
| − | #mw-navigation div.vectorMenu div.menu
| |
| − | {
| |
| − | top: 2.3em;
| |
| − | border: none;
| |
| − | left: 0;
| |
| − | }
| |
| − | | |
| − | div.vectorMenu ul
| |
| − | {
| |
| − | margin-left: -1px;
| |
| − | background-color: #eee;
| |
| − | border: solid 1px #ccc;
| |
| − | }
| |
| − | | |
| − | div.vectorMenu li a
| |
| − | {
| |
| − | font-size: 0.9230769231em;
| |
| − | height: 1.4em;
| |
| − | line-height:1.53846em;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs ul li
| |
| − | {
| |
| − | height: 2.3em;
| |
| − | line-height: 0;
| |
| − | margin: 0 -1px 0 0;
| |
| − | background-image: none;
| |
| − | background-color:#eee;
| |
| − | border:1px solid #ccc;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs ul li:first-child
| |
| − | {
| |
| − | border-top-left-radius:0.5em;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs ul li:hover, div.vectorMenu ul li:hover, div.vectorMenu:hover
| |
| − | {
| |
| − | background-color:#f8f8f8;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs li a
| |
| − | {
| |
| − | font-size: 12px
| |
| − | height: 1.4em;
| |
| − | padding-left: 0.9em;
| |
| − | padding-right: 0.9em;
| |
| − | background-image: none;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs li.selected
| |
| − | {
| |
| − | background-color: #fff;
| |
| − | border: 1px solid #ccc;
| |
| − | border-bottom-width: 0;
| |
| − | padding-bottom: 1px;
| |
| − | margin: 0 -1px 0 0;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs li.selected a span
| |
| − | {
| |
| − | margin-top: 0px;
| |
| − | }
| |
| − | | |
| − | div#left-navigation div.vectorTabs li.selected
| |
| − | {
| |
| − | border-radius: 0.5em 0 0 0;
| |
| − | }
| |
| − | | |
| − | div#left-navigation div.vectorTabs li + li.selected
| |
| − | {
| |
| − | border-radius: 0;
| |
| − | }
| |
| − | | |
| − | div#left-navigation div.vectorTabs ul li:last-child
| |
| − | {
| |
| − | border-top-right-radius:0.5em;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs a span
| |
| − | {
| |
| − | padding-top: 0;
| |
| − | line-height: 2.5em;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs li a span
| |
| − | {
| |
| − | font-size: 0.9230769231em;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs span > a
| |
| − | {
| |
| − | font-size: 12px !important;
| |
| − | }
| |
| − | | |
| − | #left-navigation
| |
| − | {
| |
| − | top: 3em;
| |
| − | left: 12em !important;
| |
| − | margin: -1px 0 0 !important;
| |
| − | position: absolute;
| |
| − | }
| |
| − | | |
| − | #right-navigation
| |
| − | {
| |
| − | top: 3em;
| |
| − | margin-top: -1px;
| |
| − | position: absolute;
| |
| − | right: 0;
| |
| − | }
| |
| − | | |
| − | #mw-page-base
| |
| − | {
| |
| − | background-image: url("/images/0/00/Skin_header.png");
| |
| − | height: 228px;
| |
| − | background-position: top left;
| |
| − | background-repeat: no-repeat;
| |
| − | background-color:transparent;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | z-index: 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − | | |
| − | #mw-head-base
| |
| − | {
| |
| − | margin: 0 0 -1px 12em;
| |
| − | height: 5.3em;
| |
| − | padding: 2px 0 0 0;
| |
| − | background-color:transparent;
| |
| − | background-image: none;
| |
| − | border-radius: 0.5em 0 0 0;
| |
| − | background-image: none;
| |
| − | position: relative;
| |
| − | z-index:2;
| |
| − | }
| |
| − | | |
| − | /** Simple search - enable this in the search options in preferences! **/
| |
| − | div#simpleSearch
| |
| − | {
| |
| − | border:1px solid #ccc !important;
| |
| − | height: 2.3em !important;
| |
| − | margin-top: 0px !important;
| |
| − | }
| |
| − | | |
| − | #p-search
| |
| − | {
| |
| − | margin: 0 0 0 -1px;
| |
| − | }
| |
| − | | |
| − | #p-search form, #p-search input
| |
| − | {
| |
| − | margin: 0;
| |
| − | }
| |
| − | | |
| − | div#simpleSearch input#searchInput
| |
| − | {
| |
| − | font-size: 1em;
| |
| − | height:2.2em;
| |
| − | padding: 0.2em 0px 0px 0.2em;
| |
| − | }
| |
| − | | |
| − | #ca-watch.icon a, #ca-watch.icon a:focus, #ca-watch.icon a:hover, #ca-unwatch.icon a, #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus
| |
| − | {
| |
| − | background-image: url("/images/5/56/Watch_icons.png");
| |
| − | }
| |
| − | | |
| − | .vectorTabs #ca-watch span a.loading, .vectorTabs #ca-unwatch span a.loading {
| |
| − | animation: none;
| |
| − | }
| |
| − | | |
| − | #ca-watch.icon a, #ca-watch.icon a:focus { background-position: 5px 35%; }
| |
| − | #ca-watch.icon a:hover { background-position: -19px 35%; }
| |
| − | #ca-unwatch.icon a { background-position: -43px 35%; }
| |
| − | #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus { background-position: -67px 35%; }
| |
| − | | |
| − | #ca-watch.icon, #ca-unwatch.icon { margin-right: -1px; }
| |
| − | | |
| − | #ca-watch.icon a, #ca-unwatch.icon a
| |
| − | {
| |
| − | margin: 0 0.33em;
| |
| − | width: 27px;
| |
| − | height: 0;
| |
| − | }
| |
| − | | |
| − | #ca-watch.icon a.loading, #ca-unwatch.icon a.loading
| |
| − | {
| |
| − | background-image: none;
| |
| − | }
| |
| − | div#mw-notification-area
| |
| − | {
| |
| − | font-size: 13px !important;
| |
| − | top: 1em !important;
| |
| − | }
| |
| − | | |
| − | div.vectorMenu h3 a
| |
| − | {
| |
| − | height: 30px;
| |
| − | margin-bottom:-1px;
| |
| − | }
| |
| − | | |
| − | div.vectorTabs ul
| |
| − | {
| |
| − | background: none;
| |
| − | }
| |
| − | | |
| − | /* Recent changes "byte count change" text colours */
| |
| − | .mw-plusminus-pos
| |
| − | {
| |
| − | color:#060;
| |
| − | }
| |
| − | | |
| − | .mw-plusminus-neg
| |
| − | {
| |
| − | color:#900;
| |
| − | }
| |
| − | | |
| − | .mw-changeslist-legend dt {
| |
| − | line-height: 1.5em !important;
| |
| − | }
| |
| − | | |
| − | .mw-changeslist-legend dd {
| |
| − | line-height: 1.5em !important;
| |
| − | }
| |
| − | | |
| − | /* Search placeholder style */
| |
| − | | |
| − | input:-moz-placeholder
| |
| − | {
| |
| − | font-style: italic;
| |
| − | }
| |
| − | | |
| − | input::-webkit-input-placeholder
| |
| − | {
| |
| − | font-style: italic;
| |
| − | }
| |
| − | | |
| − | #siteNotice, #mw-js-message
| |
| − | {
| |
| − | font-size: 0.9230769231em;
| |
| − | }
| |
| − | | |
| − | #mw-dismissable-notice
| |
| − | {
| |
| − | margin-bottom:1em;
| |
| − | }
| |
| − | | |
| − | /** Remove spacing below page title and content **/
| |
| − | div#bodyContent
| |
| − | {
| |
| − | padding-top: 0px !important;
| |
| − | }
| |
| − | | |
| − | li > ul, li > ol
| |
| − | {
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − | | |
| − | /* Correct the location of icons fixed to page title line, e.g. "Template:ArenaNet article" */
| |
| − | div.icon-fixed-top
| |
| − | { top: 0px !important;
| |
| − | margin-top: -2em;
| |
| − | } | |
| − | | |
| − | /*</nowiki>*/
| |
