|
|
| (90 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | /* Terminally confused with colors -
| |
| − | Dark brown for borders - rgb(66, 49, 33)
| |
| − | Rusty color applied by image https://wiki.twcenter.net/images/8/8b/Rusty-color.png or rgb(156, 108, 58) or BG2.png from forum
| |
| − | Dark brown/greyer buttons/bars -rgb(141, 117, 83)
| |
| − | Yucky orangy color - rgb(207, 171, 121)
| |
| − | Creamy body bg - rgb(234, 220, 193)
| |
| − | Dark Text - rgb(66, 49, 33)
| |
| − | */
| |
| | | | |
| − |
| |
| − | @media screen and (min-width:551px) {
| |
| − | body, div#globalWrapper {
| |
| − | background-image: url("https://www.twcenter.net/forums/images/y2skin/Background2.png"), url("https://www.twcenter.net/forums/images/y2skin/Background7.png");
| |
| − | background-position:0 0, 0 0;
| |
| − | background-attachment: fixed, scroll;
| |
| − | background-repeat: repeat-x, repeat;
| |
| − | background-size: auto 14em, auto;
| |
| − | }
| |
| − | }
| |
| − | @media screen and (max-width:550px) {
| |
| − | body, div#globalWrapper {
| |
| − | background-image: none;
| |
| − | }
| |
| − | }
| |
| − | body, div#globalWrapper {
| |
| − | background-color: rgb(149, 127, 96);
| |
| − | }
| |
| − | div#p-personal {
| |
| − | position: fixed;
| |
| − | z-index: 4;
| |
| − | }
| |
| − | #p-personal li a {
| |
| − | color: rgb(214, 200, 176);
| |
| − | font-size: 1em;
| |
| − | font-weight: normal;
| |
| − | }
| |
| − | #p-logo {
| |
| − | position: fixed;
| |
| − | padding-top:0;
| |
| − | padding-left:0.4em;
| |
| − | }
| |
| − | /*HORIZONTAL BUTTONS*/
| |
| − | div#p-cactions {
| |
| − | position: absolute;
| |
| − | margin: 0 0 0 -12em;
| |
| − | padding-left:0;
| |
| − | color: black;
| |
| − | width: 100%;
| |
| − | height: 5em;
| |
| − | background: rgb(141, 117, 83) url(https://www.twcenter.net/forums/images/buttons/newbtn_middle.png) repeat-x;
| |
| − | z-index: 1;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | #p-cactions ul {
| |
| − | left: 12.85em;
| |
| − | margin: 0;
| |
| − | position: relative;
| |
| − |
| |
| − | }
| |
| − | #p-cactions li a, #p-cactions li.istalk a {
| |
| − | top:1.2em;
| |
| − | padding:0.6em 1.7em 0.7em 1.7em;
| |
| − | color: black;
| |
| − |
| |
| − | margin: 0 0 0 0;
| |
| − | font-weight: normal;
| |
| − | border-top: 1px solid rgb(141, 117, 83);
| |
| − | border-left: 1px solid rgb(141, 117, 83);
| |
| − | background: rgb(141, 117, 83) url(https://www.twcenter.net/forums/images/buttons/newbtn_middle.png) repeat-x;
| |
| − | }
| |
| − | #p-cactions li.selected, #p-cactions li {
| |
| − | border: 0;
| |
| − | margin: 0 0 0 0;
| |
| − | background-color: transparent;
| |
| − | }
| |
| − | #p-cactions li.selected a {
| |
| − | background-color: rgb(234, 220, 193);
| |
| − | margin: 0 0 0 0;
| |
| − | font-weight: bold;
| |
| − | padding-bottom: 0.75em;
| |
| − | border-left:1px solid rgb(66, 49, 33);
| |
| − | border-top:1px solid rgb(66, 49, 33);
| |
| − | border-right:1px solid rgb(66, 49, 33);
| |
| − | box-shadow: none;
| |
| − | }
| |
| − | #p-cactions li a:hover {
| |
| − | background-color: rgb(234, 220, 193);
| |
| − | border-left:1px solid rgb(66, 49, 33);
| |
| − | border-top:1px solid rgb(66, 49, 33);
| |
| − | border-right:1px solid rgb(66, 49, 33);
| |
| − | box-shadow: inset 0 10px 0 -4px rgba(207, 171, 121,1);
| |
| − | }
| |
| − | .mobile-menu-active#p-cactions li a {
| |
| − | background-color: rgb(157, 115, 66);
| |
| − | color: black;
| |
| − | border: 0;
| |
| − | padding-bottom: 0;
| |
| − | }
| |
| − | /* SIDEBAR NAVIGATION*/
| |
| − | div#sidebar {
| |
| − | width: 13.5em;
| |
| − | margin-top: 0em;
| |
| − | padding-top: 0.5em;
| |
| − | padding-bottom: 1em;
| |
| − | background-color: rgb(207, 171, 121);
| |
| − | border: 1px solid rgb(66, 49, 33);
| |
| − | border-left: none;
| |
| − | box-shadow: inset 0 6px 4px -4px rgba(0,0,0,0.3), /*top*/
| |
| − | 0 6px 4px -4px rgba(0,0,0,0.5),
| |
| − | 5px 0 5px -5px rgba(0,0,0,0.6);
| |
| − | }
| |
| − | .portlet a, .portlet.generated-sidebar a {
| |
| − | color: rgb(66, 49, 33);
| |
| − | font-size: 0.95em;
| |
| − | font-weight: bold;
| |
| − | padding-top: 0em;
| |
| − |
| |
| − | }
| |
| − | .portlet ul, .portlet.generated-sidebar ul {
| |
| − | list-style-image: none;
| |
| − | list-style-type: none;
| |
| − | }
| |
| − | .mobile-menu-active, .pBody {
| |
| − | background-color: rgb(234, 220, 193);
| |
| − | border: 0;
| |
| − | }
| |
| − | div#p-navigation div, div#p-Important_Pages div, div#p-My_Sidebar div, div#p-search div, div#p-tb div, div#p-Visit_TWC div {
| |
| − | background: rgb(234, 220, 193);
| |
| − | border: none;
| |
| − | border-top: 1px solid rgb(66, 49, 33);
| |
| − | border-bottom: 1px solid rgb(66, 49, 33);
| |
| − | box-shadow: inset 0 6px 0 -4px rgba(156, 108, 58, 0.4);
| |
| − | }
| |
| − | .portlet {
| |
| − | width: 12.2em;
| |
| − | }
| |
| − | .portlet h3, .portlet.generated-sidebar h3 {
| |
| − | display: inline-block;
| |
| − | color: rgb(66, 49, 33);
| |
| − | font-weight: normal;
| |
| − | text-transform: uppercase;
| |
| − | margin: 0.2em 0.9em 0.4em 0.9em;
| |
| − | }
| |
| − | input.searchButton {
| |
| − | background-color: rgb(234, 220, 193);
| |
| − | margin-top: 0.5em;
| |
| − | }
| |
| − |
| |
| − | /* THE BOTTOM */
| |
| − | #footer {
| |
| − | background-color: rgb(66, 49, 33);
| |
| − | border-top: 2px solid #000;
| |
| − | border-bottom: 1px solid #000;
| |
| − | font-size: 100%;
| |
| − | color: rgb(240, 230, 210);
| |
| − | margin: 1em 0 0 0;
| |
| − | box-shadow: 0 6px 4px -4px rgba(0,0,0,0.4);
| |
| − | }
| |
| − | #footer a {
| |
| − | color: #FFF;
| |
| − | }
| |
| − | /* MAIN BODY CONTENT AND USER GENERATED CONTENT */
| |
| − | div#content {
| |
| − | top: 1.20em;
| |
| − | border: 0;
| |
| − | padding-left: 1.3em;
| |
| − | color: rgb(66, 49, 33);
| |
| − | background-color: rgb(234, 220, 193);
| |
| − | border:1px solid rgb(66, 49, 33);
| |
| − | border-right:none;
| |
| − | box-shadow: 0 6px 4px -4px rgba(0,0,0,0.6);
| |
| − | }
| |
| − | table.infobox th {
| |
| − | background-color:rgb(207, 171, 121);
| |
| − | }
| |
| − | table.wikitable > tr > th, table.wikitable > * > tr > th {
| |
| − | background: none repeat scroll 0 0 rgb(207, 171, 121);
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | table.wikitable, table.infobox {
| |
| − | background:rgb(247, 236, 214);
| |
| − | }
| |
