Difference between revisions of "User:MogDog66/MPR/Page.css"

From Team Fortress Wiki
Jump to: navigation, search
(That's pretty embarrassing)
Line 1: Line 1:
.mp-titlebox-bg {  
+
#mp-container {
  background: url(http://wiki.teamfortress.com/w/images/1/13/User_MogDog66_mp_titlebar_gradient.png) top left !important;
+
width: 96%;
  background-repeat:no-repeat !important;
+
margin: 10px auto;
 
}
 
}
  
.mp-lang-bg {  
+
.mp-box {
  background: url(http://wiki.teamfortress.com/w/images/b/bd/User_nVis_gradient.png) top left repeat-x;
+
width: 48%;
  border: 1px solid #F2A858 !important;
+
float: left;
  border-left: none !important;
+
margin: 10px 5% 10px 5%;
  border-right: none !important;
+
background: #f4f3f3;
 +
/* border: 2px solid #dddddd; */
 +
padding: 8px;
 
}
 
}
  
.mp-class {
+
@media only screen and (max-width : 640px),
  margin: auto auto;
+
only screen and (max-device-width : 640px){
  width: 100%;
+
.mp-box {
  position: relative;
+
width: 100%;
}
+
}
 
 
#mp-classrow {
 
overflow: hidden;
 
}
 
 
 
#mp-class:hover > .mp-class {
 
opacity: 0.80;
 
}
 
#mp-class:hover > .mp-class:hover {
 
opacity: 1;
 
}
 
#mp-classrow:hover > .mp-class:hover {
 
opacity: 1;
 
}
 
 
 
 
 
.global-override .mp-content-table {  
 
    width: 100%;  
 
    border: 1px solid #000000;                /* Main border color        */
 
    margin: 0.5em 0;
 
}
 
.global-override .mp-content-header {
 
    font-size: 140%;
 
    padding: 0.5em 0;
 
    border: none;
 
    border-bottom: 1px solid #79542B;        /* Main border color        */
 
}
 
.global-override .mp-content-body {
 
    padding: 0.5em;
 
}
 
/* Don't wordwrap top links on main page */
 
.global-override .mp-content-table ul > li a.external.text, .mp-content-table ul > li > b > a
 
{
 
    white-space: nowrap;
 
}
 
.global-override div.mp-content-header-alt {
 
    font-size: 140%;
 
    font-weight: bold;
 
    border: none;
 
    border-bottom: 1px solid #79542B;        /* Main border color        */
 
    text-align: left;
 
    color: #000;
 
    padding: 0.5em;
 
    padding-left: 0.75em;
 
    margin: -0.5em -0.5em 0px;
 
 
}
 
}

Revision as of 07:16, 14 April 2012

#mp-container {
	width: 96%;
	margin: 10px auto;
}

.mp-box {
	width: 48%;
	float: left;
	margin: 10px 5% 10px 5%;
	background: #f4f3f3;
	/* border: 2px solid #dddddd; */
	padding: 8px;
}

@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px){
	.mp-box {
		width: 100%;
	}
}