-
-
Save lushone/4991306 to your computer and use it in GitHub Desktop.
Specify a height on line 104.
This file contains hidden or 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