many of eli's suggestions
This commit is contained in:
Sam Tobin-Hochstadt
Matthew Flatt
parent
b3b6b216f6
commit
e51effe913
|
|
@ -41,7 +41,7 @@ html { font-size: 16px; line-height: 1.625em; }
|
|||
|
||||
html * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||||
|
||||
body { background: white; font-family: "Open Sans"; font-weight: 400; color: #555555; position: relative; -webkit-font-smoothing: antialiased; }
|
||||
body { background: white; font-family: "Open Sans"; font-weight: 400; color: #1e1e1e; position: relative; -webkit-font-smoothing: antialiased; }
|
||||
@media only screen and (max-width: 767px) { body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; } }
|
||||
|
||||
html, body { height: 100%; }
|
||||
|
|
@ -68,7 +68,7 @@ html, body { height: 100%; }
|
|||
/* Fonts */
|
||||
@font-face { font-family: "entypo"; font-style: normal; font-weight: 400; src: url(../fonts/icons/entypo.eot); src: url("../fonts/icons/entypo.eot?#iefix") format("ie9-skip-eot"), url("../fonts/icons/entypo.woff") format("woff"), url("../fonts/icons/entypo.ttf") format("truetype"); }
|
||||
|
||||
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans"; font-weight: 500; color: #444444; text-rendering: optimizeLegibility; padding-top: 0.273em; line-height: 1.15538em; padding-bottom: 0.273em; }
|
||||
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans"; font-weight: 500; color: black; text-rendering: optimizeLegibility; padding-top: 0.273em; line-height: 1.15538em; padding-bottom: 0.273em; }
|
||||
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #d04526; }
|
||||
|
||||
@media only screen and (max-width: 767px) { h1, h2, h3, h4, h5, h6 { word-wrap: break-word; } }
|
||||
|
|
@ -77,9 +77,9 @@ h1.xlarge { font-size: 110px; font-size: 6.875rem; }
|
|||
h1.xxlarge { font-size: 126px; font-size: 7.875rem; }
|
||||
h1.absurd { font-size: 177px; font-size: 11.0625rem; }
|
||||
|
||||
h2 { font-size: 42px; font-size: 2.625rem; margin-top: 18px; margin-bottom: 16px; }
|
||||
h2 { font-size: 42px; font-size: 2.625rem; padding-top: 18px; padding-bottom: 16px; }
|
||||
|
||||
h3 { font-size: 30px; font-size: 1.875rem; }
|
||||
h3 { font-size: 30px; font-size: 1.875rem; padding-top: 16px; padding-bottom: 16px; }
|
||||
|
||||
h4 { font-size: 26px; font-size: 1.625rem; }
|
||||
|
||||
|
|
@ -92,7 +92,7 @@ h6 { font-size: 16px; font-size: 1rem; }
|
|||
.subhead { color: #777; font-weight: normal; margin-bottom: 20px; }
|
||||
|
||||
/*===================================================== Links & Paragraph styles ======================================================*/
|
||||
p { font-family: "Open Sans"; font-weight: 400; font-size: 16px; font-size: 1rem; margin-bottom: 13px; line-height: 1.625em; }
|
||||
p { font-family: "Open Sans"; font-weight: 400; color: black; font-size: 16px; font-size: 1rem; margin-bottom: 13px; line-height: 1.625em; }
|
||||
p.lead { font-size: 20px; font-size: 1.25rem; margin-bottom: 18px; }
|
||||
@media only screen and (max-width: 768px) { p { font-size: 17.6px; font-size: 1.1rem; line-height: 1.625em; } }
|
||||
|
||||
|
|
@ -134,10 +134,10 @@ h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; }
|
|||
/* Blockquotes */
|
||||
blockquote { line-height: 20px; color: #777; margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 5px solid #cccccc; }
|
||||
blockquote p { line-height: 20px; color: #777; }
|
||||
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555555; }
|
||||
blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #1e1e1e; }
|
||||
blockquote cite:before { content: "\2014 \0020"; }
|
||||
blockquote cite a { color: #555555; }
|
||||
blockquote cite a:visited { color: #555555; }
|
||||
blockquote cite a { color: #1e1e1e; }
|
||||
blockquote cite a:visited { color: #1e1e1e; }
|
||||
|
||||
hr { border: 1px solid #cccccc; clear: both; margin: 16px 0 18px; height: 0; }
|
||||
|
||||
|
|
@ -145,17 +145,19 @@ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-b
|
|||
|
||||
abbr { text-transform: none; }
|
||||
|
||||
pre, code { color: black; font-family: 'Inconsolata'; }
|
||||
|
||||
/** Print styles. Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
|
||||
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
|
||||
/* Black prints faster: sanbeiji.com/archives/953 */
|
||||
p a { color: #555555 !important; text-decoration: underline; }
|
||||
p a:visited { color: #555555 !important; text-decoration: underline; }
|
||||
p a { color: #1e1e1e !important; text-decoration: underline; }
|
||||
p a:visited { color: #1e1e1e !important; text-decoration: underline; }
|
||||
p a[href]:after { content: " (" attr(href) ")"; }
|
||||
abbr[title]:after { content: " (" attr(title) ")"; }
|
||||
.ir a:after { content: ""; }
|
||||
a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
|
||||
/* Don't show links for images, or javascript/internal links */
|
||||
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
||||
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; color: black; }
|
||||
thead { display: table-header-group; }
|
||||
/* css-discuss.incutio.com/wiki/Printing_Tables */
|
||||
tr, img { page-break-inside: avoid; }
|
||||
|
|
@ -348,14 +350,14 @@ img { -ms-interpolation-mode: bicubic; }
|
|||
/*=====================================================
|
||||
Navigation (with dropdowns)
|
||||
======================================================*/
|
||||
.navbar { width: 100%; min-height: 60px; display: block; margin-bottom: 20px; background: #4a4d50; }
|
||||
.navbar { width: 100%; min-height: 60px; display: block; margin-bottom: 20px; background: black; }
|
||||
@media only screen and (max-width: 767px) { .navbar { position: relative; border: none; }
|
||||
.navbar .column, .navbar .columns { min-height: 0; } }
|
||||
.navbar.fixed { top: 0; left: 0; z-index: 99999; }
|
||||
.navbar a.toggle { display: none; }
|
||||
@media only screen and (max-width: 767px) { .navbar a.toggle { top: 18%; right: 4%; width: 46px; position: absolute; text-align: center; display: inline-block; color: white; background: #4a4d50; height: 40px; line-height: 38px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 30px; font-size: 1.875rem; }
|
||||
.navbar a.toggle:hover { background: #565a5d; }
|
||||
.navbar a.toggle:active, .navbar a.toggle.active { background: #3e4043; } }
|
||||
@media only screen and (max-width: 767px) { .navbar a.toggle { top: 18%; right: 4%; width: 46px; position: absolute; text-align: center; display: inline-block; color: white; background: black; height: 40px; line-height: 38px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-size: 30px; font-size: 1.875rem; }
|
||||
.navbar a.toggle:hover { background: #0d0d0d; }
|
||||
.navbar a.toggle:active, .navbar a.toggle.active { background: black; } }
|
||||
.navbar .logo { display: inline-block; margin: 0 2.12766% 0 0; padding: 0; height: 60px; line-height: 58px; }
|
||||
.navbar .logo a { display: block; padding: 0 0 0 16px; overflow: hidden; height: 60px; line-height: 58px; }
|
||||
.navbar .logo a img { max-height: 95%; }
|
||||
|
|
@ -363,22 +365,22 @@ img { -ms-interpolation-mode: bicubic; }
|
|||
.navbar .logo a { padding: 0; }
|
||||
.navbar .logo a img { width: auto; height: auto; max-width: 100%; } }
|
||||
.navbar ul { display: table; vertical-align: middle; margin: 0; float: none; }
|
||||
@media only screen and (max-width: 767px) { .navbar ul { position: absolute; display: block; width: 100% !important; height: 0; max-height: 0; top: 60px; left: 0; overflow: hidden; text-align: center; background: #3e4043; }
|
||||
.navbar ul.active { height: auto; max-height: 600px; z-index: 999999; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-box-shadow: 0 2px 2px #6f7378; -moz-box-shadow: 0 2px 2px #6f7378; box-shadow: 0 2px 2px #6f7378; } }
|
||||
@media only screen and (max-width: 767px) { .navbar ul { position: absolute; display: block; width: 100% !important; height: 0; max-height: 0; top: 60px; left: 0; overflow: hidden; text-align: center; background: black; }
|
||||
.navbar ul.active { height: auto; max-height: 600px; z-index: 999999; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-box-shadow: 0 2px 2px #262626; -moz-box-shadow: 0 2px 2px #262626; box-shadow: 0 2px 2px #262626; } }
|
||||
.navbar ul li { display: table-cell; text-align: center; padding-bottom: 0; margin: 0; height: 60px; line-height: 58px; }
|
||||
@media only screen and (max-width: 767px) { .navbar ul li { display: block; position: relative; min-height: 50px; max-height: 320px; height: auto; width: 100%; border-right: 0 !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } }
|
||||
.navbar ul li > a { display: block; padding: 0 16px; white-space: nowrap; color: white; text-shadow: 0 1px 2px #191a1b, 0 1px 0 #191a1b; height: 60px; line-height: 58px; font-size: 16px; font-size: 1rem; }
|
||||
.navbar ul li > a { display: block; padding: 0 16px; white-space: nowrap; color: white; text-shadow: 0 1px 2px black, 0 1px 0 black; height: 60px; line-height: 58px; font-size: 16px; font-size: 1rem; }
|
||||
.navbar ul li > a i.icon-popup { position: absolute; }
|
||||
.navbar ul li .btn { border-color: #000101 !important; }
|
||||
.navbar ul li .btn { border-color: black !important; }
|
||||
.navbar ul li.field { margin-bottom: 0 !important; margin-right: 0; }
|
||||
@media only screen and (max-width: 767px) { .navbar ul li.field { padding: 0 20px; } }
|
||||
.navbar ul li.field input.search { background: #191a1b; border: none; color: #f2f2f2; }
|
||||
.navbar ul li.field input.search { background: black; border: none; color: #f2f2f2; }
|
||||
.navbar ul li .dropdown { width: auto; min-width: 0px; max-width: 320px; height: 0; position: absolute; background: #fafafa; overflow: hidden; z-index: 999; }
|
||||
@media only screen and (max-width: 767px) { .navbar ul li .dropdown { width: 100%; max-width: 100%; position: relative; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
|
||||
.navbar ul li.active .dropdown { border-bottom: 1px solid #313436; }
|
||||
.navbar ul li.active .dropdown ul { position: relative; top: 0; background: #36393b; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
|
||||
.navbar ul li.active .dropdown ul li { min-height: 50px; border-bottom: #3e4043; }
|
||||
.navbar ul li.active .dropdown ul li a { color: white; border-bottom: 1px solid #313436; }
|
||||
.navbar ul li.active .dropdown { border-bottom: 1px solid black; }
|
||||
.navbar ul li.active .dropdown ul { position: relative; top: 0; background: black; min-height: 50px; max-height: 250px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
|
||||
.navbar ul li.active .dropdown ul li { min-height: 50px; border-bottom: black; }
|
||||
.navbar ul li.active .dropdown ul li a { color: white; border-bottom: 1px solid black; }
|
||||
.navbar ul li.active .dropdown ul li a:hover { color: #d04526; } }
|
||||
@media only screen and (min-width: 768px) and (max-width: 939px) { .navbar > ul > li > .btn a { padding: 0 10px 0 10px !important; }
|
||||
.navbar ul > li .dropdown ul li.active .dropdown { left: -320px; } }
|
||||
|
|
@ -394,14 +396,14 @@ img { -ms-interpolation-mode: bicubic; }
|
|||
|
||||
.ie7 .navbar > ul > li .field { display: block; padding: 12px 18px 0; width: 80%; }
|
||||
|
||||
.pretty.navbar { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #313436)); background-image: -webkit-linear-gradient(#7b8085, #313436); background-image: -moz-linear-gradient(#7b8085, #313436); background-image: -o-linear-gradient(#7b8085, #313436); background-image: linear-gradient(#7b8085, #313436); -webkit-box-shadow: inset 0 1px 1px #7b8085, 0 1px 2px rgba(0, 0, 0, 0.8) !important; -moz-box-shadow: inset 0 1px 1px #7b8085, 0 1px 2px rgba(0, 0, 0, 0.8) !important; box-shadow: inset 0 1px 1px #7b8085, 0 1px 2px rgba(0, 0, 0, 0.8) !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
|
||||
@media only screen and (max-width: 767px) { .pretty.navbar a.toggle { border: 1px solid #3e4043; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7b8085), color-stop(100%, #4a4d50)); background-image: -webkit-linear-gradient(#7b8085, #4a4d50); background-image: -moz-linear-gradient(#7b8085, #4a4d50); background-image: -o-linear-gradient(#7b8085, #4a4d50); background-image: linear-gradient(#7b8085, #4a4d50); -webkit-box-shadow: inset 0 1px 2px #888d91, inset 0 -1px 1px #565a5d, inset 1px 0 1px #565a5d, inset -1px 0 1px #565a5d, 0 1px 1px #63676a; -moz-box-shadow: inset 0 1px 2px #888d91, inset 0 -1px 1px #565a5d, inset 1px 0 1px #565a5d, inset -1px 0 1px #565a5d, 0 1px 1px #63676a; box-shadow: inset 0 1px 2px #888d91, inset 0 -1px 1px #565a5d, inset 1px 0 1px #565a5d, inset -1px 0 1px #565a5d, 0 1px 1px #63676a; }
|
||||
.pretty.navbar a.toggle i { text-shadow: 0 1px 1px #191a1b; }
|
||||
.pretty.navbar a.toggle:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #888d91), color-stop(100%, #565a5d)); background-image: -webkit-linear-gradient(#888d91, #565a5d); background-image: -moz-linear-gradient(#888d91, #565a5d); background-image: -o-linear-gradient(#888d91, #565a5d); background-image: linear-gradient(#888d91, #565a5d); }
|
||||
.pretty.navbar a.toggle:active, .pretty.navbar a.toggle.active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3e4043), color-stop(100%, #4a4d50)); background-image: -webkit-linear-gradient(#3e4043, #4a4d50); background-image: -moz-linear-gradient(#3e4043, #4a4d50); background-image: -o-linear-gradient(#3e4043, #4a4d50); background-image: linear-gradient(#3e4043, #4a4d50); -webkit-box-shadow: 0 1px 1px #63676a; -moz-box-shadow: 0 1px 1px #63676a; box-shadow: 0 1px 1px #63676a; } }
|
||||
.pretty.navbar { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(#333333, #000000); background-image: -moz-linear-gradient(#333333, #000000); background-image: -o-linear-gradient(#333333, #000000); background-image: linear-gradient(#333333, #000000); -webkit-box-shadow: inset 0 1px 1px #333333, 0 1px 2px rgba(0, 0, 0, 0.8) !important; -moz-box-shadow: inset 0 1px 1px #333333, 0 1px 2px rgba(0, 0, 0, 0.8) !important; box-shadow: inset 0 1px 1px #333333, 0 1px 2px rgba(0, 0, 0, 0.8) !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
|
||||
@media only screen and (max-width: 767px) { .pretty.navbar a.toggle { border: 1px solid black; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333333), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(#333333, #000000); background-image: -moz-linear-gradient(#333333, #000000); background-image: -o-linear-gradient(#333333, #000000); background-image: linear-gradient(#333333, #000000); -webkit-box-shadow: inset 0 1px 2px #404040, inset 0 -1px 1px #0d0d0d, inset 1px 0 1px #0d0d0d, inset -1px 0 1px #0d0d0d, 0 1px 1px #1a1a1a; -moz-box-shadow: inset 0 1px 2px #404040, inset 0 -1px 1px #0d0d0d, inset 1px 0 1px #0d0d0d, inset -1px 0 1px #0d0d0d, 0 1px 1px #1a1a1a; box-shadow: inset 0 1px 2px #404040, inset 0 -1px 1px #0d0d0d, inset 1px 0 1px #0d0d0d, inset -1px 0 1px #0d0d0d, 0 1px 1px #1a1a1a; }
|
||||
.pretty.navbar a.toggle i { text-shadow: 0 1px 1px black; }
|
||||
.pretty.navbar a.toggle:hover { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #404040), color-stop(100%, #0d0d0d)); background-image: -webkit-linear-gradient(#404040, #0d0d0d); background-image: -moz-linear-gradient(#404040, #0d0d0d); background-image: -o-linear-gradient(#404040, #0d0d0d); background-image: linear-gradient(#404040, #0d0d0d); }
|
||||
.pretty.navbar a.toggle:active, .pretty.navbar a.toggle.active { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #000000)); background-image: -webkit-linear-gradient(#000000, #000000); background-image: -moz-linear-gradient(#000000, #000000); background-image: -o-linear-gradient(#000000, #000000); background-image: linear-gradient(#000000, #000000); -webkit-box-shadow: 0 1px 1px #1a1a1a; -moz-box-shadow: 0 1px 1px #1a1a1a; box-shadow: 0 1px 1px #1a1a1a; } }
|
||||
.pretty.navbar.row { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
|
||||
@media only screen and (max-width: 767px) { .pretty.navbar.row { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } }
|
||||
.pretty.navbar ul li.field input.search { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #191a1b), color-stop(100%, #4f5255)); background-image: -webkit-linear-gradient(#191a1b, #4f5255); background-image: -moz-linear-gradient(#191a1b, #4f5255); background-image: -o-linear-gradient(#191a1b, #4f5255); background-image: linear-gradient(#191a1b, #4f5255); border: none; -webkit-box-shadow: 0 1px 2px #888d91 !important; -moz-box-shadow: 0 1px 2px #888d91 !important; box-shadow: 0 1px 2px #888d91 !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
|
||||
.pretty.navbar ul li.field input.search { background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #050505)); background-image: -webkit-linear-gradient(#000000, #050505); background-image: -moz-linear-gradient(#000000, #050505); background-image: -o-linear-gradient(#000000, #050505); background-image: linear-gradient(#000000, #050505); border: none; -webkit-box-shadow: 0 1px 2px #404040 !important; -moz-box-shadow: 0 1px 2px #404040 !important; box-shadow: 0 1px 2px #404040 !important; /* Remove this line if you dont want a dropshadow on your navigation*/ }
|
||||
.pretty.navbar > ul > li:first-child, .pretty.navbar .pretty.navbar > ul > li:first-child a:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
|
||||
|
||||
.navbar li .dropdown ul { margin: 0; display: block; }
|
||||
|
|
@ -414,19 +416,19 @@ img { -ms-interpolation-mode: bicubic; }
|
|||
|
||||
.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a { position: relative; background: #868d92; z-index: 1000; }
|
||||
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown, .gumby-touch .navbar ul li.active .dropdown { min-height: 50px; max-height: 561px; overflow: visible; height: auto; width: 100%; padding: 0; border-top: 1px solid #3e4043; -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); }
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown, .gumby-touch .navbar ul li.active .dropdown { min-height: 50px; max-height: 561px; overflow: visible; height: auto; width: 100%; padding: 0; border-top: 1px solid black; -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); }
|
||||
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown ul { position: relative; top: 0; min-height: 50px; max-height: 250px; height: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; min-height: 50px; max-height: 250px; height: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown ul li { min-height: 50px; }
|
||||
@media only screen and (max-width: 767px) { .gumby-no-touch .navbar ul li:hover .dropdown ul { overflow: auto; background: #36393b; }
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown ul li { border-bottom: #3e4043; }
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown ul li a { color: white; border-bottom: 1px solid #313436; }
|
||||
@media only screen and (max-width: 767px) { .gumby-no-touch .navbar ul li:hover .dropdown ul { overflow: auto; background: black; }
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown ul li { border-bottom: black; }
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown ul li a { color: white; border-bottom: 1px solid black; }
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown ul li a:hover { color: #d04526; } }
|
||||
.gumby-no-touch .navbar ul li:hover .dropdown ul li { min-height: 50px; }
|
||||
|
||||
.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown { border-top: none; display: block; position: absolute; z-index: 9999; left: 100%; top: 0px; margin-top: 0; }
|
||||
@media only screen and (max-width: 767px) { .gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown { position: relative; left: 0; }
|
||||
.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown ul, .gumby-touch .navbar li .dropdown ul > li.active .dropdown ul { background: #252728 !important; } }
|
||||
.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown ul, .gumby-touch .navbar li .dropdown ul > li.active .dropdown ul { background: black !important; } }
|
||||
|
||||
.gumby-no-touch .navbar li .dropdown ul li a:hover { background: #f2f2f2; }
|
||||
|
||||
|
|
@ -1709,7 +1711,7 @@ form fieldset legend { padding: 5px 10px; }
|
|||
.field.prepend.append input:last-child { margin-left: -1px; -webkit-border-radius: 0px 4px 4px 0; -moz-border-radius: 0px 4px 4px 0; -ms-border-radius: 0px 4px 4px 0; -o-border-radius: 0px 4px 4px 0; border-radius: 0px 4px 4px 0; }
|
||||
.field.prepend .adjoined, .field.append .adjoined, .field.prepend .btn, .field.append .btn { position: relative; display: inline-block; margin-bottom: 0; z-index: 99; }
|
||||
.field.prepend .btn a, .field.prepend .btn input, .field.prepend .btn button, .field.append .btn a, .field.append .btn input, .field.append .btn button { padding: 0 12px; }
|
||||
.field.prepend .adjoined, .field.append .adjoined { padding: 0 10px 0 10px; background: #f2f2f2; border: 1px solid #d8d8d8; font-family: "Open Sans"; font-weight: 600; color: #555555; font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; }
|
||||
.field.prepend .adjoined, .field.append .adjoined { padding: 0 10px 0 10px; background: #f2f2f2; border: 1px solid #d8d8d8; font-family: "Open Sans"; font-weight: 600; color: #1e1e1e; font-size: 16px; font-size: 1rem; height: 36px; line-height: 34px; }
|
||||
.field.prepend *:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
|
||||
.field.prepend input:first-child { margin-right: 0; }
|
||||
.field.prepend .adjoined, .field.prepend .btn { margin-right: -1px; }
|
||||
|
|
@ -1751,7 +1753,7 @@ form fieldset legend { padding: 5px 10px; }
|
|||
.field .radio.danger span, .field .checkbox.danger span { border-color: #ca3838; color: #ca3838; background: #f0c5c5; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
|
||||
.field .radio.warning, .field .checkbox.warning { color: #f6b83f; }
|
||||
.field .radio.warning span, .field .checkbox.warning span { border-color: #f6b83f; color: #f6b83f; background: #fef7ea; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
|
||||
.field .radio.success, .field .checkbox.success { color: #58c026; color: #555555; }
|
||||
.field .radio.success, .field .checkbox.success { color: #58c026; color: #1e1e1e; }
|
||||
.field .radio.success i, .field .checkbox.success i { color: #58c026; }
|
||||
.field .radio.success span, .field .checkbox.success span { border-color: #58c026; color: #58c026; background: #c0eeaa; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
|
||||
.field .radio span, .field .checkbox span { display: inline-block; width: 16px; height: 16px; position: relative; top: 2px; border: solid 1px #ccc; background: #fefefe; }
|
||||
|
|
@ -1763,9 +1765,9 @@ form fieldset legend { padding: 5px 10px; }
|
|||
|
||||
/* Form Picker Element (<select>) */
|
||||
.picker { position: relative; width: auto; display: inline-block; margin: 0 0 2px 1.2%; overflow: hidden; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; font-family: "Open Sans"; font-weight: 600; height: auto; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background-image: -webkit-linear-gradient(#ffffff, #f2f2f2); background-image: -moz-linear-gradient(#ffffff, #f2f2f2); background-image: -o-linear-gradient(#ffffff, #f2f2f2); background-image: linear-gradient(#ffffff, #f2f2f2); }
|
||||
.picker:after { content: "\25BE"; z-index: 0; position: absolute; right: 8%; top: 50%; margin-top: -12px; color: #555555; }
|
||||
.picker:after { content: "\25BE"; z-index: 0; position: absolute; right: 8%; top: 50%; margin-top: -12px; color: #1e1e1e; }
|
||||
.picker:first-child { margin-left: 0; }
|
||||
.picker select { position: relative; display: block; min-width: 100%; width: 135%; height: 34px; padding: 6px 45px 6px 15px; color: #555555; border: none; background: transparent; outline: none; -webkit-appearance: none; z-index: 99; cursor: pointer; font-size: 16px; font-size: 1rem; }
|
||||
.picker select { position: relative; display: block; min-width: 100%; width: 135%; height: 34px; padding: 6px 45px 6px 15px; color: #1e1e1e; border: none; background: transparent; outline: none; -webkit-appearance: none; z-index: 99; cursor: pointer; font-size: 16px; font-size: 1rem; }
|
||||
|
||||
.ie9 .radio.checked i, .ie9 .checkbox.checked i { top: 0px; }
|
||||
|
||||
|
|
@ -1773,34 +1775,34 @@ form fieldset legend { padding: 5px 10px; }
|
|||
.badge, .label { height: 20px; display: inline-block; font-family: Helvetica, arial, verdana, sans-serif; font-weight: bold; line-height: 20px; text-align: center; color: #fff; }
|
||||
.badge a, .label a { color: #fff; }
|
||||
.badge.primary, .label.primary { background: #3085d6; }
|
||||
.badge.light, .label.light { background: #fff; color: #555555; border: 1px solid #f2f2f2; }
|
||||
.badge.light, .label.light { background: #fff; color: #1e1e1e; border: 1px solid #f2f2f2; }
|
||||
.badge.light a, .label.light a { color: #d04526; }
|
||||
.badge.dark, .label.dark { background: #212121; }
|
||||
.badge.secondary, .label.secondary { background: #42a35a; }
|
||||
.badge.light, .label.light { background: #fff; color: #555555; border: 1px solid #f2f2f2; }
|
||||
.badge.light, .label.light { background: #fff; color: #1e1e1e; border: 1px solid #f2f2f2; }
|
||||
.badge.light a, .label.light a { color: #d04526; }
|
||||
.badge.dark, .label.dark { background: #212121; }
|
||||
.badge.default, .label.default { background: #f2f2f2; color: #555555; border: 1px solid #f2f2f2; }
|
||||
.badge.default:hover, .label.default:hover { border: 1px solid #e5e5e5; }
|
||||
.badge.default a, .label.default a { color: #555555; }
|
||||
.badge.light, .label.light { background: #fff; color: #555555; border: 1px solid #f2f2f2; }
|
||||
.badge.light, .label.light { background: #fff; color: #1e1e1e; border: 1px solid #f2f2f2; }
|
||||
.badge.light a, .label.light a { color: #d04526; }
|
||||
.badge.dark, .label.dark { background: #212121; }
|
||||
.badge.info, .label.info { background: #4a4d50; }
|
||||
.badge.light, .label.light { background: #fff; color: #555555; border: 1px solid #f2f2f2; }
|
||||
.badge.light, .label.light { background: #fff; color: #1e1e1e; border: 1px solid #f2f2f2; }
|
||||
.badge.light a, .label.light a { color: #d04526; }
|
||||
.badge.dark, .label.dark { background: #212121; }
|
||||
.badge.danger, .label.danger { background: #ca3838; }
|
||||
.badge.light, .label.light { background: #fff; color: #555555; border: 1px solid #f2f2f2; }
|
||||
.badge.light, .label.light { background: #fff; color: #1e1e1e; border: 1px solid #f2f2f2; }
|
||||
.badge.light a, .label.light a { color: #d04526; }
|
||||
.badge.dark, .label.dark { background: #212121; }
|
||||
.badge.warning, .label.warning { background: #f6b83f; color: #644405; }
|
||||
.badge.warning a, .label.warning a { color: #644405; }
|
||||
.badge.light, .label.light { background: #fff; color: #555555; border: 1px solid #f2f2f2; }
|
||||
.badge.light, .label.light { background: #fff; color: #1e1e1e; border: 1px solid #f2f2f2; }
|
||||
.badge.light a, .label.light a { color: #d04526; }
|
||||
.badge.dark, .label.dark { background: #212121; }
|
||||
.badge.success, .label.success { background: #58c026; }
|
||||
.badge.light, .label.light { background: #fff; color: #555555; border: 1px solid #f2f2f2; }
|
||||
.badge.light, .label.light { background: #fff; color: #1e1e1e; border: 1px solid #f2f2f2; }
|
||||
.badge.light a, .label.light a { color: #d04526; }
|
||||
.badge.dark, .label.dark { background: #212121; }
|
||||
|
||||
|
|
@ -1821,7 +1823,7 @@ form fieldset legend { padding: 5px 10px; }
|
|||
.tabs { display: block; }
|
||||
.tabs .tab-nav { margin: 0; padding: 0; border-bottom: 1px solid #e5e5e5; }
|
||||
.tabs .tab-nav > li { display: inline-block; width: auto; padding: 0; margin: 0 2.12766% 0 0; cursor: default; top: 1px; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white; }
|
||||
.tabs .tab-nav > li > a { display: block; width: auto; padding: 0 16px; margin: 0; color: #555555; font-family: "Open Sans"; font-weight: 600; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px; text-shadow: 0 1px 1px white; background: #f2f2f2; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; height: 42px; line-height: 40px; }
|
||||
.tabs .tab-nav > li > a { display: block; width: auto; padding: 0 16px; margin: 0; color: #1e1e1e; font-family: "Open Sans"; font-weight: 600; border: 1px solid #e5e5e5; border-width: 1px 1px 0 1px; text-shadow: 0 1px 1px white; background: #f2f2f2; cursor: pointer; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; height: 42px; line-height: 40px; }
|
||||
.tabs .tab-nav > li > a:hover { text-decoration: none; background: whitesmoke; }
|
||||
.tabs .tab-nav > li > a:active { background: #ededed; }
|
||||
.tabs .tab-nav > li.active > a { height: 43px; line-height: 41px; background: white; cursor: default; }
|
||||
|
|
@ -1843,7 +1845,7 @@ form fieldset legend { padding: 5px 10px; }
|
|||
.image { line-height: 0; margin-bottom: 20px; }
|
||||
.image.circle { -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; overflow: hidden; width: auto; }
|
||||
.image.rounded { overflow: hidden; -webkit-border-radius: 4px 4px; -moz-border-radius: 4px 4px; -ms-border-radius: 4px 4px; -o-border-radius: 4px 4px; border-radius: 4px 4px; }
|
||||
.image.photo { border: 5px solid #fff; -webkit-box-shadow: 0 0 1px #555555; -moz-box-shadow: 0 0 1px #555555; box-shadow: 0 0 1px #555555; }
|
||||
.image.photo { border: 5px solid #fff; -webkit-box-shadow: 0 0 1px #1e1e1e; -moz-box-shadow: 0 0 1px #1e1e1e; box-shadow: 0 0 1px #1e1e1e; }
|
||||
.image.photo.polaroid { padding-bottom: 50px; background: #fff; }
|
||||
|
||||
body .video { width: 100%; position: relative; height: 0; padding-bottom: 56.25%; }
|
||||
|
|
@ -1855,7 +1857,7 @@ body .video.twitch, body .video.youtube.show_controls { padding-top: 30px; }
|
|||
.drawer.active { height: auto; max-height: 800px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
|
||||
|
||||
.modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: -999999; display: none; background: black; background: rgba(0, 0, 0, 0.8); }
|
||||
.modal > .content { width: 85%; min-height: 50%; max-height: 95%; position: relative; top: 5%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; background: white; z-index: 2; overflow: auto; }
|
||||
.modal > .content { min-width: 50%; max-width: 85%; min-height: 50%; max-height: 95%; position: relative; top: 5%; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; background: white; z-index: 2; overflow: auto; }
|
||||
@media only screen and (max-width: 768px) { .modal > .content { width: 90%; min-height: 80%; max-height: 95%; top: 10%; } }
|
||||
@media only screen and (max-width: 767px) { .modal > .content { width: 92.5%; min-height: 92.5%; max-height: 95; top: 3.75%; } }
|
||||
.modal > .content > .close { position: absolute; top: 10px; right: 10px; cursor: pointer; }
|
||||
|
|
|
|||
|
|
@ -38,26 +38,17 @@
|
|||
</head>
|
||||
|
||||
<style>
|
||||
body { background: url(img/loud.png) center 60% no-repeat fixed; }
|
||||
|
||||
body { background: url(img/loud.png) center 40% no-repeat fixed; }
|
||||
|
||||
.btn,.drawer {margin-bottom:10px;}
|
||||
.drawer { text-align: center; }
|
||||
h1.lead { border-bottom: 1px dotted #ccc; margin-bottom: 30px; }
|
||||
h4.lead {margin-bottom:10px;}
|
||||
#icon_map ul li { font-size: 16px; }
|
||||
.smallify { font-size: 13px; }
|
||||
#icon_map ul {m argin-bottom: 25px; }
|
||||
.modal h2, .modal .btn { margin: 10px 0 0px; }
|
||||
.parallax { height: 300px; width: 100%; background:
|
||||
url(img/img_parallax_demo.jpg); }
|
||||
.navbar { background: black; }
|
||||
.navbar div ul li a:hover { background: gray; }
|
||||
.navbar { color: white }
|
||||
pre { color: black }
|
||||
p {color: black}
|
||||
code { font-family: 'Inconsolata'}
|
||||
.navbar div ul li a:hover { background: #292929; }
|
||||
|
||||
#growboxes { margin-top: 10pt; }
|
||||
.panetitle { color: red; font-size: 120%; margin-bottom: 4pt }
|
||||
</style>
|
||||
|
||||
<!-- CSS style for scribble formatting -->
|
||||
<style>
|
||||
|
||||
.codecomment {
|
||||
color: #c2741f;
|
||||
|
|
@ -99,11 +90,6 @@
|
|||
.codesnip { display: none }
|
||||
.codesnip.active { display: block}
|
||||
|
||||
#growboxes { margin-top: 10pt; }
|
||||
.panetitle { color: red; font-size: 120%; margin-bottom: 4pt }
|
||||
.navbar ul li a { color: white; }
|
||||
.navbar ui li:hover { color: red; }
|
||||
|
||||
</style>
|
||||
|
||||
<body>
|
||||
|
|
@ -217,8 +203,8 @@ documentation, so click on them for more information.
|
|||
<div class="row" >
|
||||
<div class="ten columns centered">
|
||||
<h2 style="font-size: 180%; margin-bottom:
|
||||
10pt"><strong>Racket</strong>: A programmable programming
|
||||
language</h2>
|
||||
10pt"><strong>Racket</strong> — <span style="font-style: italic">a programmable programming
|
||||
language</span></h2>
|
||||
</div></div>
|
||||
<div class="row" >
|
||||
<div class="eight columns centered" style="margin-bottom: 10pt; font-size: 120%; text-align:justify;">
|
||||
|
|
|
|||
|
|
@ -30,8 +30,8 @@ h1 {
|
|||
@include font-size($absurd);
|
||||
}
|
||||
}
|
||||
h2 { @include font-size($xlarge); margin-top: $med; margin-bottom: $norm; }
|
||||
h3 { @include font-size($larger); }
|
||||
h2 { @include font-size($xlarge); padding-top: $med; padding-bottom: $norm; }
|
||||
h3 { @include font-size($larger); padding-top: $norm; padding-bottom: $norm; }
|
||||
h4 { @include font-size($large);}
|
||||
h5 { @include font-size($med);}
|
||||
h6 { @include font-size($norm);}
|
||||
|
|
@ -58,6 +58,7 @@ h6 { @include font-size($norm);}
|
|||
p {
|
||||
font-family: $font-family;
|
||||
font-weight: $body-font-weight;
|
||||
color: black;
|
||||
@include font-size($base-font-size);
|
||||
margin-bottom: $base-line-height / 2;
|
||||
@include adjust-leading-to(1);
|
||||
|
|
@ -210,6 +211,11 @@ abbr {
|
|||
text-transform: none;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
color: black;
|
||||
font-family: 'Inconsolata';
|
||||
}
|
||||
|
||||
/**
|
||||
* Print styles.
|
||||
*
|
||||
|
|
@ -252,6 +258,7 @@ abbr {
|
|||
pre, blockquote {
|
||||
border: 1px solid #999;
|
||||
page-break-inside: avoid;
|
||||
color: black;
|
||||
}
|
||||
thead {
|
||||
display: table-header-group;
|
||||
|
|
|
|||
|
|
@ -28,9 +28,10 @@
|
|||
background: rgb(0, 0, 0);
|
||||
background: $modal-overlay-color;
|
||||
> .content {
|
||||
width: 85%;
|
||||
min-width: 50%;
|
||||
max-width: 85%;
|
||||
min-height: 50%;
|
||||
max-height: 95%;
|
||||
max-height: 95%;
|
||||
position: relative;
|
||||
top: 5%;
|
||||
margin: 0 auto;
|
||||
|
|
|
|||
|
|
@ -68,16 +68,16 @@ $tremendous: ms(9);
|
|||
$absurd: ms(10);
|
||||
|
||||
// Typography Colors
|
||||
$header-font-color: #444444 !default;
|
||||
$header-font-color: black !default;
|
||||
$header-link-color: #d04526 !default;
|
||||
$header-link-hover-color: #c03d20 !default;
|
||||
$body-font-color: #555555 !default;
|
||||
$body-font-color: #1E1E1E !default;
|
||||
$body-link-color: #d04526 !default;
|
||||
$body-link-hover-color: #c03d20 !default;
|
||||
|
||||
// User Interface Colors
|
||||
$global-bg-color: #fff;
|
||||
$navbar-color: #4a4d50;
|
||||
$navbar-color: black;
|
||||
$navbar-link-color: #fff;
|
||||
|
||||
$primary-color: #3085d6;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user