Difference between revisions of "User:Makanyane/monobook.css"
From TWC Wiki
Jump to navigationJump to search (converted colors other than black and white to rgb) |
|||
Line 16: | Line 16: | ||
} | } | ||
div#p-personal { | div#p-personal { | ||
− | background-color: | + | background-color: rgb(66, 49, 33); |
padding: 0.25em 0 0.4em 0; | padding: 0.25em 0 0.4em 0; | ||
border-bottom:2px solid #000; | border-bottom:2px solid #000; | ||
Line 22: | Line 22: | ||
} | } | ||
#p-personal li a { | #p-personal li a { | ||
− | color: | + | color: rgb(214, 200, 176); |
font-size: 1em; | font-size: 1em; | ||
font-weight: normal; | font-weight: normal; | ||
Line 45: | Line 45: | ||
background-color: #CFAB79; | background-color: #CFAB79; | ||
color: black; | color: black; | ||
− | border-left:1px solid | + | border-left:1px solid rgb(66, 49, 33); |
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
font-weight: normal; | font-weight: normal; | ||
Line 57: | Line 57: | ||
} | } | ||
#p-cactions li.selected a { | #p-cactions li.selected a { | ||
− | background-color: | + | background-color: rgb(234, 220, 193); |
margin: 0 0 0 0; | margin: 0 0 0 0; | ||
font-weight: bold; | font-weight: bold; | ||
Line 64: | Line 64: | ||
} | } | ||
.mobile-menu-active#p-cactions li a { | .mobile-menu-active#p-cactions li a { | ||
− | background-color: | + | background-color: rgb(157, 115, 66); |
color: black; | color: black; | ||
border: 0; | border: 0; | ||
Line 75: | Line 75: | ||
padding-top: 0.5em; | padding-top: 0.5em; | ||
padding-bottom: 1em; | padding-bottom: 1em; | ||
− | background-color: | + | background-color: rgb(207, 171, 121); |
− | border: 1px solid | + | border: 1px solid rgb(66, 49, 33); |
border-left: none; | border-left: none; | ||
box-shadow: inset 0 6px 4px -4px rgba(0,0,0,0.3), /*top*/ | box-shadow: inset 0 6px 4px -4px rgba(0,0,0,0.3), /*top*/ | ||
Line 83: | Line 83: | ||
} | } | ||
.portlet a, .portlet.generated-sidebar a { | .portlet a, .portlet.generated-sidebar a { | ||
− | color: | + | color: rgb(66, 49, 33); |
font-size: 0.95em; | font-size: 0.95em; | ||
font-weight: bold; | font-weight: bold; | ||
Line 94: | Line 94: | ||
} | } | ||
.mobile-menu-active, .pBody { | .mobile-menu-active, .pBody { | ||
− | background-color: | + | background-color: rgb(234, 220, 193); |
border: 0; | 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 { | 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: | + | background: rgb(234, 220, 193); |
border: none; | border: none; | ||
− | border-top: 1px solid | + | border-top: 1px solid rgb(66, 49, 33); |
− | border-bottom: 1px solid | + | border-bottom: 1px solid rgb(66, 49, 33); |
box-shadow: inset 0 6px 0 -4px rgba(156, 108, 58, 0.4); | box-shadow: inset 0 6px 0 -4px rgba(156, 108, 58, 0.4); | ||
} | } | ||
Line 108: | Line 108: | ||
} | } | ||
.portlet h3 { | .portlet h3 { | ||
− | color: | + | color: rgb(66, 49, 33); |
font-weight: normal; | font-weight: normal; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
Line 115: | Line 115: | ||
} | } | ||
input.searchButton { | input.searchButton { | ||
− | background-color: | + | background-color: rgb(234, 220, 193); |
margin-top: 0.5em; | margin-top: 0.5em; | ||
} | } | ||
Line 121: | Line 121: | ||
/* THE BOTTOM */ | /* THE BOTTOM */ | ||
#footer { | #footer { | ||
− | background-color: | + | background-color: rgb(66, 49, 33); |
border-top: 2px solid #000; | border-top: 2px solid #000; | ||
− | border-bottom: 1px solid # | + | border-bottom: 1px solid #000; |
font-size: 100%; | font-size: 100%; | ||
− | color: | + | color: rgb(240, 230, 210); |
margin: 1em 0 0 0; | margin: 1em 0 0 0; | ||
box-shadow: 0 6px 4px -4px rgba(0,0,0,0.4); | box-shadow: 0 6px 4px -4px rgba(0,0,0,0.4); | ||
Line 137: | Line 137: | ||
border: 0; | border: 0; | ||
padding-left: 1.3em; | padding-left: 1.3em; | ||
− | color: | + | color: rgb(66, 49, 33); |
− | background-color: | + | background-color: rgb(234, 220, 193); |
− | border:1px solid | + | border:1px solid rgb(66, 49, 33); |
border-right:none; | border-right:none; | ||
box-shadow: 0 6px 4px -4px rgba(0,0,0,0.6); | box-shadow: 0 6px 4px -4px rgba(0,0,0,0.6); | ||
} | } | ||
table.infobox th { | table.infobox th { | ||
− | background-color: | + | background-color:rgb(207, 171, 121); |
} | } | ||
table.wikitable > tr > th, table.wikitable > * > tr > th { | table.wikitable > tr > th, table.wikitable > * > tr > th { | ||
− | background: none repeat scroll 0 0 | + | background: none repeat scroll 0 0 rgb(207, 171, 121); |
text-align: center; | text-align: center; | ||
} | } | ||
table.wikitable, table.infobox { | table.wikitable, table.infobox { | ||
− | background: | + | background:rgb(247, 236, 214); |
} | } |
Revision as of 01:24, 27 April 2020
@media screen and (min-width:551px) { body, div#globalWrapper { background-image: url("https://wiki.twcenter.net/images/8/8b/Rusty-color.png"), url("https://www.twcenter.net/forums/images/y2skin/Background7.png"); background-position:0 1.65em, 0 0; background-repeat: repeat-x, repeat; background-size: auto 12em, 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 { background-color: rgb(66, 49, 33); padding: 0.25em 0 0.4em 0; border-bottom:2px solid #000; box-shadow: 0 6px 4px -4px rgba(0,0,0,0.4); } #p-personal li a { color: rgb(214, 200, 176); font-size: 1em; font-weight: normal; } #p-logo { padding-top:0; padding-left:0.4em; } /*HORIZONTAL BUTTONS*/ div#p-cactions { left: 12.85em; padding-left:0; color: black; } #p-cactions ul { left: 10.3em; margin: 0; } #p-cactions li a, #p-cactions li.istalk a { top:1.2em; padding:0.6em 1.7em 0.7em 1.7em; background-color: #CFAB79; color: black; border-left:1px solid rgb(66, 49, 33); margin: 0 0 0 0; font-weight: normal; box-shadow: inset 5px 0 5px -5px rgba(156,108,58,1); } #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.90em; box-shadow: none; } .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 { color: rgb(66, 49, 33); font-weight: normal; text-transform: uppercase; padding-left: 1em; padding-top: 1em; } 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); }