/*{"templateVars":{"logo-width":{"type":"length","defaultValues":["129px"],"value":"133px","placeholder":0,"group":0,"de":{"label":"Breite des Logos","description":""},"en":{"label":"Width of the logo","description":""}},"logo-top":{"type":"length","defaultValues":["15px"],"value":"15px","placeholder":1,"group":0,"de":{"label":"Abstand von oben","description":""},"en":{"label":"Margin to the top","description":""}},"logo-left-cols":{"type":"col","defaultValues":["1"],"value":"1","placeholder":2,"group":0,"de":{"label":"Abstand von links","description":"Geben Sie den Abstand in Spalten an (die Seite hat 25 Spalten)"},"en":{"label":"Margin to the left","description":"Set the margin in columns (the page has 25 columns)"}},"max-width":{"type":"length","defaultValues":["1100px"],"value":"1100px","placeholder":3,"group":1,"de":{"label":"Maximale Breite des Hauptcontainers","description":""},"en":{"label":"Max width of the main container","description":""}},"font-family":{"type":"font","defaultValues":["\"PT Sans\""],"value":"\"PT Sans\"","placeholder":4,"group":1,"de":{"label":"Schriftart","description":"Schriftart und Alternativen einstellen. Um einen anderen Google Font zu verwenden unter \u00bbLayout \u203a Google-Webfonts\u00ab einstellen."},"en":{"label":"Font family","description":"Select the font and alternatives. To use another Google Font load in \u00bbLayout \u203a Google web fonts\u00ab."}},"font-size":{"type":"length","defaultValues":["16px"],"value":"16px","placeholder":5,"group":1,"de":{"label":"Basis-Schriftgr\u00f6\u00dfe","description":"Alle anderen Schriftgr\u00f6\u00dfen leiten von dieser Einstellung ab"},"en":{"label":"Base font size","description":"All other font sizes are derived from this setting"}},"line-height":{"type":"length","defaultValues":["1.5"],"value":"1.5","placeholder":6,"group":1,"de":{"label":"Zeilenh\u00f6he","description":""},"en":{"label":"Line height","description":""}},"fluid-content-images":{"type":"boolean","defaultValues":[true],"value":true,"placeholder":7,"group":1,"de":{"label":"Bilder proportional zum Inhaltsbereich skalieren","description":"Wenn aktiviert k\u00f6nnen Sie die Breite \u00fcber die n\u00e4chste Eigenschaft festlegen"},"en":{"label":"Resize content images relative to the content area","description":"If enabled you can define the size with the next setting"}},"content-image-cols":{"type":"col","defaultValues":["6"],"value":"6","placeholder":8,"group":1,"de":{"label":"Breite der Bilder im Inhaltsbereich","description":"Geben Sie die Breite in Spalten an (der Inhaltsbereich hat 13 Spalten)"},"en":{"label":"Width of content images","description":"Set the width in columns (the content area has 13 columns)"}},"show-image-border":{"type":"boolean","defaultValues":[true],"value":true,"placeholder":9,"group":1,"de":{"label":"Rahmen um Bilder anzeigen","description":""},"en":{"label":"Show image border","description":""}},"selection-color":{"type":"color","defaultValues":["#33b5e5","#000000","#5fcde9","#a9cf13","#f9970c","#26ade4"],"value":"#33b5e5","placeholder":10,"group":2,"de":{"label":"Auswahlfarbe","description":"Hintergrundfarbe von ausgew\u00e4hltem Text"},"en":{"label":"Selection","description":"Selected text background color"}},"font-color":{"type":"color","defaultValues":["#464749","#333333","#2b2d2d","#333333","#454545","#efefef"],"value":"#464749","placeholder":11,"group":2,"de":{"label":"Schriftfarbe","description":"Standard-Farbe f\u00fcr Text"},"en":{"label":"Font color","description":"Default font color"}},"font-color-light":{"type":"color","defaultValues":["#787878","#9c9c9c","#6b6d6e","#8a8a8a","#676767","#bebebe"],"value":"#787878","placeholder":12,"group":2,"de":{"label":"Schriftfarbe hell","description":"Standard-Farbe f\u00fcr hellen Text"},"en":{"label":"Font color light","description":"Default light font color"}},"footer-color":{"type":"color","defaultValues":["#464749","#333333","#6b6d6e","#ff0000","#757575","#ffffff"],"value":"#464749","placeholder":13,"group":2,"de":{"label":"Schriftfarbe Fu\u00dfzeile","description":"Text-Farbe der Fu\u00dfzeile"},"en":{"label":"Font color footer","description":"Font color for footer"}},"headline-color":{"type":"color","defaultValues":["#464749","#d63333","#07add7","#a9cf13","#f9970c","#dbdbdb"],"value":"#464749","placeholder":14,"group":2,"de":{"label":"\u00dcberschriftfarbe","description":"Text-Farbe der \u00dcberschrift H1"},"en":{"label":"Headline color","description":"Font color for headline H1"}},"sub-headline-color":{"type":"color","defaultValues":["#464749","#333333","#2b2d2d","#333333","#454545","#ffffff"],"value":"#464749","placeholder":15,"group":2,"de":{"label":"\u00dcberschriftfarbe 2","description":"Text-Farbe der \u00dcberschrift H2"},"en":{"label":"Headline color 2","description":"Font color for headline H2"}},"highlight-color":{"type":"color","defaultValues":["#33b5e5","#d63333","#07add7","#a9cf13","#f9970c","#b9cf26"],"value":"#33b5e5","placeholder":16,"group":2,"de":{"label":"Highlight-Farbe","description":"Farbe von Highlights (z.B. Zitat-Icon)"},"en":{"label":"Highlight color","description":"Color of highlights (e.g. blockquote icon)"}},"confirmation":{"type":"color","defaultValues":["#99cc00","#bae460","#b5e75e","#a9cf13","#c9e02b","#b9cf26"],"value":"#99cc00","placeholder":17,"group":2,"de":{"label":"Confirmation-Farbe","description":"Farbe f\u00fcr die Formatvorlage Confirmation"},"en":{"label":"Confirmation color","description":"Color for confirmation format"}},"information":{"type":"color","defaultValues":["#33b5e5","#60aae4","#07add7","#5db1ec","#46c2eb","#26ade4"],"value":"#33b5e5","placeholder":18,"group":2,"de":{"label":"Information-Farbe","description":"Farbe f\u00fcr die Formatvorlage Information"},"en":{"label":"Information color","description":"Color for information format"}},"warning":{"type":"color","defaultValues":["#f62b1c","#d63333","#e75e88","#ec5d5d","#ef4949","#f62b1c"],"value":"#f62b1c","placeholder":19,"group":2,"de":{"label":"Warning-Farbe","description":"Farbe f\u00fcr die Formatvorlage Warning"},"en":{"label":"Warning color","description":"Color for warning format"}},"event-box-color":{"type":"color","defaultValues":["#99cc00","#d63333","#045E74","#a9cf13","#f9970c","#b9cf26"],"value":"#99cc00","placeholder":20,"group":2,"de":{"label":"Event-Box-Farbe","description":"Farbe des Event-Datums"},"en":{"label":"Event box color","description":"Color of the event date"}},"news-box-color":{"type":"color","defaultValues":["#33b5e5","#d63333","#07add7","#a9cf13","#f9970c","#26ade4"],"value":"#33b5e5","placeholder":21,"group":2,"de":{"label":"News-Box-Farbe","description":"Farbe des News-Datums"},"en":{"label":"News box color","description":"Color of the news date"}},"link-color":{"type":"color","defaultValues":["#33b5e5","#d63333","#07add7","#a9cf13","#f9970c","#26ade4"],"value":"#33b5e5","placeholder":22,"group":3,"de":{"label":"Link-Farbe","description":"Standard-Farbe f\u00fcr Links"},"en":{"label":"Link color","description":"Default color for links"}},"nav-main-color":{"type":"color","defaultValues":["#3b3737","#525252","#07add7","#a9cf13","#676767","#ffffff"],"value":"#3b3737","placeholder":23,"group":3,"de":{"label":"Hauptnavigationsfarbe","description":"Standard-Farbe der Hauptnavigation"},"en":{"label":"Main navigation color","description":"Default color for the main navigation"}},"nav-color":{"type":"color","defaultValues":["#3b3737","#525252","#07add7","#3e3e3e","#676767","#ffffff"],"value":"#3b3737","placeholder":24,"group":3,"de":{"label":"Navigationsfarbe","description":"Standard-Farbe der Navigation"},"en":{"label":"Link color","description":"Default color for navigation"}},"nav-color-light":{"type":"color","defaultValues":["#787878","#7f7f7f","#00aa00","#ff0000","#858585","#bebebe"],"value":"#787878","placeholder":25,"group":3,"de":{"label":"Navigationsfarbe Hell","description":"Farbe f\u00fcr helle Navigationen"},"en":{"label":"Navigation color light","description":"Color for light navigations"}},"nav-hover-color":{"type":"color","defaultValues":["#33b5e5","#d63333","#045E74","#a9cf13","#989898","#26ade4"],"value":"#33b5e5","placeholder":26,"group":3,"de":{"label":"Navigationsfarbe Hover","description":"Farbe der Navigation wenn man mit der Maus dar\u00fcber f\u00e4hrt"},"en":{"label":"Navigation color hover","description":"Color for navigation when you hover an element"}},"nav-active-color":{"type":"color","defaultValues":["#33b5e5","#d63333","#045E74","#5d720a","#f9970c","#26ade4"],"value":"#33b5e5","placeholder":27,"group":3,"de":{"label":"Navigationsfarbe Aktiv","description":"Aktiv-Status-Farbe der Navigation"},"en":{"label":"Navigation color active","description":"Color for active navigation elements"}},"nav-footer-color":{"type":"color","defaultValues":["#ffffff","#525252","#ffffff","#ffffff","#ffffff","#efefef"],"value":"#ffffff","placeholder":28,"group":3,"de":{"label":"Navigationsfarbe Footer","description":"Farbe der Navigation in der Fu\u00dfzeile"},"en":{"label":"Navigation color footer","description":"Color for footer navigation"}},"border-light":{"type":"color","defaultValues":["#ececec","#e2e2e2","#dee8ed","#e3e5e1","#e2e2e2","#2b2b2b"],"value":"#ececec","placeholder":29,"group":4,"de":{"label":"Rahmenfarbe Hell","description":""},"en":{"label":"Border color light","description":""}},"border-medium":{"type":"color","defaultValues":["#dadada","#c0c0c0","#aeaeae","#aeaeae","#a6a6a6","#383838"],"value":"#dadada","placeholder":30,"group":4,"de":{"label":"Rahmenfarbe Mittel","description":""},"en":{"label":"Border color medium","description":""}},"border-dark":{"type":"color","defaultValues":["#a0a0a0","#8c8c8c","#8c8c8c","#8c8c8c","#979696","#000000"],"value":"#a0a0a0","placeholder":31,"group":4,"de":{"label":"Rahmenfarbe Dunkel","description":""},"en":{"label":"Border color dark","description":""}},"border-dropdown":{"type":"color","defaultValues":["#dadada","#c0c0c0","#a2a2a2","#c0c0c0","#e2e2e2","#383838"],"value":"#dadada","placeholder":32,"group":4,"de":{"label":"Rahmenfarbe Dropdown","description":""},"en":{"label":"Border color dropdown","description":""}},"shadow-color":{"type":"color","defaultValues":["#000000","#000000","#000000","#000000","#000000","#000000"],"value":"#000000","placeholder":33,"group":5,"de":{"label":"Schatten Standardfarbe","description":""},"en":{"label":"Default shadow color","description":""}},"shadow-color-headline":{"type":"color","defaultValues":["#ffffff","#ffffff","#ffffff","#ffffff","#ffffff","#000000"],"value":"#ffffff","placeholder":34,"group":5,"de":{"label":"Schatten \u00dcberschrift","description":""},"en":{"label":"shadow color headline","description":""}},"background-image":{"type":"background-image","defaultValues":["none"],"value":"none","placeholder":35,"group":6,"de":{"label":"Hintergrundbild","description":""},"en":{"label":"Background image","description":""}},"background-repeat":{"type":"background-repeat","defaultValues":["no-repeat"],"value":"no-repeat","placeholder":36,"group":6,"de":{"label":"Hintergrundbild-Wiederholung","description":""},"en":{"label":"Background image repeat","description":""}},"background-position":{"type":"background-position","defaultValues":["50% 0"],"value":"50% 0","placeholder":37,"group":6,"de":{"label":"Hintergrundbild-Position","description":""},"en":{"label":"Background image position","description":""}},"background-attachment":{"type":"background-attachment","defaultValues":["scroll"],"value":"scroll","placeholder":38,"group":6,"de":{"label":"Hintergrundbild-Positionierung","description":""},"en":{"label":"Background image attachment","description":""}},"background-size":{"type":"background-size","defaultValues":["auto"],"value":"auto","placeholder":39,"group":6,"de":{"label":"Hintergrundbild-Gr\u00f6\u00dfe","description":""},"en":{"label":"Background image size","description":""}},"main-background":{"type":"color","defaultValues":["#ffffff","#ffffff","#ffffff","#ffffff","#ffffff","#232323"],"value":"#ffffff","placeholder":40,"group":6,"de":{"label":"Standard Hintergrundfarbe","description":"Hintergundfarbe von z.B. Formularen, Kommentaren uvm."},"en":{"label":"Main background color","description":"Background color of e.g. forms, comments etc."}},"background-color":{"type":"color","defaultValues":["#ffffff","#ffffff","#f5f5f5","#ffffff","#ffffff","#232323"],"value":"#ffffff","placeholder":41,"group":6,"de":{"label":"Hintergrundfarbe","description":""},"en":{"label":"Background color","description":""}},"header-background-color":{"type":"color","defaultValues":["#ffffff","#ffffff","#f5f5f5","#ffffff","#ffffff","#232323"],"value":"#ffffff","placeholder":42,"group":6,"de":{"label":"Hintergrundfarbe Header","description":""},"en":{"label":"Background color header","description":""}},"dropdown-background-color":{"type":"color","defaultValues":["#ffffff","#ffffff","#ffffff","#f5f5f5","#ffffff","#171717"],"value":"#ffffff","placeholder":43,"group":6,"de":{"label":"Hintergrundfarbe Dropdown","description":""},"en":{"label":"Background color dropdown","description":""}},"content-background-color":{"type":"color","defaultValues":["#f9f9f9","#f3f3f3","#ffffff","#f5f5f5","#ffffff","#171717"],"value":"#f9f9f9","placeholder":44,"group":6,"de":{"label":"Hintergrundfarbe Inhaltsbereich","description":""},"en":{"label":"Background color content","description":""}},"footer-background-color":{"type":"color","defaultValues":["#ffffff","#f3f3f3","#ffffff","#ffffff","#ffffff","#171717"],"value":"#ffffff","placeholder":45,"group":6,"de":{"label":"Hintergrundfarbe Fu\u00dfzeile","description":""},"en":{"label":"Background color footer","description":""}},"nav-footer-background-color":{"type":"color","defaultValues":["#464749","#ffffff","#07add7","#a9cf13","#565656","#383838"],"value":"#464749","placeholder":46,"group":6,"de":{"label":"Hintergrundfarbe Navigation Fu\u00dfzeile","description":""},"en":{"label":"Background color navigation footer","description":""}},"button-color":{"type":"color","defaultValues":["#125e7d","#670707","#045E74","#5d720a","#9b5d04","#125e7d"],"value":"#125e7d","placeholder":47,"group":7,"de":{"label":"Button-Schriftfarbe","description":""},"en":{"label":"Button color","description":""}},"button-background-color":{"type":"color","defaultValues":["#33b5e5","#d63333","#07add7","#a9cf13","#f9970c","#26ade4"],"value":"#33b5e5","placeholder":48,"group":7,"de":{"label":"Button-Hintergrundfarbe","description":""},"en":{"label":"Button background color","description":""}},"button-secondary-color":{"type":"color","defaultValues":["#5b7a00","#333333","#04586c","#333333","#9b5d04","#5e6a0e"],"value":"#5b7a00","placeholder":49,"group":7,"de":{"label":"Button-2-Schriftfarbe","description":""},"en":{"label":"Button 2 color","description":""}},"button-secondary-background-color":{"type":"color","defaultValues":["#99cc00","#aaaaaa","#0b819e","#a1a1a1","#f9970c","#b9cf26"],"value":"#99cc00","placeholder":50,"group":7,"de":{"label":"Button-2-Hintergrundfarbe","description":""},"en":{"label":"Button 2 background color","description":""}}},"variations":{"de":["Rot","T\u00fcrkis","Gr\u00fcn","Orange","Dunkel"],"en":["Red","Turquois","Green","Orange","Dark"]},"groups":[{"de":{"label":"Logo"},"en":{"label":"Logo"}},{"de":{"label":"Grundeinstellungen"},"en":{"label":"Basic settings"}},{"de":{"label":"Schrift- und Element-Farben"},"en":{"label":"Font and element colors"}},{"de":{"label":"Links & Navigation"},"en":{"label":"Links & Navigation"}},{"de":{"label":"Rahmenfarben"},"en":{"label":"Border colors"}},{"de":{"label":"Schattenfarben"},"en":{"label":"Shadow colors"}},{"de":{"label":"Hintergrundfarben & Hintergrundbild"},"en":{"label":"Background colors & image"}},{"de":{"label":"Buttons & Schaltfl\u00e4chen"},"en":{"label":"Buttons"}}],"fileHash":"ffb53e6f9d48f2ab38c9784042cbdac2"}*/ @charset "UTF-8"; /* * Main Stylesheet * * @copyright Copyright (c) 2012 rocksolidthemes.com * @license https://rocksolidthemes.com/agb No free usage allowed */ /* =========================================== * # Index: The structure of this stylesheet * * - Imports (SASS only) * - Fonts * - Basic settings (SASS only) * - Colors (SASS only) * - General styles * - Button styles * - Wrapper Elements * - Elements in order of appearance in HTML * - Homepage elements * - Content styles * - Form styles * - Footer styles * - No image-main * - Module styles (Search, FAQ, News, Events, Comments) * - Media queries * - Grid (design + production helper) * ======================================== */ /* =========================================== * Fonts * ======================================== */ @font-face { font-family: "RockSolid Icons"; src: url("../fonts/rocksolid-icons.eot"); src: url("../fonts/rocksolid-icons.eot?#iefix") format('eot'), url("../fonts/rocksolid-icons.woff") format('woff'), url("../fonts/rocksolid-icons.ttf") format('truetype'), url("../fonts/rocksolid-icons.svg") format('svg'); font-weight: normal; font-style: normal; } /* =========================================== * General styles * ======================================== */ html { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: /*:= $v['link-color'] */; } body { font: /*:= $v['font-size'] *///*:= $v['line-height'] */ /*:= $v['font-family'] */, sans-serif; color: /*:= $v['font-color'] */; background: /*:= $v['background-color'] */ /*:= $v['background-image'] */ /*:= $v['background-position'] */ /*:= $v['background-repeat'] */ /*:= $v['background-attachment'] */; background-size: /*:= $v['background-size'] */; /* You may want to copy the styles you choose to use and delete the rest */ } body.background-variation-1 { background: url("../img/bg-photo.jpg"); background-attachment: fixed; background-size: cover; } body.background-variation-2 { background: url("../img/bg-sky.jpg") 50% 0 no-repeat; } body.background-variation-3 { background: url("../img/bg-light-grey.png"); } body.background-variation-3 #wrapper > header, body.background-variation-3 #wrapper > footer { border: 1px solid /*:= $v['border-light'] */; border-color: /*:= $f('rgba', $v['shadow-color'], 0.13) */; } body.background-variation-4 { background: url("../img/bg-abstract.jpg") 50% 0 no-repeat; /* Just to show how it looks without #nav-header, if you don't need it, you should remove it from the HTML markup */ /* Make shadow transparent. It's usually full-color to prevent the tiny overlap in the edges. */ } body.background-variation-4 #wrapper > header { background-color: transparent; } body.background-variation-4 #nav-header { display: none; } body.background-variation-4 #nav-main > ul > li.submenu:before { -webkit-box-shadow: 0 5px 0 -1px /*:= $v['dropdown-background-color'] */, 0 3px 0 /*:= $v['border-dropdown'] */, 0 0 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; -moz-box-shadow: 0 5px 0 -1px /*:= $v['dropdown-background-color'] */, 0 3px 0 /*:= $v['border-dropdown'] */, 0 0 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; box-shadow: 0 5px 0 -1px /*:= $v['dropdown-background-color'] */, 0 3px 0 /*:= $v['border-dropdown'] */, 0 0 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; } * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /* Resetting box model for moo_mediabox and j_colorbox */ #mbCenter, #colorbox { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } ::selection { background: /*:= $v['selection-color'] */; color: white; text-shadow: none !important; } ::-moz-selection { background: /*:= $v['selection-color'] */; color: white; text-shadow: none !important; } button, input, select, textarea { font-family: inherit; } table { width: 100%; border: 1px solid /*:= $v['border-dark'] */; border-collapse: collapse; text-align: left; background: /*:= $v['main-background'] */; -webkit-box-shadow: 0 3px 0 -2px /*:= $v['main-background'] */, 0 3px 0 -1px /*:= $v['border-dark'] */, 0 6px 0 -3px /*:= $v['main-background'] */, 0 6px 0 -2px /*:= $v['border-dark'] */, 0 5px 5px /*:= $f('rgba', $v['shadow-color'], 0.2) */; -moz-box-shadow: 0 3px 0 -2px /*:= $v['main-background'] */, 0 3px 0 -1px /*:= $v['border-dark'] */, 0 6px 0 -3px /*:= $v['main-background'] */, 0 6px 0 -2px /*:= $v['border-dark'] */, 0 5px 5px /*:= $f('rgba', $v['shadow-color'], 0.2) */; box-shadow: 0 3px 0 -2px /*:= $v['main-background'] */, 0 3px 0 -1px /*:= $v['border-dark'] */, 0 6px 0 -3px /*:= $v['main-background'] */, 0 6px 0 -2px /*:= $v['border-dark'] */, 0 5px 5px /*:= $f('rgba', $v['shadow-color'], 0.2) */; } table th { padding: 10px 8px; text-align: left; } table td { padding: 6px 8px; color: /*:= $v['font-color-light'] */; } table td, table td img { vertical-align: top; } table tbody tr:nth-child(odd) { background-color: /*:= $f('darken', $v['content-background-color'], '5%') */; } table tbody tr:hover { background-color: /*:= $v['content-background-color'] */; } table tfoot tr { background-color: /*:= $f('darken', $v['content-background-color'], '30%') */; } table tfoot td { color: white; } a { color: /*:= $v['link-color'] */; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a:hover, a:active { outline: 0; } a.external-link:after { font: 75%/1 "RockSolid Icons"; content: " \e151"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 1px; margin-left: 0.2em; color: #787878; } /* Icon classes */ *[data-icon]:before { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; font-size: 100%; margin-right: 4px; } *[data-icon].after:before { content: none; } *[data-icon].after:after { font: 100%/1 "RockSolid Icons"; content: attr(data-icon); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; font-size: 80%; margin-left: 4px; } li[data-icon]:before { top: 0; font-size: 80%; } .clear { clear: both; } .invisible { position: absolute; height: 1px !important; width: 1px !important; clip: rect(0 0 0 0); margin: -1px; padding: 0; overflow: hidden; border: 0; } .syndication { margin: 12px 0 0 20px; float: right; } .syndication a { margin-left: 2px; border: 0 !important; } .syndication img { border: 0 !important; } .image_container.float_left { margin-right: 20px; } .image_container.float_right { margin-left: 20px; } .image_container a { border: 0; } .mime_icon { margin-bottom: -0.25em; } .download-element { padding-top: 0; padding-right: 0; padding-bottom: 0; } .ce_toplink, .toplink { margin: 24px 0; } .ce_toplink a, .toplink a { display: block; width: 100%; } .ce_toplink > a:before, .toplink > a:before { font: 100%/1 "RockSolid Icons"; content: "\e00c"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; top: 2px; margin-right: 5px; } .ce_accordion { background-color: /*:= $v['main-background'] */; border: 1px solid /*:= $v['border-light'] */; } .ce_accordion .accordion { zoom: 1; padding: 0 3.84615%; } .ce_accordion .accordion:before { content: ""; display: table; } .ce_accordion .accordion:after { content: ""; display: table; clear: both; } .ce_accordion .accordion > div { padding-bottom: 12px; } .ce_accordion .toggler { position: relative; padding: 8px 7.69231% 8px 3.84615%; outline: none; color: /*:= $v['link-color'] */; background-image: -webkit-linear-gradient(/*:= $f('lighten', $v['main-background'], '5%') */ 10%, /*:= $f('darken', $v['main-background'], '10%') */ 100%); background-image: -moz-linear-gradient(/*:= $f('lighten', $v['main-background'], '5%') */ 10%, /*:= $f('darken', $v['main-background'], '10%') */ 100%); background-image: -o-linear-gradient(/*:= $f('lighten', $v['main-background'], '5%') */ 10%, /*:= $f('darken', $v['main-background'], '10%') */ 100%); background-image: linear-gradient(/*:= $f('lighten', $v['main-background'], '5%') */ 10%, /*:= $f('darken', $v['main-background'], '10%') */ 100%); cursor: pointer; } .ce_accordion .toggler:after { font: 16px/0 "RockSolid Icons"; content: "\e015"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; right: 3.84615%; top: 50%; display: none; } .ce_accordion .toggler.ui-accordion-header-active, .ce_accordion .toggler:hover { background: /*:= $v['main-background'] */; } .ce_accordion .toggler.ui-accordion-header-active:after, .ce_accordion .toggler:hover:after { display: block; } .ce_accordion hr:after { background-color: /*:= $v['main-background'] */ !important; } .mejs__controls button, .mejs__controls button:hover, .mejs__controls button:focus, .mejs__controls button:active { top: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } hr { height: 1px; overflow: visible; margin: 24px 0 23px; border: 0; text-align: center; background: /*:= $v['border-medium'] */; clear: both; } .confirmation, .information, .warning { position: relative; display: block; padding: 8px 3.84615% 8px 7.69231%; margin-left: -1px; margin-right: -1px; border: 1px solid /*:= $v['confirmation'] */; color: /*:= $f('darken', $v['confirmation'], '20%') */; background-color: /*:= $f('tint', $v['confirmation'], '40%') */; -webkit-box-shadow: 0 3px 0 -2px /*:= $f('tint', $v['confirmation'], '60%') */, 0 3px 0 -1px /*:= $v['confirmation'] */, 0 3px 2px /*:= $f('rgba', $v['shadow-color'], 0.2) */; -moz-box-shadow: 0 3px 0 -2px /*:= $f('tint', $v['confirmation'], '60%') */, 0 3px 0 -1px /*:= $v['confirmation'] */, 0 3px 2px /*:= $f('rgba', $v['shadow-color'], 0.2) */; box-shadow: 0 3px 0 -2px /*:= $f('tint', $v['confirmation'], '60%') */, 0 3px 0 -1px /*:= $v['confirmation'] */, 0 3px 2px /*:= $f('rgba', $v['shadow-color'], 0.2) */; } .confirmation:before, .information:before, .warning:before { font: 24px/1 "RockSolid Icons"; content: "\e044"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; position: absolute; left: 0; top: 8px; width: 7.69231%; text-align: center; } .information { border-color: /*:= $v['information'] */; color: /*:= $f('darken', $v['information'], '25%') */; background-color: /*:= $f('tint', $v['information'], '38%') */; -webkit-box-shadow: 0 3px 0 -2px /*:= $f('tint', $v['information'], '25%') */, 0 3px 0 -1px /*:= $v['information'] */, 0 3px 2px /*:= $f('rgba', $v['shadow-color'], 0.2) */; -moz-box-shadow: 0 3px 0 -2px /*:= $f('tint', $v['information'], '25%') */, 0 3px 0 -1px /*:= $v['information'] */, 0 3px 2px /*:= $f('rgba', $v['shadow-color'], 0.2) */; box-shadow: 0 3px 0 -2px /*:= $f('tint', $v['information'], '25%') */, 0 3px 0 -1px /*:= $v['information'] */, 0 3px 2px /*:= $f('rgba', $v['shadow-color'], 0.2) */; } .information:before { content: "\2139"; } .warning { border-color: /*:= $v['warning'] */; color: /*:= $f('darken', $v['warning'], '25%') */; background-color: /*:= $f('tint', $v['warning'], '45%') */; -webkit-box-shadow: 0 3px 0 -2px /*:= $f('tint', $v['warning'], '25%') */, 0 3px 0 -1px /*:= $v['warning'] */, 0 3px 2px /*:= $f('rgba', $v['shadow-color'], 0.2) */; -moz-box-shadow: 0 3px 0 -2px /*:= $f('tint', $v['warning'], '25%') */, 0 3px 0 -1px /*:= $v['warning'] */, 0 3px 2px /*:= $f('rgba', $v['shadow-color'], 0.2) */; box-shadow: 0 3px 0 -2px /*:= $f('tint', $v['warning'], '25%') */, 0 3px 0 -1px /*:= $v['warning'] */, 0 3px 2px /*:= $f('rgba', $v['shadow-color'], 0.2) */; } .warning:before { content: "\e055"; } code { padding: 2px 5px; font-family: "Lucida Console", monospace; font-size: 14px; line-height: 19px; background-color: #ececec; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } pre { margin: 24px 0; padding: 0 6px; display: block; overflow: auto; font-family: "Lucida Console", monospace; font-size: 14px; line-height: 24px; background-size: 100% 48px; background-repeat: repeat-y; background-color: #ececec; background-image: -webkit-linear-gradient(top, #ececec 50%, /*:= $v['main-background'] */ 50%); background-image: -moz-linear-gradient(top, #ececec 50%, /*:= $v['main-background'] */ 50%); background-image: -o-linear-gradient(top, #ececec 50%, /*:= $v['main-background'] */ 50%); background-image: linear-gradient(to bottom, #ececec 50%, /*:= $v['main-background'] */ 50%); -webkit-box-shadow: 0 0 7px /*:= $f('rgba', $v['shadow-color'], 0.2) */ inset; -moz-box-shadow: 0 0 7px /*:= $f('rgba', $v['shadow-color'], 0.2) */ inset; box-shadow: 0 0 7px /*:= $f('rgba', $v['shadow-color'], 0.2) */ inset; } pre code { padding: 0; line-height: inherit; background-color: transparent; } /* =========================================== * Button styles * ======================================== */ button, .button, input[type="submit"], input[type="reset"], input[type="button"] { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; padding: 10px 20px 12px 20px; border: 1px solid; border-color: /*:= $f('mix', '#ffffff', $v['button-color'], '40%') */ /*:= $f('mix', '#ffffff', $v['button-color'], '30%') */ /*:= $f('mix', '#ffffff', $v['button-color'], '20%') */ /*:= $f('mix', '#ffffff', $v['button-color'], '30%') */; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 14px; font-weight: bold; color: /*:= $v['button-color'] */; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background: /*:= $f('mix', '#ffffff', $v['button-background-color'], '25%') */; background: -webkit-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-background-color'], '45%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-background-color'], '5%') */ 100%); background: -moz-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-background-color'], '45%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-background-color'], '5%') */ 100%); background: -o-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-background-color'], '45%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-background-color'], '5%') */ 100%); background: linear-gradient(to bottom, /*:= $f('mix', '#ffffff', $v['button-background-color'], '45%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-background-color'], '5%') */ 100%); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; } button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"]:hover, input[type="button"]:focus { text-decoration: none; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */, 0 1px 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */, 0 1px 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */, 0 1px 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; } button:active, .button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { top: 2px; margin-bottom: 2px; padding-bottom: 10px; -webkit-box-shadow: 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; -moz-box-shadow: 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; box-shadow: 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; background: -webkit-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-background-color'], '5%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-background-color'], '45%') */ 100%); background: -moz-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-background-color'], '5%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-background-color'], '45%') */ 100%); background: -o-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-background-color'], '5%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-background-color'], '45%') */ 100%); background: linear-gradient(to bottom, /*:= $f('mix', '#ffffff', $v['button-background-color'], '5%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-background-color'], '45%') */ 100%); } button.button-secondary, .button.button-secondary, input[type="submit"].button-secondary, input[type="reset"].button-secondary, input[type="button"].button-secondary { padding-top: 6px; padding-bottom: 8px; border-color: /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '40%') */ /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '30%') */ /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '20%') */ /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '30%') */; color: /*:= $v['button-secondary-color'] */; background: /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '25%') */; background: -webkit-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '45%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '5%') */ 100%); background: -moz-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '45%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '5%') */ 100%); background: -o-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '45%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '5%') */ 100%); background: linear-gradient(to bottom, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '45%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '5%') */ 100%); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-secondary-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-secondary-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-secondary-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; } button.button-secondary:hover, button.button-secondary:focus, .button.button-secondary:hover, .button.button-secondary:focus, input[type="submit"].button-secondary:hover, input[type="submit"].button-secondary:focus, input[type="reset"].button-secondary:hover, input[type="reset"].button-secondary:focus, input[type="button"].button-secondary:hover, input[type="button"].button-secondary:focus { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-secondary-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */, 0 1px 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-secondary-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */, 0 1px 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 -1px 0 /*:= $f('mix', '#ffffff', $v['button-secondary-color'], '20%') */ inset, 0 -2px 0 /*:= $v['button-secondary-color'] */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */, 0 1px 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; } button.button-secondary:active, .button.button-secondary:active, input[type="submit"].button-secondary:active, input[type="reset"].button-secondary:active, input[type="button"].button-secondary:active { padding-bottom: 6px; -webkit-box-shadow: 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; -moz-box-shadow: 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; box-shadow: 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */ inset, 0 -3px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 /*:= $f('rgba', $v['shadow-color'], 0.1) */; background: -webkit-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '5%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '45%') */ 100%); background: -moz-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '5%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '45%') */ 100%); background: -o-linear-gradient(top, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '5%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '45%') */ 100%); background: linear-gradient(to bottom, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '5%') */ 0%, /*:= $f('mix', '#ffffff', $v['button-secondary-background-color'], '45%') */ 100%); } /* =========================================== * Wrapper Elements * ======================================== */ /* Main wrapper */ #wrapper { zoom: 1; position: relative; max-width: /*:= $v['max-width'] */; margin: 0 auto; padding: 18px 0 0 0; } #wrapper:before { content: ""; display: table; } #wrapper:after { content: ""; display: table; clear: both; } /* =========================================== * Elements in order of appearance in HTML * ======================================== */ #wrapper > header { position: relative; z-index: 10; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: /*:= $v['header-background-color'] */; margin-bottom: 18px; padding: 15px 4%; } #logo { float: left; margin: /*:= $v['logo-top'] */ 0 0 /*:= $f('col', $v['logo-left-cols'] - 1, 23) */; } #logo h1, #logo h2 { margin: 0; } #logo a { display: block; } #logo img { display: block; width: /*:= $v['logo-width'] */; height: auto; } #logo h2 { font: italic 12px/1.5 Georgia, serif; color: /*:= $v['font-color-light'] */; } #nav-main { margin: 49px 8.69565% 0 0; font-size: 14px; text-align: right; } .no-nav-search #nav-main { margin-right: 0; } #nav-main ul { display: inline; margin: 0; padding: 0; } #nav-main li { position: relative; display: inline-block; margin-right: -16px; margin-left: 26px; } #nav-main > ul > li:hover { z-index: 4; } #nav-main > ul > li > a { position: relative; display: block; z-index: 3; padding: 8px 16px 12px 16px; /* to avoid a gap between item and dropdown */ margin-bottom: -4px; font-weight: bold; color: /*:= $v['nav-main-color'] */; text-decoration: none; } #nav-main > ul > li > a:hover, #nav-main > ul > li > a:focus { color: /*:= $v['nav-hover-color'] */; } #nav-main > ul > li.new > a:after, #nav-main > ul > li i { position: absolute; left: 16px; top: -9px; padding: 2px; font: 9px/1 Arial, sans-serif; text-transform: uppercase; color: white; border: 1px solid /*:= $v['highlight-color'] */; border-bottom-color: /*:= $f('darken', $v['highlight-color'], '7%') */; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: /*:= $v['highlight-color'] */; } #nav-main > ul > li.new > a:after { content: "new"; } #nav-main > ul > li.active > a, #nav-main > ul > li.trail > a { color: /*:= $v['nav-active-color'] */; } #nav-main > ul > li.submenu:before { content: ""; position: absolute; left: 0; top: 0; display: none; z-index: 2; width: 100%; height: 100%; border: 1px solid /*:= $v['border-dropdown'] */; border-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background: /*:= $v['dropdown-background-color'] */; -webkit-box-shadow: 0 5px 0 -1px /*:= $v['dropdown-background-color'] */, 0 3px 0 /*:= $v['border-dropdown'] */, 0 0 0 3px /*:= $f('mix', $v['shadow-color'], $v['header-background-color'], '7.5%') */; -moz-box-shadow: 0 5px 0 -1px /*:= $v['dropdown-background-color'] */, 0 3px 0 /*:= $v['border-dropdown'] */, 0 0 0 3px /*:= $f('mix', $v['shadow-color'], $v['header-background-color'], '7.5%') */; box-shadow: 0 5px 0 -1px /*:= $v['dropdown-background-color'] */, 0 3px 0 /*:= $v['border-dropdown'] */, 0 0 0 3px /*:= $f('mix', $v['shadow-color'], $v['header-background-color'], '7.5%') */; } #nav-main > ul > li > ul { position: absolute; left: 0; top: 100%; display: none; z-index: 1; min-width: 130%; margin-top: 4px; padding: 5px 15px 10px 15px; border: 1px solid /*:= $v['border-dropdown'] */; -webkit-border-radius: 0; -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; text-align: left; white-space: nowrap; background: /*:= $v['dropdown-background-color'] */; -webkit-box-shadow: 0 -53px 0 -50px /*:= $v['nav-active-color'] */ inset, 0 0 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */, 3px 6px 20px /*:= $f('rgba', $v['shadow-color'], 0.1) */; -moz-box-shadow: 0 -53px 0 -50px /*:= $v['nav-active-color'] */ inset, 0 0 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */, 3px 6px 20px /*:= $f('rgba', $v['shadow-color'], 0.1) */; box-shadow: 0 -53px 0 -50px /*:= $v['nav-active-color'] */ inset, 0 0 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */, 3px 6px 20px /*:= $f('rgba', $v['shadow-color'], 0.1) */; } #nav-main > ul > li > ul li { display: block; margin: 0; } #nav-main > ul > li > ul a { position: relative; display: block; padding: 8px 10px 8px 0; border-top: 1px solid /*:= $v['border-light'] */; color: /*:= $v['nav-color'] */; text-decoration: none; } #nav-main > ul > li > ul a:hover, #nav-main > ul > li > ul a:focus { color: /*:= $v['nav-hover-color'] */; } #nav-main > ul > li > ul a:hover:before, #nav-main > ul > li > ul a:hover:after, #nav-main > ul > li > ul a:focus:before, #nav-main > ul > li > ul a:focus:after, #nav-main > ul > li > ul li.active > a:before, #nav-main > ul > li > ul li.active > a:after, #nav-main > ul > li > ul li.trail > a:before, #nav-main > ul > li > ul li.trail > a:after { content: ""; position: absolute; left: -15px; top: 11px; border: 7px solid transparent; border-right: 0; border-left-color: /*:= $v['border-dropdown'] */; } #nav-main > ul > li > ul a:hover:after, #nav-main > ul > li > ul a:focus:after, #nav-main > ul > li > ul li.active > a:after, #nav-main > ul > li > ul li.trail > a:after { left: -16px; top: 12px; border-width: 6px; border-right-width: 0; border-left-color: /*:= $v['border-light'] */; } #nav-main > ul > li > ul li:first-child > a { border-top: 0; } #nav-main > ul > li > ul ul a { margin-left: 10px; } #nav-main > ul > li > ul ul a:hover:before, #nav-main > ul > li > ul ul a:hover:after, #nav-main > ul > li > ul ul a:focus:before, #nav-main > ul > li > ul ul a:focus:after, #nav-main > ul > li > ul ul li.active > a:before, #nav-main > ul > li > ul ul li.active > a:after, #nav-main > ul > li > ul ul li.trail > a:before, #nav-main > ul > li > ul ul li.trail > a:after { content: none; } #nav-main > ul > li > ul ul ul a { margin-left: 20px; } #nav-main > ul > li:hover > ul { display: block; } #nav-main > ul > li.submenu:hover:before { /* change generated content to avoid IE8 ghost pseudo elements */ content: " "; display: block; } #nav-main > ul > li:last-child > ul, #nav-main > ul > li.last > ul { left: auto; right: -2px; -webkit-border-radius: 4px; -moz-border-radius: 4px 0 4px 4px; border-radius: 4px 0 4px 4px; } #nav-search { position: absolute; right: 4%; top: 66px; z-index: 3; width: 31px; height: 31px; overflow: hidden; border: 1px solid /*:= $v['border-medium'] */; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: /*:= $v['main-background'] */; -webkit-box-shadow: 0 0 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; -moz-box-shadow: 0 0 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; box-shadow: 0 0 0 3px /*:= $f('rgba', $v['shadow-color'], 0.075) */; -webkit-transition: width 0.2s ease-out; -moz-transition: width 0.2s ease-out; -o-transition: width 0.2s ease-out; transition: width 0.2s ease-out; } #nav-search:hover, #nav-search.focus { width: 200px; } #nav-search button { position: absolute; top: 0; right: 0; width: 29px; height: 29px; overflow: hidden; margin: 0; padding: 0; border: 0; font-size: 0; color: /*:= $v['nav-color'] */; white-space: nowrap; background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #nav-search button:before { font: 13px/1 "RockSolid Icons"; content: "\e0cb"; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: geometricPrecision; text-indent: 0; display: inline-block; position: relative; padding: 8px 29px 8px 8px; } #nav-search button:hover, #nav-search button:focus { color: /*:= $v['nav-hover-color'] */; } #nav-search input { position: absolute; right: 29px; top: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 169px; height: 29px; padding: 0 5px; border: 0; border-right: 1px solid /*:= $v['border-light'] */; -webkit-border-radius: 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; background: transparent; -webkit-box-shadow: 0 1px 4px /*:= $f('rgba', $v['shadow-color'], 0.1) */ inset; -moz-box-shadow: 0 1px 4px /*:= $f('rgba', $v['shadow-color'], 0.1) */ inset; box-shadow: 0 1px 4px /*:= $f('rgba', $v['shadow-color'], 0.1) */ inset; } #nav-main-mobile, #nav-main-mobile_styled { /* Hide mobile navigation