-
-
Save lushone/4991306 to your computer and use it in GitHub Desktop.
Specify a height on line 104.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#ad { | |
position:relative; | |
float:left; | |
margin: 0 1% 0 0; | |
top: 200px; | |
width:200px; | |
} | |
#main { | |
top: 15px; | |
position:relative; | |
width:930px; | |
margin-left:20%; | |
} | |
#left-column{ | |
width: 33.33%; | |
float:left; | |
} | |
h3{ | |
font-family:Calibri; | |
text-align:center; | |
} | |
h4{ | |
font-family:Calibri; | |
text-align:center; | |
} | |
.donate{ | |
font-family:Calibri; | |
text-align:left; | |
font-size:1.5em; | |
border-bottom-style:solid; | |
border-bottom-color:#000000; | |
} | |
p { | |
font-family:Calibri; | |
font-size:1em; | |
margin:.5em; | |
} | |
* { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
.grid { | |
background: #3f9b19; | |
margin: 0 0 20px 0; | |
} | |
.grid:after { | |
/* Or @extend clearfix */ | |
content: ""; | |
display: table; | |
clear: both; | |
} | |
[class*='col-'] { | |
float: left; | |
padding-right: 20px; | |
} | |
.grid [class*='col-']:last-of-type { | |
padding-right: 0; | |
} | |
.col-1-8 { | |
width: 12.5%; | |
} | |
.col-7-8 { | |
width: 87.5%; | |
} | |
.col-2-3 { | |
width: 66.66%; | |
height:100%; | |
float:right; | |
} | |
.col-2-3b { | |
width: 66.66%; | |
padding-top:15px; | |
float:right; | |
} | |
.col-1-3 { | |
width: 100%; | |
float:left; | |
} | |
.col-1-3b { | |
width: 100%; | |
float:left; | |
padding-top:15px; | |
} | |
.col-1-2 { | |
width: 50%; | |
padding-top:15px; | |
height:300px; | |
} | |
.col-1-4 { | |
width: 25%; | |
} | |
.col-1 { | |
width: 100%; | |
padding-top:15px; | |
} | |
.module { | |
padding: 10px; | |
background: #74cc40; | |
height:100%; | |
} | |
.moduleA { | |
padding: 20px; | |
background: #74cc40; | |
height:100%; | |
float:right; | |
} | |
.moduleB { | |
padding: 20px; | |
background: #ffffff; | |
height:100%; | |
border-radius:15px; | |
border-style:outset; | |
border-color:#98bf21; | |
} | |
.moduleC { | |
padding: 20px; | |
background: #74cc40; | |
height:100%; | |
float:left; | |
} | |
.list{ | |
margin-top:-8px; | |
} | |
/* Opt-in outside padding */ | |
.grid-pad { | |
padding: 20px 0 20px 20px; | |
border-bottom-right-radius:15px; | |
border-bottom-left-radius:15px; | |
} | |
.grid-pad [class*='col-']:last-of-type { | |
padding-right: 20px; | |
} | |
.incentives-click{ | |
color:#f00; | |
cursor: pointer; | |
} | |
.incentivesB-click{ | |
color:#f00; | |
cursor: pointer; | |
} | |
#dropMenu{display: none; | |
height: 100%; | |
width: 100%; | |
position: absolute; | |
left:94px; | |
} | |
#trigger:hover #dropMenu { | |
display:block; | |
width:100%; | |
} | |
#trigger:hover .serverTab { | |
background-color: #224E33; | |
width:100%; | |
} | |
.drop { | |
background-color: #224E33; | |
border-radius:0; | |
width:100px; | |
display:block; | |
} | |
body{ | |
background: #242428; | |
background: -webkit-gradient(linear, 0 bottom, 0 top, from(#177C9A ), to(#ABE4FF)); | |
background: -moz-linear-gradient(-90deg, #ABE4FF, #177C9A ); | |
background-repeat: no-repeat; | |
background-position: center top; | |
padding:20px 50px; | |
height:1000px; | |
overflow:hidden; | |
} | |
h1{ | |
font-family:calibri; | |
margin-top:-35px; | |
text-align:center; | |
font-weight:bold; | |
color:#ffffff; | |
} | |
#header { | |
position: relative; | |
top: 10px; | |
height:45px; | |
background-color: #227c00; | |
border-top-right-radius: 15px; | |
z-index:3; | |
} | |
#navbar { | |
position: relative; | |
top:-90px; | |
margin-left:-40px; | |
z-index: 2; | |
} | |
ul{ | |
list-style-type: none; | |
position: relative; | |
top: 72px; | |
} | |
li { | |
display: inline; | |
font-family: Futura, Tahoma, sans-serif; | |
color: #ffffff; | |
padding: 4px; | |
border-top-right-radius: 20px; | |
border-top-left-radius: 5px; | |
background-color: #227c00; | |
} | |
#body { | |
position:relative; | |
top: 10px; | |
background-color:#3f9b19; | |
border-bottom-left-radius: 15px; | |
border-bottom-right-radius: 15px; | |
margin: 0 2.5% 0 2.5%; | |
z-index: 1; | |
height:600px; | |
} | |
.headers{ | |
position:relative; | |
font-family:Calibri; | |
text-align:center; | |
top:15px; | |
color:#ffffff; | |
float:right; | |
margin-right:30%; | |
} | |
.text { | |
position:relative; | |
font-family:Calibri; | |
font-size: 1em; | |
text-align:center; | |
top:20px; | |
left:-9%; | |
margin-right:50%; | |
padding:0 12% 0 12%; | |
float:left; | |
} | |
a { | |
color:#ffffff; | |
text-decoration:none; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment