diff options
author | makefu <github@syntax-fehler.de> | 2014-05-21 18:26:18 +0200 |
---|---|---|
committer | makefu <github@syntax-fehler.de> | 2014-05-21 18:26:18 +0200 |
commit | 720176d791425eacb777979a5041f63ade48eae5 (patch) | |
tree | f9972b0347f23297183c9811efc5427106a1fd0b /pelican-themes/gum/static/gumby.css | |
parent | b58fa13180981afce4f17b4d59b739d79a5873f5 (diff) |
add theme
Diffstat (limited to 'pelican-themes/gum/static/gumby.css')
-rw-r--r-- | pelican-themes/gum/static/gumby.css | 7097 |
1 files changed, 7097 insertions, 0 deletions
diff --git a/pelican-themes/gum/static/gumby.css b/pelican-themes/gum/static/gumby.css new file mode 100644 index 0000000..65e74ec --- /dev/null +++ b/pelican-themes/gum/static/gumby.css @@ -0,0 +1,7097 @@ +@charset "UTF-8"; +@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700); +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font: inherit; + font-size: 100%; + vertical-align: baseline; +} + +html { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +caption, th, td { + text-align: left; + font-weight: normal; + vertical-align: middle; +} + +q, blockquote { + quotes: none; +} +q:before, q:after, blockquote:before, blockquote:after { + content: ""; + content: none; +} + +a img { + border: none; +} + +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { + display: block; +} + +* html { + font-size: 100%; +} + +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; + -webkit-backface-visibility: hidden; +} +@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%; +} + +.ie9 { + font-family: "Open Sans"; +} +.ie9 * { + font-family: "Open Sans"; +} + +.hide { + display: none; +} + +.hide.active, .show { + display: block; +} + +.fixed { + position: fixed; +} +@media only screen and (max-width: 768px) { + .fixed { + position: relative !important; + } +} + +.center-text { + text-align: center; +} + + +/* 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: 300; + color: #444444; + 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; + } +} +h1 { + font-size: 68px; + font-size: 4.25rem; +} +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; +} + +h3 { + font-size: 30px; + font-size: 1.875rem; +} + +h4 { + font-size: 26px; + font-size: 1.625rem; +} + +h5 { + font-size: 18px; + font-size: 1.125rem; +} + +h6 { + font-size: 16px; + font-size: 1rem; +} + +@media only screen and (max-width: 767px) { + h1 { + font-size: 42px; + font-size: 2.625rem; + } + + h2 { + font-size: 36px; + font-size: 2.25rem; + } +} +.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.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; + } +} + +a { + color: #d04526; + text-decoration: none; + outline: 0; + line-height: inherit; +} +a:hover { + color: #c03d20; +} + +/*===================================================== + + Lists + + ======================================================*/ +ul, ol { + margin-bottom: 0.273em; +} + +ul { + list-style: none outside; +} + +ol { + list-style: decimal; + margin-left: 30px; +} + +ul.square, ul.circle, ul.disc { + margin-left: 25px; +} +ul.square { + list-style: square outside; +} +ul.circle { + list-style: circle outside; +} +ul.disc { + list-style: disc outside; +} +ul ul { + margin: 4px 0 5px 25px; +} + +ol ol { + margin: 4px 0 5px 30px; +} + +li { + padding-bottom: 0.273em; +} + +ul.large li { + line-height: 21px; +} + +dl dt { + font-weight: bold; + font-size: 16px; + font-size: 1rem; +} + +@media only screen and (max-width: 768px) { + ul, ol, dl, p { + text-align: left; + } +} +/* Mobile */ +em { + font-style: italic; + line-height: inherit; +} + +strong { + font-weight: 700; + line-height: inherit; +} + +small { + font-size: 56.4%; + line-height: inherit; +} + +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:before { + content: "\2014 \0020"; +} +blockquote cite a { + color: #555555; +} +blockquote cite a:visited { + color: #555555; +} + +hr { + border: 1px solid #cccccc; + clear: both; + margin: 16px 0 18px; + height: 0; +} + +abbr, acronym { + text-transform: uppercase; + font-size: 90%; + color: #222; + border-bottom: 1px solid #cccccc; + cursor: help; +} + +abbr { + text-transform: none; +} + +/** + * 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[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 #999999; + page-break-inside: avoid; + } + + thead { + display: table-header-group; + } + + /* css-discuss.incutio.com/wiki/Printing_Tables */ + tr, img { + page-break-inside: avoid; + } + + @page { + margin: 0.5cm; +} + + p, h2, h3 { + orphans: 3; + widows: 3; + } + + h2, h3 { + page-break-after: avoid; + } +} +/*================================================= + + +++ LE GRID +++ + A Responsive Grid -- Gumby defaults to a standard 960 grid, + but you can change it to whatever you'd like. + + ==================================================*/ +/*.container { + padding: 0px $gutter-in-px; +}*/ +.row { + width: 100%; + max-width: 1100px; + min-width: 320px; + margin: 0 auto; +} +@media only screen and (max-width: 1120px) { + .row { + padding: 0 20px; + } +} +.row .row { + min-width: 0px; +} +@media only screen and (max-width: 1120px) { + .row .row { + padding: 0; + } +} + +/* To fix the grid into a different size, set max-width to your desired width */ +.column, .columns { + margin-left: 1.81818%; + float: left; + min-height: 1px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.column:first-child, .columns:first-child, .alpha { + margin-left: 0px; +} + +.column.omega, .columns.omega { + float: right; +} + +/* Column Classes */ +.row .one.column, .row .one.columns, .sixteen.colgrid .row .one.columns { + width: 5.45455%; +} +.row .two.columns { + width: 12.72727%; +} +.row .three.columns { + width: 20%; +} +.row .four.columns { + width: 27.27273%; +} +.row .five.columns { + width: 34.54545%; +} +.row .six.columns { + width: 41.81818%; +} +.row .seven.columns { + width: 49.09091%; +} +.row .eight.columns { + width: 56.36364%; +} +.row .nine.columns { + width: 63.63636%; +} +.row .ten.columns { + width: 70.90909%; +} +.row .eleven.columns { + width: 78.18182%; +} +.row .twelve.columns { + width: 85.45455%; +} +.row .thirteen.columns { + width: 92.72727%; +} +.row .fourteen.columns { + width: 100%; +} + +/* Push Classes */ +.row .push_one { + margin-left: 9.09091%; +} +.row .push_one:first-child { + margin-left: 7.27273%; +} +.row .push_two { + margin-left: 16.36364%; +} +.row .push_two:first-child { + margin-left: 14.54545%; +} +.row .push_three { + margin-left: 23.63636%; +} +.row .push_three:first-child { + margin-left: 21.81818%; +} +.row .push_four { + margin-left: 30.90909%; +} +.row .push_four:first-child { + margin-left: 29.09091%; +} +.row .push_five { + margin-left: 38.18182%; +} +.row .push_five:first-child { + margin-left: 36.36364%; +} +.row .push_six { + margin-left: 45.45455%; +} +.row .push_six:first-child { + margin-left: 43.63636%; +} +.row .push_seven { + margin-left: 52.72727%; +} +.row .push_seven:first-child { + margin-left: 50.90909%; +} +.row .push_eight { + margin-left: 60.0%; +} +.row .push_eight:first-child { + margin-left: 58.18182%; +} +.row .push_nine { + margin-left: 67.27273%; +} +.row .push_nine:first-child { + margin-left: 65.45455%; +} +.row .push_ten { + margin-left: 74.54545%; +} +.row .push_ten:first-child { + margin-left: 72.72727%; +} +.row .push_eleven { + margin-left: 81.81818%; +} +.row .push_eleven:first-child { + margin-left: 80.0%; +} +.row .push_twelve { + margin-left: 89.09091%; +} +.row .push_twelve:first-child { + margin-left: 87.27273%; +} +.row .push_thirteen { + margin-left: 96.36364%; +} +.row .push_thirteen:first-child { + margin-left: 94.54545%; +} + +/* Centered Classes */ +.row .one.centered { + margin-left: 47.27273%; +} +.row .two.centered { + margin-left: 43.63636%; +} +.row .three.centered { + margin-left: 40%; +} +.row .four.centered { + margin-left: 36.36364%; +} +.row .five.centered { + margin-left: 32.72727%; +} +.row .six.centered { + margin-left: 29.09091%; +} +.row .seven.centered { + margin-left: 25.45455%; +} +.row .eight.centered { + margin-left: 21.81818%; +} +.row .nine.centered { + margin-left: 18.18182%; +} +.row .ten.centered { + margin-left: 14.54545%; +} +.row .eleven.centered { + margin-left: 10.90909%; +} +.row .twelve.centered { + margin-left: 7.27273%; +} +.row .thirteen.centered { + margin-left: 3.63636%; +} + +/* Hybrid Grid Columns */ +.sixteen.colgrid .row .one.column, .sixteen.colgrid .row .one.columns { + width: 4.54545%; +} +.sixteen.colgrid .row .two.columns { + width: 10.90909%; +} +.sixteen.colgrid .row .three.columns { + width: 17.27273%; +} +.sixteen.colgrid .row .four.columns { + width: 23.63636%; +} +.sixteen.colgrid .row .five.columns { + width: 30%; +} +.sixteen.colgrid .row .six.columns { + width: 36.36364%; +} +.sixteen.colgrid .row .seven.columns { + width: 42.72727%; +} +.sixteen.colgrid .row .eight.columns { + width: 49.09091%; +} +.sixteen.colgrid .row .nine.columns { + width: 55.45455%; +} +.sixteen.colgrid .row .ten.columns { + width: 61.81818%; +} +.sixteen.colgrid .row .eleven.columns { + width: 68.18182%; +} +.sixteen.colgrid .row .twelve.columns { + width: 74.54545%; +} +.sixteen.colgrid .row .thirteen.columns { + width: 80.90909%; +} +.sixteen.colgrid .row .fourteen.columns { + width: 87.27273%; +} +.sixteen.colgrid .row .fifteen.columns { + width: 93.63636%; +} +.sixteen.colgrid .row .sixteen.columns { + width: 100%; +} + +/* Hybrid Push Classes */ +.sixteen.colgrid .row .push_one { + margin-left: 8.18182%; +} +.sixteen.colgrid .row .push_one:first-child { + margin-left: 6.36364%; +} +.sixteen.colgrid .row .push_two { + margin-left: 14.54545%; +} +.sixteen.colgrid .row .push_two:first-child { + margin-left: 12.72727%; +} +.sixteen.colgrid .row .push_three { + margin-left: 20.90909%; +} +.sixteen.colgrid .row .push_three:first-child { + margin-left: 19.09091%; +} +.sixteen.colgrid .row .push_four { + margin-left: 27.27273%; +} +.sixteen.colgrid .row .push_four:first-child { + margin-left: 25.45455%; +} +.sixteen.colgrid .row .push_five { + margin-left: 33.63636%; +} +.sixteen.colgrid .row .push_five:first-child { + margin-left: 31.81818%; +} +.sixteen.colgrid .row .push_six { + margin-left: 40.0%; +} +.sixteen.colgrid .row .push_six:first-child { + margin-left: 38.18182%; +} +.sixteen.colgrid .row .push_seven { + margin-left: 46.36364%; +} +.sixteen.colgrid .row .push_seven:first-child { + margin-left: 44.54545%; +} +.sixteen.colgrid .row .push_eight { + margin-left: 52.72727%; +} +.sixteen.colgrid .row .push_eight:first-child { + margin-left: 50.90909%; +} +.sixteen.colgrid .row .push_nine { + margin-left: 59.09091%; +} +.sixteen.colgrid .row .push_nine:first-child { + margin-left: 57.27273%; +} +.sixteen.colgrid .row .push_ten { + margin-left: 65.45455%; +} +.sixteen.colgrid .row .push_ten:first-child { + margin-left: 63.63636%; +} +.sixteen.colgrid .row .push_eleven { + margin-left: 71.81818%; +} +.sixteen.colgrid .row .push_eleven:first-child { + margin-left: 70.0%; +} +.sixteen.colgrid .row .push_twelve { + margin-left: 78.18182%; +} +.sixteen.colgrid .row .push_twelve:first-child { + margin-left: 76.36364%; +} +.sixteen.colgrid .row .push_thirteen { + margin-left: 84.54545%; +} +.sixteen.colgrid .row .push_thirteen:first-child { + margin-left: 82.72727%; +} +.sixteen.colgrid .row .push_fourteen { + margin-left: 90.90909%; +} +.sixteen.colgrid .row .push_fourteen:first-child { + margin-left: 89.09091%; +} +.sixteen.colgrid .row .push_fifteen { + margin-left: 97.27273%; +} +.sixteen.colgrid .row .push_fifteen:first-child { + margin-left: 95.45455%; +} + +/* Hybrid Centered Classes */ +.sixteen.colgrid .row .one.centered { + margin-left: 47.72727%; +} +.sixteen.colgrid .row .two.centered { + margin-left: 44.54545%; +} +.sixteen.colgrid .row .three.centered { + margin-left: 41.36364%; +} +.sixteen.colgrid .row .four.centered { + margin-left: 38.18182%; +} +.sixteen.colgrid .row .five.centered { + margin-left: 35%; +} +.sixteen.colgrid .row .six.centered { + margin-left: 31.81818%; +} +.sixteen.colgrid .row .seven.centered { + margin-left: 28.63636%; +} +.sixteen.colgrid .row .eight.centered { + margin-left: 25.45455%; +} +.sixteen.colgrid .row .nine.centered { + margin-left: 22.27273%; +} +.sixteen.colgrid .row .ten.centered { + margin-left: 19.09091%; +} +.sixteen.colgrid .row .eleven.centered { + margin-left: 15.90909%; +} +.sixteen.colgrid .row .twelve.centered { + margin-left: 12.72727%; +} +.sixteen.colgrid .row .thirteen.centered { + margin-left: 9.54545%; +} +.sixteen.colgrid .row .fourteen.centered { + margin-left: 6.36364%; +} +.sixteen.colgrid .row .fifteen.centered { + margin-left: 3.18182%; +} + +.pull_right { + float: right; +} + +.pull_left { + float: left; +} + +img, object, embed { + max-width: 100%; + height: auto; +} + +img { + -ms-interpolation-mode: bicubic; +} + +#map_canvas img, .map_canvas img { + max-width: none !important; +} + +/* Tile Grid */ +.tiles { + display: block; + overflow: hidden; +} +.tiles > li { + display: block; + height: auto; + float: left; + padding-bottom: 0; +} +.tiles.two_up { + margin-left: -4%; +} +.tiles.two_up > li { + margin-left: 4%; + width: 46%; +} +.tiles.three_up, .tiles.four_up { + margin-left: -2%; +} +.tiles.three_up > li { + margin-left: 2%; + width: 31.3%; +} +.tiles.four_up > li { + margin-left: 2%; + width: 23%; +} +.tiles.five_up { + margin-left: -1.5%; +} +.tiles.five_up > li { + margin-left: 1.5%; + width: 18.5%; +} + +/* Nicolas Gallagher's micro clearfix */ +.clearfix { + *zoom: 1; +} +.clearfix:before, .clearfix:after { + content: ""; + display: table; +} +.clearfix:after { + clear: both; +} + +.row { + *zoom: 1; +} +.row:before, .row:after { + content: ""; + display: table; +} +.row:after { + clear: both; +} + +.valign { + display: table; + width: 100%; +} +.valign > div { + display: table-cell; + vertical-align: middle; +} +.valign ​ +> article { + display: table-cell; + vertical-align: middle; +} + +/* Mobile */ +@media only screen and (max-width: 767px) { + body { + -webkit-text-size-adjust: none; + -ms-text-size-adjust: none; + width: 100%; + min-width: 0; + } + + .container { + min-width: 0; + margin-left: 0; + margin-right: 0; + } + + .row { + width: 100%; + min-width: 0; + margin-left: 0; + margin-right: 0; + } + .row .row .column, .row .row .columns { + padding: 0; + } + .row .centered { + margin: 0 !important; + } + + .column, .columns { + width: auto !important; + float: none; + margin-left: 0; + margin-right: 0; + } + + .column:last-child, .columns:last-child { + margin-right: 0; + float: none; + } + + [class*="column"] + [class*="column"]:last-child { + float: none; + } + [class*="column"]:before { + display: table; + } + [class*="column"]:after { + display: table; + clear: both; + } + + [class^="push_"], + [class*="push_"] { + margin-left: 0 !important; + } +} +/*===================================================== + + Navigation (with dropdowns) + + ======================================================*/ +.navbar { + width: 100%; + min-height: 60px; + display: block; + margin-bottom: 20px; + background: #4a4d50; +} +@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; + } +} +.navbar .logo { + display: inline-block; + margin: 0 1.81818% 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; +} +@media only screen and (max-width: 767px) { + .navbar .logo { + float: left; + display: inline; + } + .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 #252728; + -moz-box-shadow: 0 2px 2px #252728; + box-shadow: 0 2px 2px #252728; + } +} +.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; + 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 .btn { + border-color: #000101 !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 .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 ul li a:hover { + color: #d04526; + } +} +@media only screen and (min-width: 768px) and (max-width: 1099px) { + .navbar > ul > li > .btn a { + padding: 0 10px 0 10px !important; + } + .navbar ul > li .dropdown ul li.active .dropdown { + left: -320px; + } +} + +/**** Navbar positioning for Microsoft's browser who deserves not to be mentioned ****/ +.ie7 .navbar > ul { + width: auto; +} + +.ie7 .navbar, .ie7 .navbar > ul > li > a { + display: block; +} + +.ie7 .navbar .logo, .ie7 .navbar ul, .ie7 .navbar ul li { + float: left; + display: inline-block; +} + +.ie7 .navbar .logo a { + display: block; + overflow: hidden; +} + +.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; + /* Remove this line if you dont want a dropshadow on your navigation*/ + 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.row { + 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; + box-shadow: 0 1px 2px #888d91 !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 { + box-shadow: none; +} + +.navbar li .dropdown ul { + margin: 0; + display: block; +} +.navbar li .dropdown ul > li { + position: relative; + display: block; + width: 100%; + float: left; + text-align: left; + height: auto; + border-radius: none; +} +@media only screen and (min-width: 768px) and (max-width: 1099px) { + .navbar li .dropdown ul > li { + max-width: 320px; + word-wrap: break-word; + } +} +.navbar li .dropdown ul > li a { + display: block; + padding: 0 20px; + color: #d04526; + border-bottom: 1px solid #cccccc; + text-shadow: none; + height: 51px; + line-height: 49px; +} +@media only screen and (max-width: 767px) { + .navbar li .dropdown ul > li a { + padding: 0 20px; + } +} +.navbar li .dropdown ul > li .dropdown { + display: none; + background: white; +} +.navbar li .dropdown ul li:first-child a { + border-radius: 0; +} + +.no-touch .navbar ul li:hover > a { + position: relative; + background: #868d92; + z-index: 1000; +} + +.no-touch .navbar ul li:hover .dropdown, +.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); + box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3); +} + +.no-touch .navbar ul li:hover .dropdown ul { + position: relative; + top: 0; < |