|
|
(49 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | /* General body setup */ | + | /* set sidebar width */ |
| + | #column-content { margin-left: -12em; } |
| + | #column-content #content { margin-left: 12em; } |
| + | #p-logo a, #p-logo a:hover { width: 12em; } |
| + | #p-cactions { left: 11.5em; } |
| + | .portlet { width: 11em; } |
| + | div#column-content { margin-left: -11em; } |
| + | div#content { margin-left: 11em; } |
| | | |
− | body
| + | div.pBody { |
− | { | + | background-color: rgba(0, 0, 0, 0.75); |
− | font-size: 0.8125em;
| + | border: 1px solid #181818; |
− | line-height: 1.5384615385em;
| + | border-radius: 0.5em 0.5em 0.5em 0.5em; |
− | background-color: #f3f3f3;
| + | line-height: 1em; |
− | background-image: url("http://wiki.guildwars2.com/images/8/8b/Skin_page_bg_gradient.jpg");
| + | padding: 5px; |
− | background-repeat: repeat-x;
| + | width: 145px; |
− | width: 100%;
| + | top: 150px; |
− | height: auto;
| |
− | min-height: inherit;
| |
− | position: absolute;
| |
| } | | } |
| | | |
− | body div#globalWrapper{
| + | #p-personal { |
− | font-size: 100%;
| + | background-color: rgba(0, 0, 0, 0.5); |
| + | border-radius: 0.5em 0.5em 0.5em 0.5em; |
| + | right: 0; |
| + | left: initial; |
| + | width: 500px; |
| + | padding-right: 0.55em; |
| + | padding-bottom: 3px; |
| + | margin-right: 10px; |
| } | | } |
| | | |
− | div#column-content
| + | #p-cactions li { |
− | { | + | background-color: rgba(0, 0, 0, 0.75); |
− | background-image: url("/images/0/00/Skin_header.png");
| + | border: 1px solid #181818; |
− | background-position: top left;
| + | border-radius: 0.5em 0.5em 0.5em 0.5em; |
− | background-repeat: no-repeat;
| |
− | background-color: transparent;
| |
− | z-index: 1;
| |
− | width: 100%;
| |
− | margin-bottom: -7em;
| |
− | position: static;
| |
− | min-height: 249px;
| |
| } | | } |
| | | |
− | div#content
| + | #p-cactions li:hover { |
− | {
| + | border-top: 3px groove #FFFFFF; |
− | margin-top: 4.54em !important;
| |
− | margin-left: 12.2em !important;
| |
− | box-shadow: rgba(0, 0, 0, 0.15) 0 0.1em 0.75em;
| |
− | border: 1px solid #ccc;
| |
− | border-radius: 0;
| |
− | padding-top: 1em;
| |
− | border-right-width: 0;
| |
− | position: relative;
| |
| } | | } |
| | | |
− | #bodyContent | + | #p-cactions li a { |
− | { | + | background-color: rgba(0, 0, 0, 0.75); |
− | padding-top: 0.1em;
| + | color: #FFFFFF |
| } | | } |
| | | |
− | #mw-dismissable-notice | + | #p-cactions li a:hover { |
− | { | + | background-color: rgba(0, 0, 0, 0.75); |
− | margin-bottom: 1em;
| |
| } | | } |
| | | |
− | /* Text sizes */
| + | #p-cactions .new a { |
− | | + | background-color: rgba(0, 0, 0, 0.75); |
− | h1, #bodyContent > h1
| + | color: #FFFFFF |
− | {
| |
− | font-family: "EasonPro","Times New Roman", serif !important;
| |
− | font-size: 2.2307692307em
| |
− | font-size-adjust: 0.43;
| |
− | font-weight: normal;
| |
− | line-height: 1em;
| |
− | margin-top: 0.7241379310em;
| |
− | margin-bottom: 0.6896551724em;
| |
− | padding: 0;
| |
− | }
| |
− | | |
− | #firstHeading
| |
− | {
| |
− | font-size: 2.2307692307em;
| |
− | font-size-adjust: 0.43;
| |
− | margin-top: 0;
| |
− | padding: 0;
| |
− | }
| |
− | | |
− | h2, #bodyContent > h2
| |
− | {
| |
− | font-family: "EasonPro","Times New Roman", serif !important;
| |
− | font-weight: normal;
| |
− | font-size: 1.9230769231em;
| |
− | font-size-adjust: 0.43;
| |
− | line-height: 1em;
| |
− | margin-top: 1em;
| |
− | margin-bottom: 0.4em;
| |
− | padding: 0;
| |
− | }
| |
− | | |
− | h3, #bodyContent > h3
| |
− | {
| |
− | font-family: Arial, sans-serif !important;
| |
− | font-weight: bold;
| |
− | font-size: 1.3076923077em;
| |
− | font-size-adjust: 0.43;
| |
− | line-height: 1em;
| |
− | margin-top: 1.3529411765em;
| |
− | margin-bottom: 0.5882352941em;
| |
− | padding: 0;
| |
− | }
| |
− | | |
− | h4, #bodyContent > h4
| |
− | {
| |
− | font-family: Arial, sans-serif !important;
| |
− | font-size: 1.1538461538em;
| |
− | font-size-adjust: 0.52;
| |
− | font-weight: bold;
| |
− | line-height: 1em;
| |
− | margin-top: 1em;
| |
− | margin-bottom: 0.6666666667em;
| |
− | padding: 0;
| |
− | }
| |
− | | |
− | h5, #bodyContent > h5
| |
− | {
| |
− | font-family: Arial, sans-serif !important;
| |
− | font-size: 1em;
| |
− | font-size-adjust: 0.52;
| |
− | font-weight: bold;
| |
− | line-height: 1em;
| |
− | margin-top: 1.3076923077em;
| |
− | margin-bottom: 0.7692307692em;
| |
− | padding: 0;
| |
− | }
| |
− | | |
− | h6, #bodyContent > h6
| |
− | {
| |
− | font-family: Arial, sans-serif !important;
| |
− | font-size: 0.9230769231em;
| |
− | font-size-adjust: 0.52;
| |
− | font-weight: bold;
| |
− | line-height: 1em;
| |
− | margin-top: 1.5em;
| |
− | margin-bottom: 0.8333333333em;
| |
− | padding: 0;
| |
− | }
| |
− | | |
− | 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;
| |
− | }
| |
− | | |
− | .mw-changeslist-legend dt, .mw-changeslist-legend dd { line-height: 1.2em; }
| |
− | | |
− | li > ul, li > ol
| |
− | {
| |
− | margin-top: 0 !important;
| |
− | margin-bottom: 0 !important;
| |
− | }
| |
− | | |
− | sup, sub
| |
− | {
| |
− | line-height: 0;
| |
− | }
| |
− | | |
− | div#globalWrapper, input, select
| |
− | {
| |
− | font-family: Arial, sans-serif;
| |
− | line-height: 1.5384615385em;
| |
− | font-size-adjust: 0.52;
| |
− | }
| |
− | | |
− | input, select
| |
− | {
| |
− | font-size: 1em;
| |
− | }
| |
− | | |
− | #toc h2, .toc h2
| |
− | {
| |
− | font-size: 120% !important;
| |
− | }
| |
− | | |
− | .special li
| |
− | {
| |
− | line-height: 1.5384615385em;
| |
− | }
| |
− | | |
− | span.mw-editsection
| |
− | {
| |
− | font-family: Arial, sans-serif;
| |
− | font-size: 13px !important;
| |
− | font-size-adjust: 0.52;
| |
− | line-height: inherit;
| |
− | vertical-align: middle;
| |
− | }
| |
− | | |
− | textarea, pre, xmp, plaintext, listing
| |
− | {
| |
− | font-size: 12px;
| |
− | font-family: monospace;
| |
− | }
| |
− | | |
− | pre, xmp, plaintext, listing
| |
− | {
| |
− | white-space: pre-wrap;
| |
− | }
| |
− | | |
− | /* Footer */
| |
− | | |
− | #footer
| |
− | {
| |
− | background-color: transparent !important;
| |
− | background-image: url("http://wiki.guildwars2.com/images/3/3c/Skin_footer.png");
| |
− | background-position: top left;
| |
− | background-repeat: repeat-x;
| |
− | margin: -15.5em 0 0 !important;
| |
− | padding: 8em 1em 0.5em 13em !important;
| |
− | position: relative;
| |
− | right: 0;
| |
− | left: 0;
| |
− | bottom: 0;
| |
− | top: 0;
| |
− | width: auto;
| |
− | height: 7em !important;
| |
− | z-index: 0;
| |
− | border-width: 0 !important;
| |
− | text-align: left !important;
| |
− | font-size: 1em !important;
| |
− | }
| |
− | | |
− | #footer #f-list
| |
− | {
| |
− | margin: 0 14em 0 0;
| |
− | padding: 0 88px 0 0;
| |
− | position: absolute;
| |
− | }
| |
− | | |
− | #footer li
| |
− | {
| |
− | display: block !important;
| |
− | font-size: 0.9230769231em;
| |
− | line-height: 1.6666666667em;
| |
− | margin: 0 !important;
| |
− | padding: 0;
| |
− | }
| |
− | | |
− | #footer #f-list #privacy, #footer #f-list #about, #footer #f-list #disclaimer
| |
− | {
| |
− | float: left;
| |
− | margin-right: 1em !important;
| |
− | margin-top: 0.8333333333em !important;
| |
− | }
| |
− | | |
− | #f-poweredbyico, #f-copyrightico
| |
− | {
| |
− | margin: 30px 6px 0px !important;
| |
− | }
| |
− | | |
− | #footer #f-copyrightico
| |
− | {
| |
− | background-image: url("http://wiki.guildwars2.com/images/0/01/ArenaNet.png");
| |
− | height: 36px;
| |
− | width: 90px;
| |
− | }
| |
− | | |
− | #footer #f-copyrightico img
| |
− | {
| |
− | display: none;
| |
− | }
| |
− | | |
− | #f-copyrightico
| |
− | {
| |
− | float: right;
| |
− | }
| |
− | | |
− | #f-poweredbyico a
| |
− | {
| |
− | margin-left: 0.5em;
| |
− | }
| |
− | | |
− | /* Top of page elements */
| |
− | /** Personal portlet **/
| |
− | | |
− | .pBody
| |
− | {
| |
− | font-size: 0.9230769231em;
| |
− | }
| |
− | | |
− | #p-personal
| |
− | {
| |
− | text-align: right;
| |
− | z-index: 2;
| |
− | }
| |
− | | |
− | #p-personal .pBody
| |
− | {
| |
− | width: auto;
| |
− | display: inline-block;
| |
− | padding-right: 0.75em;
| |
− | border-radius: 0 0 0 0.5em;
| |
− | background-color: #fff;
| |
− | margin-left: 12em;
| |
− | z-index: 2;
| |
− | }
| |
− | | |
− | #p-personal ul
| |
− | {
| |
− | padding: 0;
| |
− | line-height: 1.6666666667em;
| |
− | }
| |
− | | |
− | #p-personal li
| |
− | {
| |
− | font-size: 1em;
| |
− | margin: 0.5em 0 0.5em 1em;
| |
− | }
| |
− | | |
− | #p-personal li a
| |
− | {
| |
− | color: #002BB8;
| |
− | }
| |
− | | |
− | #p-personal li a:hover
| |
− | {
| |
− | padding: 0;
| |
− | background-color: transparent;
| |
− | }
| |
− | | |
− | li#pt-userpage
| |
− | {
| |
− | background: none;
| |
− | padding-left: 0px !important;
| |
− | }
| |
− | | |
− | /** Page tabs **/
| |
− | | |
− | #p-cactions | |
− | {
| |
− | position: absolute;
| |
− | top: 3em;
| |
− | left: 0;
| |
− | margin: 0 0 0 12.2em;
| |
− | font-size: 1em;
| |
− | width: 76%;
| |
− | height: 1.6em;
| |
− | line-height: 1.6em;
| |
− | padding: 0;
| |
− | z-index: 2;
| |
− | }
| |
− | | |
− | #p-cactions .pBody
| |
− | {
| |
− | font-size: 0.9230769231em;
| |
− | padding: 0;
| |
− | margin: 0;
| |
− | position: absolute;
| |
− | height: 1.6em;
| |
− | line-height: 1.6em;
| |
− | width: 100%;
| |
− | }
| |
− | | |
− | #p-cactions ul
| |
− | {
| |
− | margin: 0 0 0 1px;
| |
− | height: 1.6em;
| |
− | line-height: 1.6em;
| |
− | list-style-type: none;
| |
− | list-style-image: none;
| |
− | list-style-position: outside;
| |
− | }
| |
− | | |
− | #p-cactions li.selected, #p-cactions li
| |
− | {
| |
− | padding: 0;
| |
− | height: 2em;
| |
− | line-height: 2em;
| |
− | display: inline-block;
| |
− | }
| |
− | | |
− | #p-cactions li
| |
− | {
| |
− | border: 1px solid #aaa;
| |
− | border-bottom-color: #ccc;
| |
− | background-color: #eee;
| |
− | display: block;
| |
− | float: left;
| |
− | height: 1.6em;
| |
− | line-height: 1.6em;
| |
− | margin: 0 0 0 -1px;
| |
− | }
| |
− | | |
− | #p-cactions li#ca-talk
| |
− | {
| |
− | margin-right: 1.7em;
| |
− | }
| |
− | | |
− | #p-cactions li#ca-watch, #p-cactions li#ca-unwatch, #p-cactions li#ca-varlang-0, #p-cactions li#ca-print
| |
− | {
| |
− | margin-left: 1.7em;
| |
− | }
| |
− | | |
− | #p-cactions li.selected
| |
− | {
| |
− | background-color: #fff;
| |
− | background-image: none;
| |
− | border: 1px solid #ccc;
| |
− | border-bottom-width: 0px;
| |
− | border-radius: 0;
| |
− | font-weight: normal;
| |
− | margin: 0 0 0 -1px;
| |
− | padding-bottom: 1px !important;
| |
− | overflow: visible;
| |
− | }
| |
− | | |
− | #p-cactions li.istalk
| |
− | {
| |
− | margin: 0 0 0 -1px;
| |
− | }
| |
− | | |
− | #p-cactions li.istalk.selected
| |
− | {
| |
− | margin: 0 -0.3em 0 0;
| |
− | }
| |
− | | |
− | #p-cactions li + li.selected
| |
− | {
| |
− | border-radius: 0;
| |
− | }
| |
− | | |
− | #p-cactions li a, #p-cactions li a:hover, #p-cactions li.istalk a, #p-cactions #ca-addsection a
| |
− | { | |
− | padding: 0 1em;
| |
− | border-radius: 0.536em 0 0 0;
| |
− | height: 2em;
| |
− | line-height: 2em;
| |
− | }
| |
− | | |
− | #p-cactions li a:hover
| |
− | {
| |
− | background-color: transparent;
| |
− | }
| |
− | | |
− | #p-cactions li.selected a, #p-cactions li.selected a:hover
| |
− | {
| |
− | background-color: transparent;
| |
− | border-radius: 0;
| |
− | color: #000;
| |
− | height: 2em;
| |
− | padding: 0 1em 1em !important;
| |
− | }
| |
− | | |
− | #p-cactions li a
| |
− | {
| |
− | background-color: transparent;
| |
− | }
| |
− | | |
− | #p-cactions li:hover
| |
− | {
| |
− | background-color: #F8F8F8;
| |
− | }
| |
− | | |
− | #p-cactions li.selected:hover
| |
− | {
| |
− | background-color: #fff;
| |
− | }
| |
− | | |
− | #p-cactions li:nth-child(-2n+3), #p-cactions li.selected:nth-child(-2n+3), #p-cactions li:nth-last-child(2)
| |
− | {
| |
− | border-top-left-radius: 0.536em;
| |
− | }
| |
− | | |
− | #p-cactions li:nth-child(2), #p-cactions li:nth-last-child(3),
| |
− | #p-cactions li.selected:nth-child(2), #p-cactions li.selected:nth-last-child(3),
| |
− | #p-cactions li:last-child, #p-cactions li.selected:last-child
| |
− | {
| |
− | border-top-right-radius: 0.536em;
| |
− | }
| |
− | | |
− | #p-cactions li:nth-child(3)
| |
− | {
| |
− | border-top-right-radius: 0!important;
| |
− | }
| |
− | | |
− | body.ns-subject #p-cactions li.new + li.new + li#ca-edit
| |
− | {
| |
− | border-top-right-radius: 0.536em!important;
| |
− | }
| |
− | | |
− | #p-cactions li a, #p-cactions li a:hover, #p-cactions li.istalk a, #p-cactions #ca-addsection a
| |
− | {
| |
− | padding: 0 1em;
| |
− | border-radius: 0;
| |
− | line-height: 1.6em;
| |
− | }
| |
− | | |
− | #p-cactions li.selected a, #p-cactions li.selected a:hover, #p-cactions li.selected, #p-cactions li
| |
− | {
| |
− | height: 1.6em;
| |
− | line-height: 1.6em;
| |
− | }
| |
− | | |
− | /* left of page elements */
| |
− | | |
− | .portlet
| |
− | {
| |
− | width: 11em;
| |
− | z-index: 1;
| |
− | position: relative;
| |
− | font-size: 1em;
| |
− | margin: 0.8333333333em 0.5em 0.8333333333em;
| |
− | }
| |
− | | |
− | .portlet .pBody, #p-search .pBody
| |
− | {
| |
− | border: 0;
| |
− | padding: 0.333em;
| |
− | line-height: 1.4285714286em;
| |
− | background-color: transparent;
| |
− | }
| |
− | | |
− | .portlet .pBody
| |
− | {
| |
− | margin: 0 0.5em;
| |
− | padding: 0 0.333em;
| |
− | }
| |
− | | |
− | #p-search .pBody | |
− | {
| |
− | margin: 0;
| |
− | padding: 0.333em 0.333em 0;
| |
− | }
| |
− | | |
− | .pBody ul, .pBody li
| |
− | {
| |
− | line-height: 1.6666666667em;
| |
| } | | } |
| | | |
− | .portlet h5, .portlet h3 | + | #p-cactions li.selected { |
− | { | + | background-color: rgba(0, 0, 0, 0.75); |
− | color: #000;
| + | border: 2px groove #888888; |
− | font-size: 1em;
| + | border-radius: 0.5em 0.5em 0.5em 0.5em; |
− | font-weight: normal;
| |
− | padding: 0 1em 5px;
| |
− | line-height: 1.3333333333em;
| |
− | margin: 0 -0.5em;
| |
− | background-image: url("http://wiki.guildwars2.com/images/4/45/Shadow_after.png");
| |
− | background-repeat: no-repeat;
| |
− | background-position: bottom center;
| |
− | background-size: 90% 3px;
| |
− | display: block;
| |
− | width: 9.2em;
| |
− | text-transform: none;
| |
− | font-size-adjust: 0.43;
| |
− | height: 100%;
| |
| } | | } |
| | | |
− | .portlet ul | + | #p-cactions li.selected a { |
− | { | + | background-color: rgba(0, 0, 0, 0.75); |
− | font-size: 1em;
| + | color: #AAAAAA |
− | line-height: 1.6666666667em;
| |
− | margin: 0 0 0 1em;
| |
| } | | } |
| | | |
− | #searchInput | + | #p-cactions li.selected a:hover { |
− | { | + | background-color: rgba(0, 0, 0, 0.75); |
− | font-size: 1em;
| |
− | width: 10em;
| |
| } | | } |