User:SBEyes/hydra.css

/******************** /* Main page styles * /********************/ position: relative; margin: -10px; }
 * 1) mf-main {

display: table; border-spacing: 10px; width: 100%; }
 * 1) fpwrapper {

display: table-row; }
 * 1) fpnonflexwrapper, #fpflexwrapper {

border: 1px solid #b6b6b6; border-radius: 3px; background: #dddddd; text-align: center; margin: 0 0 10px 0; padding: 0 10px 10px 10px; }
 * 1) fpwelcome {

border: 1px solid #b6b6b6; border-radius: 3px; box-shadow: 1px 1px 0 #ffffff inset; background: #bebebe url("http://hydra-media.cursecdn.com/dayz.gamepedia.com/a/a9/GreyscaleHeader.png") repeat-x top left; color: #5d5d5d; font-size: 200%; font-weight: bold; margin: -1px -11px 0 -11px; padding: 7px 11px 10px 11px; height: auto; }
 * 1) fpwelcome .heading {

margin: 0 -10px -10px -10px; }
 * 1) fplinks {

.fptwocol, .fpthreecol { display: none; }

.fpbox { border: 1px solid #717171; border-radius: 3px; background: #bbbbbb; margin: 10px; padding: 0 10px 10px 10px; }

.fpbox .heading, .fpouterbox .heading, .fpinnerbox .heading { border: 1px solid #717171; border-radius: 3px; box-shadow: 1px 1px 0 #ffffff inset; background: #8c8c8c url("http://hydra-media.cursecdn.com/dayz.gamepedia.com/d/d6/MenuHeader.png") repeat-x top left; color: #ffffff; font-size: 160%; font-weight: bold; margin: -1px -11px 0 -11px; padding: 5px 11px 8px 11px; height: auto; }

@media ( min-width: 840px ) { #fplinks { margin: -10px; }

.fponecol, .fpthreecol { display: none; }

.fptwocol { display: table !important; border-spacing: 10px; width: 100%; }

.fptwocol .fprow { display: table-row; }

.fptwocol .fpbox { display: table-cell; width: 50%; } }

@media ( min-width: 1450px ) { #fplinks { margin: -10px; }

.fponecol, .fptwocol { display: none !important; }

.fpthreecol { display: table !important; border-spacing: 10px; width: 100%; }

.fpthreecol .fprow { display: table-row; }

.fpthreecol .fpbox { display: table-cell; width: 33.333% } }

.fpsection { display: table !important; border-spacing: 10px; width: 100%; }

margin: -10px; }
 * 1) fpsecondary, #fpflex {

text-align: center; }
 * 1) fpsecondary {

display: table-row; }
 * 1) fpsecondary .fpouterbox {

display: table-cell; border: 1px solid #717171; border-radius: 3px; background: #bbbbbb; padding: 0 10px 10px 10px; }
 * 1) fpsecondary .fpinnerbox {

@media ( min-width: 1540px ) { #fpsecondary .fpouterbox { display: table-cell; border: 1px solid #717171; border-radius: 3px; background: #bbbbbb; padding: 0 10px 10px 10px; }

#fpsecondary .fpinnerbox { display: block; border: none; border-radius: 0; background: none; padding: 0; } }

display: table-cell; border: 1px solid #717171; border-radius: 3px; background: #bbbbbb; padding: 0 10px 10px 10px; }
 * 1) fpflex .fpouterbox {

@media ( min-width: 1250px ) { #fpnonflexwrapper, #fpflexwrapper { display: table-cell; }

#fpflex { width: 400px; }

#fpflex .fpouterbox { display: table-row; border: none; border-radius: 0; background: none; padding: 0; }

#fpflex .fpinnerbox { display: table-cell; border: 1px solid #717171; border-radius: 3px; background: #bbbbbb; padding: 0 10px 10px 10px; } }