Difference between revisions of "Template:US2002021967 Group CSS"
Jump to navigation
Jump to search
(92 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<includeonly>{{#css: | <includeonly>{{#css: | ||
+ | |||
+ | <!-- Begin Color Section --> | ||
+ | |||
+ | body { background-color: {{{Primary}}} !important; } | ||
+ | #mw-head-base {background-color: {{{Secondary}}} !important; } | ||
+ | .vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 { background-color: {{{Secondary}}} !important; } | ||
+ | |||
+ | .catlinks { | ||
+ | color: {{{Primary}}} !important; | ||
+ | } | ||
+ | |||
+ | .CategoryTreeItem a, .CategoryTreeItem a:visited, .CategoryTreeItem a.new { color: {{{Links}}}; } | ||
+ | |||
+ | .CategoryTreeToggle { | ||
+ | color: {{{Links}}}; | ||
+ | } | ||
+ | |||
+ | .catlinks a, .catlinks a:visited, .catlinks a.new, .catlinks a.new:visited { | ||
+ | color: {{{Primary}}} !important; | ||
+ | } | ||
.grp_avatar { | .grp_avatar { | ||
− | width: | + | background-color: {{{Primary}}} !important; |
− | height: | + | border-right-color: {{{Border}}} !important; |
− | background-color: | + | border-bottom-color: {{{Border}}} !important; |
+ | } | ||
+ | |||
+ | .grp_avatar_backdrop { | ||
+ | border-bottom-color: {{{Secondary}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_avatar_backdrop:after { | ||
+ | border-top-color: {{{Secondary}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_blackout { | ||
+ | background-color: {{{Secondary}}} !important; | ||
+ | color: {{{Text}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_dismiss { | ||
+ | color: {{{Links}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_dismiss_bottom { | ||
+ | color: {{{Links}}} !important; | ||
+ | border-top: 1px solid {{{Text}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_expanded { | ||
+ | background-color: {{{Secondary}}} !important; | ||
+ | color: {{{Text}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_expanded_content a, .grp_expanded_content a:visited, .grp_expanded_content a.external, .grp_expanded_content a.external:visited { | ||
+ | color: {{{Links}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_expanded_content span a, .grp_expanded_content span a:visited, .grp_expanded_content span a.external, .grp_expanded_content span a.external:visited { | ||
+ | color: {{{Links}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_expanded_title { | ||
+ | color: {{{Links}}} !important; | ||
+ | border-bottom: 1px solid {{{Text}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_header { | ||
+ | background-color: {{{Primary}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_links { | ||
+ | background-color: {{{Secondary}}} !important; | ||
+ | color: {{{Links}}} !important; | ||
+ | border-bottom: 10px solid {{{Secondary}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_name { | ||
+ | color: {{{Links}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_outermost { | ||
+ | background-color: {{{Secondary}}} !important; | ||
+ | border: 10px solid black !important; | ||
+ | } | ||
+ | |||
+ | .grp_template { | ||
+ | background-color: {{{Primary}}} !important; | ||
+ | border-color: black !important; | ||
+ | color: {{{Template}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_template a, .grp_template a:visited { | ||
+ | color: {{{Template}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_window { | ||
+ | background-color: {{{Secondary}}} !important; | ||
+ | border-bottom-color: {{{Secondary}}} !important; | ||
+ | border-top-color: {{{Border}}} !important; | ||
+ | color: {{{Text}}} !important; | ||
+ | } | ||
+ | |||
+ | .grp_window_title { | ||
+ | color: {{{Links}}} !important; | ||
+ | } | ||
+ | |||
+ | <!-- End Color Section --> | ||
+ | |||
+ | .mw-body-content { | ||
+ | margin-bottom: 25px; | ||
+ | } | ||
+ | |||
+ | .mw-category-generated { | ||
+ | position: relative; | ||
+ | top: 25px; | ||
+ | } | ||
+ | |||
+ | .catlinks { | ||
+ | position: relative; | ||
+ | top: 34px; | ||
+ | background: none !important; | ||
+ | border: none !important; | ||
+ | color: #000000 !important; | ||
+ | } | ||
+ | |||
+ | .catlinks a, .catlinks a:visited, .catlinks a.new, .catlinks a.new:visited { | ||
+ | color: #000000 !important; | ||
+ | } | ||
+ | |||
+ | .grp_avatar { | ||
+ | width: 401px; | ||
+ | height: 401px; | ||
+ | background-color: #681a24; | ||
border-width: 0px 10px 10px 0px; | border-width: 0px 10px 10px 0px; | ||
border-style: solid; | border-style: solid; | ||
− | border-color: | + | border-right-color: silver; |
+ | border-bottom-color: silver; | ||
position: absolute; | position: absolute; | ||
text-align: center; | text-align: center; | ||
+ | border-radius: 0px 0px 100px 0px; | ||
+ | left: -1px; | ||
+ | top: -1px; | ||
+ | } | ||
+ | |||
+ | .grp_avatar_backdrop { | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border: 190px solid transparent; | ||
+ | border-bottom-color: #a94451; | ||
+ | position: absolute; | ||
+ | top: -183px; | ||
+ | left: 9px; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | .grp_avatar_backdrop:after { | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | left: -190px; | ||
+ | top: 190px; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | border: 190px solid transparent; | ||
+ | border-top-color: #a94451; | ||
+ | z-index: 0; | ||
} | } | ||
.grp_avatar_pic { | .grp_avatar_pic { | ||
− | width: | + | width: 340px; |
− | height: | + | height: 340px; |
− | + | position: relative; | |
+ | top: 18px; | ||
+ | } | ||
+ | |||
+ | .grp_blackout { | ||
+ | position: absolute; | ||
+ | top: 410px; | ||
+ | background-color: #5a4d66; | ||
+ | height: 75px; | ||
+ | width: 800px; | ||
+ | z-index: 1; | ||
+ | padding: 10px 10px 10px 10px; | ||
+ | overflow: hidden; | ||
+ | color: #eabcbc; | ||
+ | border-left: 10px solid black; | ||
+ | border-right: 10px solid black; | ||
+ | left: -10px; | ||
+ | } | ||
+ | |||
+ | .grp_dismiss { | ||
+ | color: #ffffff; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | |||
+ | .grp_dismiss_bottom { | ||
+ | color: #ffffff; | ||
+ | font-size: 16px; | ||
+ | position: relative; | ||
+ | top: 12px; | ||
+ | border-top: 1px solid #9a85ad; | ||
+ | padding-top: 10px; | ||
+ | } | ||
+ | |||
+ | .grp_expanded { | ||
+ | position: relative; | ||
+ | top: 38px; | ||
+ | background-color: #5a4d66; | ||
+ | z-index: 1; | ||
+ | color: #b0a3b8; | ||
+ | padding: 0px 10px 10px 10px; | ||
+ | width: 800px; | ||
+ | border-width: 0px 10px 10px 10px; | ||
+ | border-style: solid; | ||
+ | border-color: black; | ||
+ | } | ||
+ | |||
+ | .grp_expanded_content { | ||
+ | position: relative; | ||
+ | top: 3px; | ||
+ | } | ||
+ | |||
+ | .grp_expanded_content a, .grp_expanded_content a:visited, .grp_expanded_content a.external, .grp_expanded_content a.external:visited { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .grp_expanded_content span a, .grp_expanded_content span a:visited, .grp_expanded_content span a.external, .grp_expanded_content span a.external:visited { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .grp_expanded_title { | ||
+ | color: #ffffff; | ||
+ | font-size: 16px; | ||
+ | border-bottom: 1px solid #9a85ad; | ||
+ | padding-bottom: 8px; | ||
} | } | ||
.grp_header { | .grp_header { | ||
position: absolute; | position: absolute; | ||
− | background-color: | + | background-color: #681a24; |
right: 0px; | right: 0px; | ||
− | height: | + | top: -1px; |
− | line-height: | + | height: 51px; |
+ | line-height: 51px; | ||
width: 400px; | width: 400px; | ||
− | padding: 0px 0px 0px 10px; | + | padding: 0px 0px 0px 20px; |
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .grp_links { | ||
+ | position: absolute; | ||
+ | top: 410px; | ||
+ | background-color: #5a4d66; | ||
+ | height: 20px; | ||
+ | width: 810px; | ||
+ | padding: 0px 0px 10px 10px; | ||
+ | overflow: hidden; | ||
+ | color: #ddd1e8; | ||
+ | border-bottom: 10px solid #5a4d66; | ||
+ | line-height: 20px; | ||
text-align: center; | text-align: center; | ||
+ | font-size: 20px; | ||
} | } | ||
+ | |||
+ | #mw-pages div ul li a, #mw-pages div ul li a:visited, #mw-pages div ul li a.new { color: {{{Links}}} !important; } | ||
+ | a:visited { color: {{{Links}}} !important; } | ||
.grp_name { | .grp_name { | ||
font-family: Attic Antique, Courier New; | font-family: Attic Antique, Courier New; | ||
− | font-size: | + | font-size: 25px; |
position: absolute; | position: absolute; | ||
top: 0px; | top: 0px; | ||
width: 100%; | width: 100%; | ||
left: 0; | left: 0; | ||
+ | color: #ffffff; | ||
} | } | ||
.grp_outermost { | .grp_outermost { | ||
width: 820px; | width: 820px; | ||
− | height: | + | height: 450px; |
− | background-color: | + | background-color: #5a4d66; |
border: 10px solid black; | border: 10px solid black; | ||
position: relative; | position: relative; | ||
+ | } | ||
+ | |||
+ | .grp_template { | ||
+ | width: 500px; | ||
+ | height: 20px; | ||
+ | background-color: #681a24; | ||
+ | position: relative; | ||
+ | left: 155px; | ||
+ | border-width: 0px 10px 10px 10px; | ||
+ | border-style: solid; | ||
+ | border-color: black; | ||
+ | color: #d0b6b6; | ||
+ | padding: 0px 0px 0px 10px; | ||
+ | line-height: 20px; | ||
+ | text-align: center; | ||
+ | font-size: 13px; | ||
+ | border-radius: 0px 0px 40px 40px; | ||
+ | } | ||
+ | |||
+ | .grp_template a, .grp_template a:visited { | ||
+ | color: #d0b6b6; | ||
} | } | ||
.grp_window { | .grp_window { | ||
+ | background-color: #5a4d66; | ||
+ | border-bottom-color: #5a4d66; | ||
+ | border-top-color: silver; | ||
+ | border-style: solid; | ||
+ | border-width: 10px 0px 10px 0px; | ||
+ | color: #c0b9c7; | ||
+ | height: 340px; | ||
+ | width: 390px; | ||
+ | overflow: hidden; | ||
+ | padding: 0px 10px 0px 10px; | ||
+ | position: absolute; | ||
+ | right: 0px; | ||
+ | top: 50px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .grp_window_title { | ||
+ | font-family: Attic Antique, Courier New; | ||
+ | font-size: 30px; | ||
+ | color: #ffffff; | ||
+ | font-variant: petite-caps; | ||
+ | margin-left: 5px; | ||
} | } | ||
}}</includeonly> | }}</includeonly> |