Difference between revisions of "MediaWiki:Common.css"

From BTGuard Wiki
Jump to: navigation, search
 
(7 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
/* MOVE LOGO */
 
/* MOVE LOGO */
 
#p-logo a, #p-logo a:hover {
 
#p-logo a, #p-logo a:hover {
     background-position: 52% 79% !important;
+
     background-position: 52% 69% !important;
 
     background-repeat: no-repeat;
 
     background-repeat: no-repeat;
 
     display: block;
 
     display: block;
Line 23: Line 23:
 
}
 
}
  
/* HIDE TABS */
+
/* HIDE TABS #ca-delete { display:none!important; } #ca-move { display:none!important; } */
#ca-delete { display:none!important; }
+
#ca-move { display:none!important; }
+
 
#ca-watch { display:none!important; }
 
#ca-watch { display:none!important; }
 
#ca-talk { display:none!important; }
 
#ca-talk { display:none!important; }
Line 62: Line 60:
 
}
 
}
  
/* ITALIC BUG */
 
i {
 
  font-weight:300;
 
}
 
  
 
/* PLAIN TEXT BLUE BOX */
 
/* PLAIN TEXT BLUE BOX */
Line 116: Line 110:
 
   width: 100%;
 
   width: 100%;
 
   max-width: 780px
 
   max-width: 780px
 +
}
 +
#container2{
 +
  float: left;
 +
  height: 100%;
 +
  width: 100%;
 +
  max-width: 1270px
 
}
 
}
 
.left-contents{
 
.left-contents{
Line 189: Line 189:
  
  
 
+
.wrapper4{
/* TEST PAGE */
+
  float: left;
.wrapperx{
+
 
   width: 100%;
 
   width: 100%;
   max-width: 1140px;
+
   max-width: 800px;
 
   height: 100%;
 
   height: 100%;
 +
  margin-right: 40px;
 
}
 
}
.wrapleftx{
+
.wrapleft4{
 
   float: left;
 
   float: left;
 
   width: 100%;
 
   width: 100%;
   min-width: 325px;
+
   min-width: 300px;
 
}
 
}
.leftx{
+
.left4{
   margin-right: 345px;
+
   margin-right: 320px;
 +
  padding-left: 10px;
 
   height: 100%;
 
   height: 100%;
 
}
 
}
.rightx{
+
.right4{
 
   float: right;
 
   float: right;
   width: 325px;
+
   width: 300px;
   margin-left: -325px;
+
   margin-left: -300px;
 
   height: 100%;
 
   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%;
}