Difference between revisions of "MediaWiki:Common.css"

From BTGuard Wiki
Jump to: navigation, search
 
(256 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
 +
/* ALL PAGES */
 +
html { -webkit-font-smoothing: antialiased; }
  
pre, .mw-code, #container
+
/* HIDESIDEBAR
{
+
#column-content {margin: 0 0 .6em 0;}
height:100%;
+
#content {margin: 2.8em 0 0 0;}
width:100%;
+
#p-logo, .generated-sidebar, #p-lang, #p-tb, #p-search {display:none;}
background-color: white;
+
#p-cactions { left: .1em; }
border: none;
+
#footer { display:none; }
 +
#mw_content { margin-left:0.2em; }
 +
*/
 +
 
 +
/* MOVE LOGO */
 +
#p-logo a, #p-logo a:hover {
 +
    background-position: 52% 69% !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; }
  
.left-content
+
/* 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; }
  
float:left;
+
/* AUTO RESIZE IMAGE */
width:416px;
+
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;
 
}
 
}
  
.right-content
 
{
 
  
float:left;
+
/* PLAIN TEXT BLUE BOX */
width:400px;
+
.textarea {
height:100%;
+
  border: solid 1px black;
margin-left:50px;
+
  font-family: tahoma;
 +
  background-color: lightsteelblue;
 +
  overflow: hidden;
 
}
 
}
  
  
#wiki-text, p, .padding
+
 
{
+
 
margin-left:15px;
+
/* SCREENSHOT PAGES */
margin-top:20px;
+
.wrapper{
margin-right:10px;
+
  float: left;
margin-bottom:10px;
+
  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
 +
}
 +
#container2{
 +
  float: left;
 +
  height: 100%;
 +
  width: 100%;
 +
  max-width: 1270px
 +
}
 +
.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%;
 +
}
 +
 
 +
 
 +
 
 +
.wrapper4{
 +
  float: left;
 +
  width: 100%;
 +
  max-width: 800px;
 +
  height: 100%;
 +
  margin-right: 40px;
 +
}
 +
.wrapleft4{
 +
  float: left;
 +
  width: 100%;
 +
  min-width: 300px;
 +
}
 +
.left4{
 +
  margin-right: 320px;
 +
  padding-left: 10px;
 +
  height: 100%;
 +
}
 +
.right4{
 +
  float: right;
 +
  width: 300px;
 +
  margin-left: -300px;
 +
  height: 100%;
 
}
 
}

Latest revision as of 18:00, 7 March 2017

/* CSS placed here will be applied to all skins */

/* ALL PAGES */
html { -webkit-font-smoothing: antialiased; }

/* 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% 69% !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
}
#container2{
   float: left;
   height: 100%;
   width: 100%;
   max-width: 1270px
}
.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%;
}



.wrapper4{
   float: left;
   width: 100%;
   max-width: 800px;
   height: 100%;
   margin-right: 40px;
}
.wrapleft4{
   float: left;
   width: 100%;
   min-width: 300px;
}
.left4{
   margin-right: 320px;
   padding-left: 10px;
   height: 100%;
}
.right4{
   float: right;
   width: 300px;
   margin-left: -300px;
   height: 100%;
}