Difference between revisions of "MediaWiki:Common.css"
From BTGuard Wiki
| Line 78: | Line 78: | ||
/* Main Page */ | /* Main Page */ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.wrapper1{ | .wrapper1{ | ||
width: 100%; | width: 100%; | ||
| Line 134: | Line 108: | ||
| + | |||
| + | /* Phone Screenshot Pages */ | ||
| + | .wrapper3{ | ||
| + | width: 100%; | ||
| + | max-width:750px; | ||
| + | height:100%; | ||
| + | } | ||
| + | |||
| + | .wrapleft3{ | ||
| + | float: left; | ||
| + | width: 100%; | ||
| + | min-width:325px; | ||
| + | |||
| + | |||
| + | } | ||
| + | .left3{ | ||
| + | margin-right: 345px; | ||
| + | |||
| + | height: 100%; | ||
| + | } | ||
| + | .right3{ | ||
| + | float: right; | ||
| + | width: 325px; | ||
| + | margin-left: -325px; | ||
| + | |||
| + | height: 100%; | ||
| + | } | ||
Revision as of 02:05, 30 May 2013
/* CSS placed here will be applied to all skins */
/* Screenshot Pages */
.wrapper{
width: 100%;
max-width:1040px;
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%;
}
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}
/* List Pages */
#container {
float:left;
height:100%;
width:100%;
max-width:1040px;
}
.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:1040px;
height:100%;
}
.wrapleft1{
float: left;
width: 100%;
min-width:300px;
}
.left1{
margin-right: 320px;
height: 100%;
}
.right1{
float: right;
width: 300px;
margin-left: -300px;
height: 100%;
}
/* Phone Screenshot Pages */
.wrapper3{
width: 100%;
max-width:750px;
height:100%;
}
.wrapleft3{
float: left;
width: 100%;
min-width:325px;
}
.left3{
margin-right: 345px;
height: 100%;
}
.right3{
float: right;
width: 325px;
margin-left: -325px;
height: 100%;
}
#colored-container {
float:left;
height:100%;
width:100%;
max-width:1040px;
background-color:#grey;
}