Difference between revisions of "MediaWiki:Common.css"

Revision as of 05:25, 31 May 2013

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

/* ALL PAGES */
img {
   max-width: 100%;
   height: auto;
   width: auto\9; /* ie8 */
}
.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%;
}
.errorx p {
   padding-left: 75px;
}
.textarea {
   border: solid 1px black;
   font-family: tahoma;
   background-color: lightsteelblue;
   overflow: hidden;
}




/* Screenshot Pages */
.wrapper{
   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%;
   width: 375px;
   margin-right: 30px;
}   
.right-contents{
   float: left;
   width: 375px;
   height: 100%;
}
.logo-box{
   float: left;
   height: 125px;
   width: 125px;
}




/* Main Page Wiki*/
.wrapper1{
   width: 100%;
   max-width: 1240px;
   height: 100%;
}
.wrapleft1{
   float: left;
   width: 100%;
}
.left1{
   margin-right: 340px;
   height: 100%;
   padding-left: 10px;
}
.right1{
   float: right;
   width: 305px;
   margin-left: -305px;
   height: 100%;
}




/* Phone 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%;
}