Permalink
Switch branches/tags
Nothing to show
Find file
Fetching contributors…
Cannot retrieve contributors at this time
312 lines (259 sloc) 6.79 KB
* {
margin: 0;
padding: 0;
}
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family: 'Nunito', Verdana,Geneva,Kalimati,sans-serif;
font-size: 14px;
color: #58585a;
}
.wrapped {
margin: 0 auto;
width: 992px;
}
#wrapper {
min-height: 100%;
}
#header_wrapper {
height: 130px;
background: #58585a;
clear: both;
}
#header_wrapper #header {
height: 130px;
background: url(../images/ruby_top.png) no-repeat right bottom;
overflow: hidden;
}
#header_wrapper #header h1 {
margin: 15px 0 0 20px;
padding: 0;
width: 233px;
height: 97px;
display: block;
float: left;
}
#header_wrapper #header h2 {
margin: 71px 0 0 25px;
width: 251px;
height: 25px;
background: url(../images/prug.png) no-repeat 0 0;
text-indent: -9999px;
float: left;
}
#header_wrapper #header h1 a {
width: 233px;
height: 97px;
background: url(../images/logo.png) no-repeat 0 0;
text-indent: -9999px;
display: block;
}
#page_wrapper {
padding-bottom: 150px;
overflow: hidden;
clear: both;
}
#page_body {
background: url(../images/sidebar.png) repeat-y 640px 0;
overflow: hidden;
}
#page_body #main {
width: 652px;
float: left;
}
#page_body #main #navigation {
clear: both;
}
#page_body #main #navigation ul {
list-style: none;
}
#page_body #main #navigation ul li {
padding: 10px 20px;
float: left;
}
#page_body #main #navigation ul li a {
font-size: 16px;
color: #6e6e70;
text-transform: uppercase;
text-decoration: none;
}
#page_body #main #content {
padding: 20px 60px 60px 60px;
line-height: 20px;
clear: both;
}
#page_body #main #content h2 {
margin: 20px 0 0 0;
font-size: 19px;
font-weight: normal;
color: #000;
display: block;
clear: both;
}
#page_body #main #content ul {
padding: 0 0 0 40px;
}
#page_body #main #content ul li {
padding: 5px 0;
}
#page_body #main #content p {
margin: 0 0 10px 0;
}
#page_body #main #content p strong {
font-size: 14px;
font-weight: normal;
color: #000;
}
#page_body #sidebar_wrapper {
padding: 0 0 30px 10px;
overflow: hidden;
}
#page_body #sidebar_wrapper #sidebar {
padding-top: 65px;
width: 330px;
background: url(../images/ruby_bottom.png) no-repeat top right;
float: left;
}
#page_body #sidebar_wrapper #sidebar #elsewhere {
clear: both;
}
#page_body #sidebar_wrapper #sidebar #elsewhere h4 {
padding-bottom: 10px;
color: #000000;
}
#page_body #sidebar_wrapper #sidebar #elsewhere ul {
list-style: none;
}
#page_body #sidebar_wrapper #sidebar #elsewhere ul li {
float: left;
}
#page_body #sidebar_wrapper #sidebar #elsewhere ul li#github {
padding-right: 10px;
}
#page_body #sidebar_wrapper #sidebar #elsewhere ul li#github a {
width: 50px;
height: 22px;
background: url(../images/github.png) no-repeat 0 0;
text-indent: -9999px;
display: block;
}
#page_body #sidebar_wrapper #sidebar #elsewhere ul li#facebook a {
width: 81px;
height: 22px;
background: url(../images/facebook.png) no-repeat 0 0;
text-indent: -9999px;
display: block;
}
#page_body #sidebar_wrapper #sidebar #sponsors {
padding-top: 25px;
clear: both;
}
#page_body #sidebar_wrapper #sidebar #sponsors h4 {
padding-bottom: 10px;
color: #000000;
}
#page_body #sidebar_wrapper #sidebar #sponsors ul {
list-style: none;
}
#page_body #sidebar_wrapper #sidebar #github-badge {
padding-top: 25px;
clear: both;
}
#page_body #sidebar_wrapper #sidebar #facebook_list {
padding-top: 25px;
}
#footer_wrapper {
margin-top: -150px;
height: 150px;
background: #58585a url(../images/footer_bg.png) repeat-x 0 0;
clear: both;
}
#footer_wrapper #footer {
color: #f5f5f5;
position: relative;
}
#footer_wrapper #footer #credits {
width: 200px;
color: #f5f5f5;
font-size: 10px;
text-align: center;
position: absolute;
top: 110px;
left: 400px;
}
#footer_wrapper #footer #credits a {
color: #f5f5f5;
text-decoration: none;
}
#footer_wrapper #footer #rails {
margin-top: 45px;
width: 53px;
height: 68px;
background: url(../images/rails.png) no-repeat 0 0;
text-indent: -9999px;
float: right;
}
a.map {
color: #58585A;
font-weight: bold;
text-decoration: none;
}
a.map:hover {
text-decoration: underline;
}
.awesome, .awesome:visited {
background: #222 url(/images/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.awesome:hover { background-color: #111; color: #fff; }
.awesome:active { top: 1px; }
.small.awesome, .small.awesome:visited { font-size: 11px; padding: 8px 14px 9px; }
.vsmall.awesome, .vsmall.awesome:visited { font-size: 9px; padding: 8px 10px 9px; }
.nsmall.awesome, .nsmall.awesome:visited { font-size: 14px; padding: 8px 23px 9px; margin-bottom: 10px;}
.awesome, .awesome:visited,
.medium.awesome, .medium.awesome:visited { font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.awesome, .large.awesome:visited { font-size: 14px; padding: 8px 14px 9px; }
.vlarge.awesome, .vlarge.awesome:visited { font-size: 23px; padding: 8px 14px 9px; }
.slarge.awesome, .slarge.awesome:visited { font-size: 17px; padding: 8px 14px 9px; }
.green.awesome, .green.awesome:visited { background-color: #91bd09; }
.green.awesome:hover { background-color: #749a02; }
.blue.awesome, .blue.awesome:visited { background-color: #2daebf; }
.blue.awesome:hover { background-color: #007d9a; }
.red.awesome, .red.awesome:visited { background-color: #e33100; }
.red.awesome:hover { background-color: #872300; }
.magenta.awesome, .magenta.awesome:visited { background-color: #a9014b; }
.magenta.awesome:hover { background-color: #630030; }
.orange.awesome, .orange.awesome:visited { background-color: #ff5c00; }
.orange.awesome:hover { background-color: #d45500; }
.yellow.awesome, .yellow.awesome:visited { background-color: #ffb515; }
.yellow.awesome:hover { background-color: #fc9200; }
.ruby.awesome, .ruby.awesome:visited { background-color: #B0302F; }
.ruby.awesome:hover { background-color: #FF1B1A; }
.grey.awesome, .grey.awesome:visited, .ngrey.awesome:hover { background-color: #222223; }
.grey.awesome:hover, .ngrey.awesome, .ngrey.awesome:visited { background-color: #58585A; }
#page_body hr {
border: none;
background: none;
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #EDDFDF;
}
#page_body #main #content .underline {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 10px;
}