Difference between revisions of "MediaWiki:Common.css"

From BTGuard Wiki
Jump to: navigation, search
Line 25: Line 25:
 
   width: 100%;
 
   width: 100%;
 
   min-width:325px;
 
   min-width:325px;
 
  
 
}
 
}
Line 143: Line 142:
 
}
 
}
  
 +
 +
 +
 +
 +
 +
 +
/* 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%;
 +
}
  
  

Revision as of 05:12, 30 May 2013

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

/* ALL */
img {

    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}






/* Screenshot Pages */
.wrapper{
   width: 100%;
   max-width:1140px;
   height:100%;
}

.wrapleft{
   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%;
}

.left-contents
{

float:left;
height:100%;
width:375px;
margin-right:30px;
}

.right-contents
{

float:left;
width:375px;
height:100%;

}

.logo-box
{

float:left;
height:125px;
width:125px;

}



/* Main Page */
.wrapper1{
   width: 100%;
   max-width:1240px;
   height:100%;
}

.wrapleft1{
   float: left;
   width: 100%;



}
.left1{
   margin-right: 340px;

   height: 100%;
}
.right1{
   float: right;
   width: 300px;
   margin-left: -300px;

   height: 100%;
}






/* Phone Screenshot Pages */
.wrapper3{
   float: left;
   width: 100%;
   max-width:620px;
   height:100%;
   margin-right: 40px;
}

.wrapleft3{
   float: left;
   width: 100%;
   min-width:300px;


}
.left3{
   margin-right: 320px;

   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%;
}











#colored-container {
float:left;
height:100%;
width:100%;
max-width:1040px;
background-color:#grey;
}