Difference between revisions of "MediaWiki:Common.css"
From BTGuard Wiki
Line 2: | Line 2: | ||
/* ALL PAGES */ | /* ALL PAGES */ | ||
+ | |||
/* HIDESIDEBAR | /* HIDESIDEBAR | ||
#column-content {margin: 0 0 .6em 0;} | #column-content {margin: 0 0 .6em 0;} | ||
Line 11: | Line 12: | ||
*/ | */ | ||
+ | /* MOVE LOGO */ | ||
#p-logo a, #p-logo a:hover { | #p-logo a, #p-logo a:hover { | ||
background-position: 52% 79% !important; | background-position: 52% 79% !important; | ||
Line 20: | Line 22: | ||
} | } | ||
− | + | /* HIDE TABS */ | |
− | + | ||
#ca-delete { display:none!important; } | #ca-delete { display:none!important; } | ||
#ca-move { display:none!important; } | #ca-move { display:none!important; } | ||
Line 29: | Line 30: | ||
#ca-viewsource { display:none!important; } | #ca-viewsource { display:none!important; } | ||
+ | /* CHANGE FONT SIDEBAR */ | ||
div#p- { font-size: 13px; } | div#p- { font-size: 13px; } | ||
div#p-navigation { font-size: 13px; } | div#p-navigation { font-size: 13px; } | ||
Line 34: | Line 36: | ||
div#p-search { font-size: 13px; } | div#p-search { font-size: 13px; } | ||
− | + | /* AUTO RESIZE IMAGE */ | |
img { | img { | ||
max-width: 100%; | max-width: 100%; | ||
Line 40: | Line 42: | ||
width: auto\9; /* ie8 */ | width: auto\9; /* ie8 */ | ||
} | } | ||
+ | |||
+ | /* RED ERROR LOGO BOX */ | ||
.errorx { | .errorx { | ||
color: #D8000C; | color: #D8000C; | ||
Line 56: | Line 60: | ||
padding-left: 75px; | padding-left: 75px; | ||
} | } | ||
+ | |||
+ | /* PLAIN TEXT BLUE BOX */ | ||
.textarea { | .textarea { | ||
border: solid 1px black; | border: solid 1px black; | ||
Line 66: | Line 72: | ||
− | /* | + | /* SCREENSHOT PAGES */ |
.wrapper{ | .wrapper{ | ||
float: left; | float: left; | ||
Line 98: | Line 104: | ||
− | /* | + | /* LIST PAGES */ |
#container{ | #container{ | ||
float: left; | float: left; | ||
Line 125: | Line 131: | ||
− | /* | + | /* MAIN PAGE WIKI */ |
.wrapper1{ | .wrapper1{ | ||
width: 100%; | width: 100%; | ||
Line 150: | Line 156: | ||
− | /* | + | /* PHONE-PORTRAIT SCREENSHOT PAGES */ |
.wrapper3{ | .wrapper3{ | ||
float: left; | float: left; |
Revision as of 23:26, 6 June 2013
/* CSS placed here will be applied to all skins */ /* ALL PAGES */ /* HIDESIDEBAR #column-content {margin: 0 0 .6em 0;} #content {margin: 2.8em 0 0 0;} #p-logo, .generated-sidebar, #p-lang, #p-tb, #p-search {display:none;} #p-cactions { left: .1em; } #footer { display:none; } #mw_content { margin-left:0.2em; } */ /* MOVE LOGO */ #p-logo a, #p-logo a:hover { background-position: 52% 79% !important; background-repeat: no-repeat; display: block; height: 155px; text-decoration: none; width: 12.2em; } /* HIDE TABS */ #ca-delete { display:none!important; } #ca-move { display:none!important; } #ca-watch { display:none!important; } #ca-talk { display:none!important; } #ca-protect { display:none!important; } #ca-viewsource { display:none!important; } /* CHANGE FONT SIDEBAR */ div#p- { font-size: 13px; } div#p-navigation { font-size: 13px; } div#p-Tutorials { font-size: 13px; } div#p-search { font-size: 13px; } /* AUTO RESIZE IMAGE */ img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ } /* RED ERROR LOGO BOX */ .errorx { color: #D8000C; background-color: #FFBABA; background-image: url('http://btguard.com/images/error1.png'); background-repeat: no-repeat; background-position: left 10px top 50%; float: left; height: 100%; width: 60%; margin-left: 20%; margin-right: 20%; border:red 1px solid } .errorx p { padding-left: 75px; } /* PLAIN TEXT BLUE BOX */ .textarea { border: solid 1px black; font-family: tahoma; background-color: lightsteelblue; overflow: hidden; } /* SCREENSHOT PAGES */ .wrapper{ float: left; width: 100%; max-width: 1140px; height: 100%; } .wrapleft{ float: left; width: 100%; min-width: 325px; text-align: center; } .wrapleftnocenter{ float: left; width: 100%; min-width: 325px; } .left{ margin-right: 345px; height: 100%; } .right{ float: right; width: 325px; margin-left: -325px; height: 100%; } /* LIST PAGES */ #container{ float: left; height: 100%; width: 100%; max-width: 780px } .left-contents{ float: left; height: 100%; max-width: 375px; margin-right: 30px; } .right-contents{ float: left; max-width: 375px; height: 100%; } .logo-box{ float: left; max-height: 125px; max-width: 125px; } /* MAIN PAGE WIKI */ .wrapper1{ width: 100%; max-width: 1240px; height: 100%; } .wrapleft1{ float: left; width: 100%; } .left1{ margin-right: 301px; height: 100%; padding-left: 10px; } .right1{ float: right; width: 266px; margin-left: -266px; height: 100%; } /* PHONE-PORTRAIT SCREENSHOT PAGES */ .wrapper3{ float: left; width: 100%; max-width: 625px; height: 100%; margin-right: 40px; } .wrapleft3{ float: left; width: 100%; min-width: 300px; } .left3{ margin-right: 320px; padding-left: 10px; height: 100%; } .right3{ float: right; width: 300px; margin-left: -300px; height: 100%; } /* TEST PAGE */ .wrapperx{ width: 100%; max-width: 1140px; height: 100%; } .wrapleftx{ float: left; width: 100%; min-width: 325px; } .leftx{ margin-right: 345px; height: 100%; } .rightx{ float: right; width: 325px; margin-left: -325px; height: 100%; }