diff options
Diffstat (limited to 'css/style.css')
| -rwxr-xr-x | css/style.css | 308 |
1 files changed, 160 insertions, 148 deletions
diff --git a/css/style.css b/css/style.css index 9f88a76..f7bd960 100755 --- a/css/style.css +++ b/css/style.css @@ -53,18 +53,18 @@ /**********************/ .wikistyle > pre, .wikistyle > .pre, pre { - background-color: #444 !important; - background-image: none; - color: #fff !important; - font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important; - display: block !important; - padding: 10px !important; - border: 2px solid #dedede !important; - -webkit-border-radius: 5px !important; - -moz-border-radius: 5px !important; - border-radius: 5px !important; - margin-left: 5px; - position: relative; + background-color: #444 !important; + background-image: none; + color: #fff !important; + font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important; + display: block !important; + padding: 10px !important; + border: 2px solid #dedede !important; + -webkit-border-radius: 5px !important; + -moz-border-radius: 5px !important; + border-radius: 5px !important; + margin-left: 5px; + position: relative; } .wikistyle > pre span.comment {color: #aaa;} @@ -80,73 +80,85 @@ code {white-space: nowrap;} .highlight pre code {white-space: pre;} .wikistyle code { - font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important; - -webkit-border-radius: 3px !important; - -moz-border-radius: 3px !important; - border-radius: 3px !important; - background: #f9f9f9 !important; - border: 1px solid #ccc !important; - display: inline-block !important; - font-size: 10px !important; - color: #52595d !important; - padding: 0 0.3em 0.05em !important; + font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important; + -webkit-border-radius: 3px !important; + -moz-border-radius: 3px !important; + border-radius: 3px !important; + background: #f9f9f9 !important; + border: 1px solid #ccc !important; + display: inline-block !important; + font-size: 10px !important; + color: #52595d !important; + padding: 0 0.3em 0.05em !important; } pre .codeline { - display: block; - position: relative; + display: block; + position: relative; } pre .codeline:hover { - background-color: #292929; - margin: 0px; - padding-left: 3px; - margin-left: -3px; - -webkit-border-radius: 3px !important; - -moz-border-radius: 3px !important; - border-radius: 3px !important; - color: #666666; + background-color: #292929; + margin: 0px; + padding-left: 3px; + margin-left: -3px; + -webkit-border-radius: 3px !important; + -moz-border-radius: 3px !important; + border-radius: 3px !important; + color: #666666; } pre .codeline span { - display: none; - font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important; - -webkit-border-radius: 3px !important; - -moz-border-radius: 3px !important; - border-radius: 3px !important; - background: #000 !important; - border: 1px solid #292929 !important; - font-size: 10px !important; - color: #fff !important; - padding: 0 0.3em 0.05em !important; - position: absolute; - right: 0px; - top: 0px; + display: inline-block; + font:12px Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace !important; + font-size: 10px !important; + color: #fff !important; + padding: 0 0.3em 0.05em !important; + position: absolute; + right: 0px; + top: 0px; + text-indent: -9999px; + background-image: url('/images/bootcamp/qmark.png'); + background-repeat: no-repeat; + background-position: 1px 3px; + max-width: 8px; + min-width: 8px; + -moz-user-select: none; + -khtml-user-select: none; + user-select: none; + } -pre .codeline:hover span { - display: inline-block !important; +pre .codeline span:hover { + display: inline-block; + text-indent: 0px; + -webkit-border-radius: 3px !important; + -moz-border-radius: 3px !important; + border-radius: 3px !important; + background: #000 !important; + border: 1px solid #292929 !important; + max-width: 1000px; } pre.bootcamp { - white-space: normal !important; - margin-left: -10px !important; - margin-bottom: 1.5em !important; - background-image: none !important; + white-space: normal !important; + margin-left: -10px !important; + margin-bottom: 1.5em !important; + background-image: none !important; } .bash-output { - color: #63e463; - display: block; - position: relative; + color: #63e463; + display: block; + position: relative; } pre em { - color: #f9fe64; + color: #f9fe64; } pre .codeline:hover em { - color: #666666; + color: #666666; } /********************/ @@ -154,11 +166,11 @@ pre .codeline:hover em { /********************/ .wikistyle img { - max-width: 690px; - border: 1px solid #dddddd; - -webkit-box-shadow: 1px 1px 3px #ddd; - -moz-box-shadow: 1px 1px 3px #ddd; - box-shadow: 1px 1px 3px #ddd; + max-width: 690px; + border: 1px solid #dddddd; + -webkit-box-shadow: 1px 1px 3px #ddd; + -moz-box-shadow: 1px 1px 3px #ddd; + box-shadow: 1px 1px 3px #ddd; } @@ -220,108 +232,108 @@ pre .codeline:hover em { /* Bootcamp */ /****************************/ .short-bottom-marg { - margin-bottom: 5px; + margin-bottom: 5px; } p.next-step strong, .next-steps { - color: #666666; + color: #666666; } .next-steps { - font-weight: bold; + font-weight: bold; } .next-steps a { - background-image: url('/images/bootcamp/next_step_arrow.gif'); - background-repeat: no-repeat; - background-position: right 50%; - padding-right: 15px; + background-image: url('/images/bootcamp/next_step_arrow.gif'); + background-repeat: no-repeat; + background-position: right 50%; + padding-right: 15px; } .next-steps a:hover { - padding-right: 20px; - text-decoration: none; + padding-right: 20px; + text-decoration: none; } .intro { - color: #868686; + color: #868686; } h2 span { - color: #666666; + color: #666666; } .founders { - overflow: hidden; - margin: 0px; + overflow: hidden; + margin: 0px; } .founder { - background:#f5f5f5; - filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#ececec'); - background:-webkit-gradient(linear,0% 0,0% 100%,from(#fcfcfc),to(#e8e8e8)); - background:-moz-linear-gradient(270deg,#fcfcfc,#ececec);border-color:#eee; - border:1px solid #e9e9e9; - border-bottom-color:#f5f5f5; - -webkit-border-radius:5px; - -moz-border-radius:5px; - border-radius:5px; - -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2); - -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2); - box-shadow:0 1px 1px rgba(0,0,0,0.2); - display: block; - position: relative; - width: 250px; - padding: 5px; - overflow: hidden; - margin: 0px 5px 5px 0px; - float: left; - list-style-type: none; + background:#f5f5f5; + filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc',endColorstr='#ececec'); + background:-webkit-gradient(linear,0% 0,0% 100%,from(#fcfcfc),to(#e8e8e8)); + background:-moz-linear-gradient(270deg,#fcfcfc,#ececec);border-color:#eee; + border:1px solid #e9e9e9; + border-bottom-color:#f5f5f5; + -webkit-border-radius:5px; + -moz-border-radius:5px; + border-radius:5px; + -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.2); + -moz-box-shadow:0 1px 1px rgba(0,0,0,0.2); + box-shadow:0 1px 1px rgba(0,0,0,0.2); + display: block; + position: relative; + width: 250px; + padding: 5px; + overflow: hidden; + margin: 0px 5px 5px 0px; + float: left; + list-style-type: none; } .founder:hover { - text-decoration: none; - background:#e5e5e5; - filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec',endColorstr='#dcdcdc'); - background:-webkit-gradient(linear,0% 0,0% 100%,from(#ececec),to(#d8d8d8)); - background:-moz-linear-gradient(270deg,#ececec,#dcdcdc);border-color:#ddd; + text-decoration: none; + background:#e5e5e5; + filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ececec',endColorstr='#dcdcdc'); + background:-webkit-gradient(linear,0% 0,0% 100%,from(#ececec),to(#d8d8d8)); + background:-moz-linear-gradient(270deg,#ececec,#dcdcdc);border-color:#ddd; } .founder img { - float: left; - position: relative; - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - border:1px solid #e9e9e9; - margin-right: 1em; + float: left; + position: relative; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + border:1px solid #e9e9e9; + margin-right: 1em; } .founder h4 { - position: relative; - font-size: 1.3em; - color: #000; - margin: .3em 0px 0px; + position: relative; + font-size: 1.3em; + color: #000; + margin: .3em 0px 0px; } .founder p { - position: relative; - font-weight: bold; - margin:0px !important; - color: #666666; - margin: 0px; + position: relative; + font-weight: bold; + margin:0px !important; + color: #666666; + margin: 0px; } .step-title { - font-weight: bold; - display: inline-block; - margin-top: 1em; + font-weight: bold; + display: inline-block; + margin-top: 1em; } .step-title span { - font-weight: normal; - font-style: oblique; - color: #666666; + font-weight: normal; + font-style: oblique; + color: #666666; } img.bootcamp { - display: block; + display: block; } img.top-margin { - margin-top: 1em !important; + margin-top: 1em !important; } /****************************/ @@ -329,49 +341,49 @@ img.top-margin { /****************************/ .more-info { - margin: 10px 0; - position: relative; + margin: 10px 0; + position: relative; } .more-info > h4 { - background-image: url('/images/bootcamp/dropdown_sprites.jpg'); - background-repeat: no-repeat; - padding: .25em 0 .25em 25px; - cursor: pointer; - color: #4183C4; - font-weight: normal; + background-image: url('/images/bootcamp/dropdown_sprites.jpg'); + background-repeat: no-repeat; + padding: .25em 0 .25em 25px; + cursor: pointer; + color: #4183C4; + font-weight: normal; } .more-info h4.compressed { - background-position: 0 0; + background-position: 0 0; } .more-info:hover h4.compressed { - background-position: 0 -23px; + background-position: 0 -23px; } .more-info h4.expanded { - background-position: 0 -46px; + background-position: 0 -46px; } .more-info:hover h4.expanded { - background-position: 0 -69px; + background-position: 0 -69px; } .more-info .more-content { - display: none; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - background-color: #FFFFFF; - border: 3px solid #DDDDDD; - padding: 1em 2em; - -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); - box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); - margin: 15px 0 30px; + display: none; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background-color: #FFFFFF; + border: 3px solid #DDDDDD; + padding: 1em 2em; + -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); + margin: 15px 0 30px; } .more-info .more-content h4 { - margin-top: 1em; + margin-top: 1em; } .more-info .more-content pre { - margin-left: 0px !important; + margin-left: 0px !important; } |
