diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/style.css | 250 |
1 files changed, 249 insertions, 1 deletions
diff --git a/css/style.css b/css/style.css index af9563d..b86cb2d 100644 --- a/css/style.css +++ b/css/style.css @@ -109,7 +109,7 @@ html { } /****************************/ -/* Bootcamp */ +/* Bootcamp tuts */ /****************************/ .short-bottom-marg { margin-bottom: 5px; @@ -208,3 +208,251 @@ img.bootcamp { img.top-margin { margin-top: 1em !important; } + +/****************************/ +/* Bootcamp module */ +/****************************/ + + +.bootcamp-help { + margin: 0 0 20px 0; +} + +.bootcamp-help h1 { + color: #fff; + font-size: 16px; + font-weight: bold; + background-color: #405a6a; + background: -moz-linear-gradient(center top , '#829AA8', '#405A6A'); + filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#829aa8', endColorstr='#405a6a'); + background: -webkit-gradient(linear, left top, left bottom, from(#829aa8), to(#405a6a)); + background: -moz-linear-gradient(top, #829aa8, #405a6a); + border: 1px solid #677c89; + border-bottom-color: #6b808d; + border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + -webkit-border-radius: 5px 5px 0 0; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7); + margin: 0; + padding: 8px 18px; + position: relative; +} +.bootcamp-help h1 a { + color:#fff; + text-decoration:none; +} + +.bootcamp-help h1 span { + color: #e9f1f4; + font-size: 70%; + font-weight: normal; + text-shadow: none; +} + +.bootcamp-help .bootcamp-body { + padding: 10px 0px 10px 10px; + background-color: #e9f1f4; + overflow: hidden; + border-style: solid; + border-width: 1px 1px 2px; + border-color: #e9f1f4 #d8dee2 #d8dee2; + border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -webkit-border-radius: 0 0 5px 5px; +} + +.bootcamp-help ul { + list-style-type: none; + position: relative; + margin: 0px; + overflow: hidden; +} + +.bootcamp-help ul li { + color: #666666; + font-size: 13px; + font-weight: normal; + background-color: #fffff5; + background: -moz-linear-gradient(center top , '#fffff5', '#f5f3b4'); + filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fffff5', endColorstr='#f5f3b4'); + background: -webkit-gradient(linear, left top, left bottom, from(#fffff5), to(#f5f3b4)); + background: -moz-linear-gradient(top, #fffff5, #f5f3b4); + border: 1px solid #dfddb5; + border-radius: 5px 5px 5px 5px; + -moz-border-radius: 5px 5px 5px 5px; + -webkit-border-radius: 5px 5px 5px 5px; + display: block; + width: 125px; + height: 122px; + float: left; + position: relative; + margin: 0 10px 0 0; + -moz-box-shadow: 0px 1px 0px #fff; + -webkit-box-shadow: 0px 1px 0px #fff; + box-shadow: 0px 1px 0px #fff; +} + +.bootcamp-help ul li:hover { + background: -moz-linear-gradient(center top , '#fcfce9', '#f1eea3'); + filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fcfce9', endColorstr='#f1eea3'); + background: -webkit-gradient(linear, left top, left bottom, from(#fcfce9), to(#f1eea3)); + background: -moz-linear-gradient(top, #fcfce9, #f1eea3); + border: 1px solid #d6d4ad; +} + +.bootcamp-help ul li a { + color: #666666; + text-decoration: none; +} + +.bootcamp-help .image { + display: block; + position: relative; + height: 83px; + border-bottom: 1px solid #f1efaf; + background-repeat: no-repeat; + background-position: 0 10px; + background-image: url(/images/bootcamp_sprites.png); +} + +.bootcamp-help .setup .image { + background-position: 0px 10px; +} +.bootcamp-help .create-a-repo .image { + background-position: -125px 10px; +} +.bootcamp-help .fork-a-repo .image { + background-position: -250px 10px; +} +.bootcamp-help .be-social .image { + background-position: -375px 10px; +} + +.bootcamp-help ul li:hover .image { + border-bottom: 1px solid #f1eea3; +} + +.bootcamp-help .desc { + padding: 8px; + display: block; + overflow: hidden; + border-top: 1px solid #fff; + background-repeat:no-repeat; + position: relative; + z-index: 2; + text-align: center; +} + +.bootcamp-help ul li:hover .desc { + border-top: 1px solid #fcfce9; +} + +.bootcamp-help .desc h2 { + margin: 0px; + padding: 0px; + font-size: 15px; + color: #393939; +} + +.bootcamp-help .desc p { + margin: 0px; + padding: 0px; + line-height: 1.2em; +} + +/* @end */ + +/****************************/ +/* Popular Guides */ +/****************************/ + +.popular-guides h2 { + border: solid #cacaca; + border-width: 1px; + border-radius: 3px 3px 0px 0px; + -moz-border-radius: 3px 3px 0px 0px; + -webkit-border-bottom-right-radius: 0px; + -webkit-border-bottom-left-radius: 0px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + padding: 6px 10px; + background-color: #f1f1f1; + background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); + background-image: -ms-linear-gradient(top, #f1f1f1, #e1e1e1); + background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); + background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); + background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); + background-image: linear-gradient(top, #f1f1f1, #e1e1e1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f1f1f1', EndColorStr='#e1e1e1'); + color: #666; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); + font-size: 16px; + line-height: 22px; + margin: 0px; +} + +.popular-guides .popular-body { + border: solid #cacaca; + border-width: 0px 1px 1px 1px; + border-radius: 0px 0px 3px 3px; + -moz-border-radius: 0px 0px 3px 3px; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-background-clip: padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + background-color: #fafafb; + color: #666; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); +} + +.popular-guides .popular-body .icon { + display: block; + height: 28px; + width: 28px; + position: absolute; + top: 10px; + left: 10px; + background: transparent url(images/popular_guide_sprites.png) 0 0 no-repeat; +} + +.popular-guides a { + border-top: 1px solid #fff; + border-bottom: 1px solid #e9ecee; + padding: 6px 10px; + position: relative; + display: block; +} + +.popular-guides a:hover { + border-top: 1px solid #fafafb; + border-bottom: 1px solid #e5e8ea; + background-color: #f0f0f3; + text-decoration: none; +} + +.popular-guides a h3 { + color: #4183C4; +} + +.popular-guides a:hover h3 { + text-decoration: underline; +} + +.popular-guides ul { + list-style-type: none; + margin: 0px; +} + +.popular-guides h3 { + margin: 0px; + font-size: 13px; +} + +.popular-guides .popular-body a p { + color: #666; + margin: 0px; +} + +/* @end */ |