/** * @file * Generic theme-independent base styles. */ /** * Autocomplete. * * @see autocomplete.js */ /* Suggestion list */ #autocomplete { border: 1px solid; overflow: hidden; position: absolute; z-index: 100; } #autocomplete ul { list-style: none; list-style-image: none; margin: 0; padding: 0; } #autocomplete li { background: #fff; color: #000; cursor: default; white-space: pre; zoom: 1; /* IE7 */ } /* Animated throbber */ html.js input.form-autocomplete { background-image: url(images/miscthrobber-inactive.png); background-position: 100% center; /* LTR */ background-repeat: no-repeat; } html.js input.throbbing { background-image: url(images/miscthrobber-active.gif); background-position: 100% center; /* LTR */ } /** * Collapsible fieldsets. * * @see collapse.js */ html.js fieldset.collapsed { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; height: 1em; } html.js fieldset.collapsed .fieldset-wrapper { display: none; } fieldset.collapsible { position: relative; } fieldset.collapsible .fieldset-legend { display: block; } /** * Resizable textareas. * * @see textarea.js */ .form-textarea-wrapper textarea { display: block; margin: 0; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .resizable-textarea .grippie { background: #eee url(images/miscgrippie.png) no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; height: 9px; overflow: hidden; } /** * TableDrag behavior. * * @see tabledrag.js */ body.drag { cursor: move; } .draggable a.tabledrag-handle { cursor: move; float: left; /* LTR */ height: 1.7em; margin-left: -1em; /* LTR */ overflow: hidden; text-decoration: none; } a.tabledrag-handle:hover { text-decoration: none; } a.tabledrag-handle .handle { background: url(images/miscdraggable.png) no-repeat 6px 9px; height: 13px; margin: -0.4em 0.5em; /* LTR */ padding: 0.42em 0.5em; /* LTR */ width: 13px; } a.tabledrag-handle-hover .handle { background-position: 6px -11px; } div.indentation { float: left; /* LTR */ height: 1.7em; margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */ padding: 0.42em 0 0.42em 0.6em; /* LTR */ width: 20px; } div.tree-child { background: url(images/misctree.png) no-repeat 11px center; /* LTR */ } div.tree-child-last { background: url(images/misctree-bottom.png) no-repeat 11px center; /* LTR */ } div.tree-child-horizontal { background: url(images/misctree.png) no-repeat -11px center; } .tabledrag-toggle-weight-wrapper { text-align: right; /* LTR */ } /** * TableHeader behavior. * * @see tableheader.js */ table.sticky-header { background-color: #fff; margin-top: 0; } /** * Progress behavior. * * @see progress.js */ /* Bar */ .progress .bar { background-color: #fff; border: 1px solid; } .progress .filled { background-color: #000; height: 1.5em; width: 5px; } .progress .percentage { float: right; /* LTR */ } /* Throbber */ .ajax-progress { display: inline-block; } .ajax-progress .throbber { background: transparent url(images/miscthrobber-active.gif) no-repeat 0px center; float: left; /* LTR */ height: 15px; margin: 2px; width: 15px; } .ajax-progress .message { padding-left: 20px; } tr .ajax-progress .throbber { margin: 0 2px; } .ajax-progress-bar { width: 16em; } /** * Inline items. */ .container-inline div, .container-inline label { display: inline; } /* Fieldset contents always need to be rendered as block. */ .container-inline .fieldset-wrapper { display: block; } /** * Prevent text wrapping. */ .nowrap { white-space: nowrap; } /** * For anything you want to hide on page load when JS is enabled, so * that you can use the JS to control visibility and avoid flicker. */ html.js .js-hide { display: none; } /** * Hide elements from all users. * * Used for elements which should not be immediately displayed to any user. An * example would be a collapsible fieldset that will be expanded with a click * from a user. The effect of this class can be toggled with the jQuery show() * and hide() functions. */ .element-hidden { display: none; } /** * Hide elements visually, but keep them available for screen-readers. * * Used for information required for screen-reader users to understand and use * the site where visual display is undesirable. Information provided in this * manner should be kept concise, to avoid unnecessary burden on the user. * "!important" is used to prevent unintentional overrides. */ .element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; } /** * The .element-focusable class extends the .element-invisible class to allow * the element to be focusable when navigated to via the keyboard. */ .element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { position: static !important; clip: auto; overflow: visible; height: auto; } /** * Markup free clearing. * * @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* IE6 */ * html .clearfix { height: 1%; } /* IE7 */ *:first-child + html .clearfix { min-height: 1%; } /** * @file * Styles for menus and navigation markup. */ /** * Markup generated by theme_menu_tree(). */ ul.menu { border: none; list-style: none; text-align: left; /* LTR */ } ul.menu li { margin: 0 0 0 0.5em; /* LTR */ } ul li.expanded { list-style-image: url(images/miscmenu-expanded.png); list-style-type: circle; } ul li.collapsed { list-style-image: url(images/miscmenu-collapsed.png); /* LTR */ list-style-type: disc; } ul li.leaf { list-style-image: url(images/miscmenu-leaf.png); list-style-type: square; } li.expanded, li.collapsed, li.leaf { padding: 0.2em 0.5em 0 0; /* LTR */ margin: 0; } li a.active { color: #000; } td.menu-disabled { background: #ccc; } /** * Markup generated by theme_links(). */ ul.inline, ul.links.inline { display: inline; padding-left: 0; } ul.inline li { display: inline; list-style-type: none; padding: 0 0.5em; } /** * Markup generated by theme_breadcrumb(). */ .breadcrumb { padding-bottom: 0.5em; } /** * Markup generated by theme_menu_local_tasks(). */ ul.primary { border-bottom: 1px solid #bbb; border-collapse: collapse; height: auto; line-height: normal; list-style: none; margin: 5px; padding: 0 0 0 1em; /* LTR */ white-space: nowrap; } ul.primary li { display: inline; } ul.primary li a { background-color: #ddd; border-color: #bbb; border-style: solid solid none solid; border-width: 1px; height: auto; margin-right: 0.5em; /* LTR */ padding: 0 1em; text-decoration: none; } ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: 1px solid #fff; } ul.primary li a:hover { background-color: #eee; border-color: #ccc; border-bottom-color: #eee; } ul.secondary { border-bottom: 1px solid #bbb; padding: 0.5em 1em; margin: 5px; } ul.secondary li { border-right: 1px solid #ccc; /* LTR */ display: inline; padding: 0 1em; } ul.secondary a { padding: 0; text-decoration: none; } ul.secondary a.active { border-bottom: 4px solid #999; } /** * @file * Styles for system messages. */ div.messages { background-position: 8px 8px; /* LTR */ background-repeat: no-repeat; border: 1px solid; margin: 6px 0; padding: 10px 10px 10px 50px; /* LTR */ } div.status { background-image: url(images/miscmessage-24-ok.png); border-color: #be7; } div.status, .ok { color: #234600; } div.status, table tr.ok { background-color: #f8fff0; } div.warning { background-image: url(images/miscmessage-24-warning.png); border-color: #ed5; } div.warning, .warning { color: #840; } div.warning, table tr.warning { background-color: #fffce5; } div.error { background-image: url(images/miscmessage-24-error.png); border-color: #ed541d; } div.error, .error { color: #8c2e0b; } div.error, table tr.error { background-color: #fef5f1; } div.error p.error { color: #333; } div.messages ul { margin: 0 0 0 1em; /* LTR */ padding: 0; } div.messages ul li { list-style-image: none; } /** * @file * Basic styling for common markup. */ /** * HTML elements. */ fieldset { margin-bottom: 1em; padding: 0.5em; } form { margin: 0; padding: 0; } hr { border: 1px solid gray; height: 1px; } img { border: 0; } table { border-collapse: collapse; } th { border-bottom: 3px solid #ccc; padding-right: 1em; /* LTR */ text-align: left; /* LTR */ } tbody { border-top: 1px solid #ccc; } tr.even, tr.odd { background-color: #eee; border-bottom: 1px solid #ccc; padding: 0.1em 0.6em; } /** * Markup generated by theme_tablesort_indicator(). */ th.active img { display: inline; } td.active { background-color: #ddd; } /** * Markup generated by theme_item_list(). */ .item-list .title { font-weight: bold; } .item-list ul { margin: 0 0 0.75em 0; padding: 0; } .item-list ul li { margin: 0 0 0.25em 1.5em; /* LTR */ padding: 0; } /** * Markup generated by Form API. */ .form-item, .form-actions { margin-top: 1em; margin-bottom: 1em; } tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; white-space: nowrap; } .form-item .description { font-size: 0.85em; } label { display: block; font-weight: bold; } label.option { display: inline; font-weight: normal; } .form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; } input.form-checkbox, input.form-radio { vertical-align: middle; } .marker, .form-required { color: #f00; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; } /** * Inline items. */ .container-inline .form-actions, .container-inline.form-actions { margin-top: 0; margin-bottom: 0; } /** * Markup generated by theme_more_link(). */ .more-link { text-align: right; /* LTR */ } /** * Markup generated by theme_more_help_link(). */ .more-help-link { text-align: right; /* LTR */ } .more-help-link a { background: url(images/mischelp.png) 0 50% no-repeat; /* LTR */ padding: 1px 0 1px 20px; /* LTR */ } /** * Markup generated by theme_pager(). */ .item-list .pager { clear: both; text-align: center; } .item-list .pager li { background-image: none; display: inline; list-style-type: none; padding: 0.5em; } .pager-current { font-weight: bold; } /** * Autocomplete. * * @see autocomplete.js */ /* Suggestion list */ #autocomplete li.selected { background: #0072b9; color: #fff; } /** * Collapsible fieldsets. * * @see collapse.js */ html.js fieldset.collapsible .fieldset-legend { background: url(images/miscmenu-expanded.png) 5px 65% no-repeat; /* LTR */ padding-left: 15px; /* LTR */ } html.js fieldset.collapsed .fieldset-legend { background-image: url(images/miscmenu-collapsed.png); /* LTR */ background-position: 5px 50%; /* LTR */ } .fieldset-legend span.summary { color: #999; font-size: 0.9em; margin-left: 0.5em; } /** * TableDrag behavior. * * @see tabledrag.js */ tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } .tabledrag-toggle-weight { font-size: 0.9em; } body div.tabledrag-changed-warning { margin-bottom: 0.5em; } /** * TableSelect behavior. * * @see tableselect.js */ tr.selected td { background: #ffc; } td.checkbox, th.checkbox { text-align: center; } /** * Progress bar. * * @see progress.js */ .progress { font-weight: bold; } .progress .bar { background: #ccc; border-color: #666; margin: 0 0.2em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .progress .filled { background: #0072b9 url(images/miscprogress.gif); } /* Eric Meyer's CSS Tools: Reset CSS (Modified by Hieu Nguyen) -------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ * v2.0 | 20110126 * License: none (public domain) */ 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 { border: 0; margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline: none; } /** * Grids System */ .wrapper { clear: both; display: block; } .wrapper .container { margin-left: auto; margin-right: auto; } .grid { display: block; float: left; } /** * Generic Styles */ .clear, .divider { clear: both; } /* Alignment */ .left { float: left; } .right { float: right; } /* Clearfix */ .clearfix:after { content: ""; } #views-slideshow-form-wrapper .form-item.dependent-options { padding-left: 5px; } #views-slideshow-form-wrapper .vs-dependent { padding-left: 30px; } #comments { margin-top: 15px; } .indented { margin-left: 25px; /* LTR */ } .comment-unpublished { background-color: #fff4f4; } .comment-preview { background-color: #ffffea; } /* Field display */ .field .field-label { font-weight: bold; } .field-label-inline .field-label, .field-label-inline .field-items { float:left; /*LTR*/ } /* Form display */ form .field-multiple-table { margin: 0; } form .field-multiple-table th.field-label { padding-left: 0; /*LTR*/ } form .field-multiple-table td.field-multiple-drag { width: 30px; padding-right: 0; /*LTR*/ } form .field-multiple-table td.field-multiple-drag a.tabledrag-handle { padding-right: .5em; /*LTR*/ } form .field-add-more-submit { margin: .5em 0 0; } .node-unpublished { background-color: #fff4f4; } .preview .node { background-color: #ffffea; } td.revision-current { background: #ffc; } .search-form { margin-bottom: 1em; } .search-form input { margin-top: 0; margin-bottom: 0; } .search-results { list-style: none; } .search-results p { margin-top: 0; } .search-results .title { font-size: 1.2em; } .search-results li { margin-bottom: 1em; } .search-results .search-snippet-info { padding-left: 1em; /* LTR */ } .search-results .search-info { font-size: 0.85em; } .search-advanced .criterion { float: left; /* LTR */ margin-right: 2em; /* LTR */ } .search-advanced .action { float: left; /* LTR */ clear: left; /* LTR */ } #permissions td.module { font-weight: bold; } #permissions td.permission { padding-left: 1.5em; /* LTR */ } #permissions tr.odd .form-item, #permissions tr.even .form-item { white-space: normal; } #user-admin-settings fieldset .fieldset-description { font-size: 0.85em; padding-bottom: .5em; } /** * Override default textfield float to put the "Add role" button next to * the input textfield. */ #user-admin-roles td.edit-name { clear: both; } #user-admin-roles .form-item-name { float: left; /* LTR */ margin-right: 1em; /* LTR */ } /** * Password strength indicator. */ .password-strength { width: 17em; float: right; /* LTR */ margin-top: 1.4em; } .password-strength-title { display: inline; } .password-strength-text { float: right; /* LTR */ font-weight: bold; } .password-indicator { background-color: #C4C4C4; height: 0.3em; width: 100%; } .password-indicator div { height: 100%; width: 0%; background-color: #47C965; } input.password-confirm, input.password-field { width: 16em; margin-bottom: 0.4em; } div.password-confirm { float: right; /* LTR */ margin-top: 1.5em; visibility: hidden; width: 17em; } div.form-item div.password-suggestions { padding: 0.2em 0.5em; margin: 0.7em 0; width: 38.5em; border: 1px solid #B4B4B4; } div.password-suggestions ul { margin-bottom: 0; } .confirm-parent, .password-parent { clear: left; /* LTR */ margin: 0; width: 36.3em; } /* Generated by user.module but used by profile.module: */ .profile { clear: both; margin: 1em 0; } .profile .user-picture { float: right; /* LTR */ margin: 0 1em 1em 0; /* LTR */ } .profile h3 { border-bottom: 1px solid #ccc; } .profile dl { margin: 0 0 1.5em 0; } .profile dt { margin: 0 0 0.2em 0; font-weight: bold; } .profile dd { margin: 0 0 1em 0; } .ctools-locked { color: red; border: 1px solid red; padding: 1em; } .ctools-owns-lock { background: #FFFFDD none repeat scroll 0 0; border: 1px solid #F0C020; padding: 1em; } a.ctools-ajaxing, input.ctools-ajaxing, button.ctools-ajaxing, select.ctools-ajaxing { padding-right: 18px !important; background: url(../images/status-active.gif) right center no-repeat; } div.ctools-ajaxing { float: left; width: 18px; background: url(../images/status-active.gif) center center no-repeat; } /*! * Bootstrap v2.3.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ .tb-megamenu .clearfix { *zoom: 1; } .tb-megamenu .clearfix:before, .tb-megamenu .clearfix:after { display: table; content: ""; line-height: 0; } .tb-megamenu .clearfix:after { clear: both; } .tb-megamenu .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .tb-megamenu .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tb-megamenu .row { margin-left: -20px; *zoom: 1; } .tb-megamenu .row:before, .tb-megamenu .row:after { display: table; content: ""; line-height: 0; } .tb-megamenu .row:after { clear: both; } .tb-megamenu [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .tb-megamenu .row-fluid { width: 100%; *zoom: 1; } .tb-megamenu .row-fluid:before, .tb-megamenu .row-fluid:after { display: table; content: ""; line-height: 0; } .tb-megamenu .row-fluid:after { clear: both; } .tb-megamenu .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; } .tb-megamenu .row-fluid [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .tb-megamenu .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .tb-megamenu .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .tb-megamenu .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .tb-megamenu .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .tb-megamenu .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .tb-megamenu .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .tb-megamenu .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .tb-megamenu .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .tb-megamenu .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .tb-megamenu .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .tb-megamenu .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .tb-megamenu .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .tb-megamenu .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .tb-megamenu .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .tb-megamenu .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .tb-megamenu .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .tb-megamenu .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .tb-megamenu .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .tb-megamenu .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .tb-megamenu .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .tb-megamenu .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .tb-megamenu .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .tb-megamenu .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .tb-megamenu .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .tb-megamenu .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .tb-megamenu .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .tb-megamenu .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .tb-megamenu .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .tb-megamenu .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .tb-megamenu .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .tb-megamenu .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .tb-megamenu .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .tb-megamenu .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .tb-megamenu .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .tb-megamenu .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .tb-megamenu .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } .tb-megamenu [class*="span"].hide, .tb-megamenu .row-fluid [class*="span"].hide { display: none; } .tb-megamenu [class*="span"].pull-right, .tb-megamenu .row-fluid [class*="span"].pull-right { float: right; } .tb-megamenu .btn { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e6e6e6; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #cccccc; *border: 0; border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .tb-megamenu .btn:hover, .tb-megamenu .btn:focus, .tb-megamenu .btn:active, .tb-megamenu .btn.active, .tb-megamenu .btn.disabled, .tb-megamenu .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .tb-megamenu .btn:active, .tb-megamenu .btn.active { background-color: #cccccc \9; } .tb-megamenu .btn:first-child { *margin-left: 0; } .tb-megamenu .btn:hover, .tb-megamenu .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .tb-megamenu .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .tb-megamenu .btn.active, .tb-megamenu .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .tb-megamenu .btn.disabled, .tb-megamenu .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tb-megamenu .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .tb-megamenu .btn-large [class^="icon-"], .tb-megamenu .btn-large [class*=" icon-"] { margin-top: 4px; } .tb-megamenu .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tb-megamenu .btn-small [class^="icon-"], .tb-megamenu .btn-small [class*=" icon-"] { margin-top: 0; } .tb-megamenu .btn-mini [class^="icon-"], .tb-megamenu .btn-mini [class*=" icon-"] { margin-top: -1px; } .tb-megamenu .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tb-megamenu .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tb-megamenu .btn-block + .btn-block { margin-top: 5px; } .tb-megamenu input[type="submit"].btn-block, .tb-megamenu input[type="reset"].btn-block, .tb-megamenu input[type="button"].btn-block { width: 100%; } .tb-megamenu .btn-primary.active, .tb-megamenu .btn-warning.active, .tb-megamenu .btn-danger.active, .tb-megamenu .btn-success.active, .tb-megamenu .btn-info.active, .tb-megamenu .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .tb-megamenu .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #0044cc; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .btn-primary:hover, .tb-megamenu .btn-primary:focus, .tb-megamenu .btn-primary:active, .tb-megamenu .btn-primary.active, .tb-megamenu .btn-primary.disabled, .tb-megamenu .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .tb-megamenu .btn-primary:active, .tb-megamenu .btn-primary.active { background-color: #003399 \9; } .tb-megamenu .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .btn-warning:hover, .tb-megamenu .btn-warning:focus, .tb-megamenu .btn-warning:active, .tb-megamenu .btn-warning.active, .tb-megamenu .btn-warning.disabled, .tb-megamenu .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .tb-megamenu .btn-warning:active, .tb-megamenu .btn-warning.active { background-color: #c67605 \9; } .tb-megamenu .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .btn-danger:hover, .tb-megamenu .btn-danger:focus, .tb-megamenu .btn-danger:active, .tb-megamenu .btn-danger.active, .tb-megamenu .btn-danger.disabled, .tb-megamenu .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .tb-megamenu .btn-danger:active, .tb-megamenu .btn-danger.active { background-color: #942a25 \9; } .tb-megamenu .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .btn-success:hover, .tb-megamenu .btn-success:focus, .tb-megamenu .btn-success:active, .tb-megamenu .btn-success.active, .tb-megamenu .btn-success.disabled, .tb-megamenu .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .tb-megamenu .btn-success:active, .tb-megamenu .btn-success.active { background-color: #408140 \9; } .tb-megamenu .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .btn-info:hover, .tb-megamenu .btn-info:focus, .tb-megamenu .btn-info:active, .tb-megamenu .btn-info.active, .tb-megamenu .btn-info.disabled, .tb-megamenu .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .tb-megamenu .btn-info:active, .tb-megamenu .btn-info.active { background-color: #24748c \9; } .tb-megamenu .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222222; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .btn-inverse:hover, .tb-megamenu .btn-inverse:focus, .tb-megamenu .btn-inverse:active, .tb-megamenu .btn-inverse.active, .tb-megamenu .btn-inverse.disabled, .tb-megamenu .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .tb-megamenu .btn-inverse:active, .tb-megamenu .btn-inverse.active { background-color: #080808 \9; } .tb-megamenu button.btn, .tb-megamenu input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } .tb-megamenu button.btn::-moz-focus-inner, .tb-megamenu input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } .tb-megamenu button.btn.btn-large, .tb-megamenu input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } .tb-megamenu button.btn.btn-small, .tb-megamenu input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } .tb-megamenu button.btn.btn-mini, .tb-megamenu input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .tb-megamenu .btn-link, .tb-megamenu .btn-link:active, .tb-megamenu .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tb-megamenu .btn-link { border-color: transparent; cursor: pointer; color: #0088cc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .btn-link:hover, .tb-megamenu .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } .tb-megamenu .btn-link[disabled]:hover, .tb-megamenu .btn-link[disabled]:focus { color: #333333; text-decoration: none; } .tb-megamenu [class^="icon-"], .tb-megamenu [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; margin-top: 1px; } /* White icons with optional class, or on hover/focus/active states of certain elements */ .tb-megamenu .icon-white, .tb-megamenu .nav-pills > .active > a > [class^="icon-"], .tb-megamenu .nav-pills > .active > a > [class*=" icon-"], .tb-megamenu .nav-list > .active > a > [class^="icon-"], .tb-megamenu .nav-list > .active > a > [class*=" icon-"], .tb-megamenu .navbar-inverse .nav > .active > a > [class^="icon-"], .tb-megamenu .navbar-inverse .nav > .active > a > [class*=" icon-"], .tb-megamenu .dropdown-menu > li > a:hover > [class^="icon-"], .tb-megamenu .dropdown-menu > li > a:focus > [class^="icon-"], .tb-megamenu .dropdown-menu > li > a:hover > [class*=" icon-"], .tb-megamenu .dropdown-menu > li > a:focus > [class*=" icon-"], .tb-megamenu .dropdown-menu > .active > a > [class^="icon-"], .tb-megamenu .dropdown-menu > .active > a > [class*=" icon-"], .tb-megamenu .dropdown-submenu:hover > a > [class^="icon-"], .tb-megamenu .dropdown-submenu:focus > a > [class^="icon-"], .tb-megamenu .dropdown-submenu:hover > a > [class*=" icon-"], .tb-megamenu .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } .tb-megamenu .icon-glass { background-position: 0 0; } .tb-megamenu .icon-music { background-position: -24px 0; } .tb-megamenu .icon-search { background-position: -48px 0; } .tb-megamenu .icon-envelope { background-position: -72px 0; } .tb-megamenu .icon-heart { background-position: -96px 0; } .tb-megamenu .icon-star { background-position: -120px 0; } .tb-megamenu .icon-star-empty { background-position: -144px 0; } .tb-megamenu .icon-user { background-position: -168px 0; } .tb-megamenu .icon-film { background-position: -192px 0; } .tb-megamenu .icon-th-large { background-position: -216px 0; } .tb-megamenu .icon-th { background-position: -240px 0; } .tb-megamenu .icon-th-list { background-position: -264px 0; } .tb-megamenu .icon-ok { background-position: -288px 0; } .tb-megamenu .icon-remove { background-position: -312px 0; } .tb-megamenu .icon-zoom-in { background-position: -336px 0; } .tb-megamenu .icon-zoom-out { background-position: -360px 0; } .tb-megamenu .icon-off { background-position: -384px 0; } .tb-megamenu .icon-signal { background-position: -408px 0; } .tb-megamenu .icon-cog { background-position: -432px 0; } .tb-megamenu .icon-trash { background-position: -456px 0; } .tb-megamenu .icon-home { background-position: 0 -24px; } .tb-megamenu .icon-file { background-position: -24px -24px; } .tb-megamenu .icon-time { background-position: -48px -24px; } .tb-megamenu .icon-road { background-position: -72px -24px; } .tb-megamenu .icon-download-alt { background-position: -96px -24px; } .tb-megamenu .icon-download { background-position: -120px -24px; } .tb-megamenu .icon-upload { background-position: -144px -24px; } .tb-megamenu .icon-inbox { background-position: -168px -24px; } .tb-megamenu .icon-play-circle { background-position: -192px -24px; } .tb-megamenu .icon-repeat { background-position: -216px -24px; } .tb-megamenu .icon-refresh { background-position: -240px -24px; } .tb-megamenu .icon-list-alt { background-position: -264px -24px; } .tb-megamenu .icon-lock { background-position: -287px -24px; } .tb-megamenu .icon-flag { background-position: -312px -24px; } .tb-megamenu .icon-headphones { background-position: -336px -24px; } .tb-megamenu .icon-volume-off { background-position: -360px -24px; } .tb-megamenu .icon-volume-down { background-position: -384px -24px; } .tb-megamenu .icon-volume-up { background-position: -408px -24px; } .tb-megamenu .icon-qrcode { background-position: -432px -24px; } .tb-megamenu .icon-barcode { background-position: -456px -24px; } .tb-megamenu .icon-tag { background-position: 0 -48px; } .tb-megamenu .icon-tags { background-position: -25px -48px; } .tb-megamenu .icon-book { background-position: -48px -48px; } .tb-megamenu .icon-bookmark { background-position: -72px -48px; } .tb-megamenu .icon-print { background-position: -96px -48px; } .tb-megamenu .icon-camera { background-position: -120px -48px; } .tb-megamenu .icon-font { background-position: -144px -48px; } .tb-megamenu .icon-bold { background-position: -167px -48px; } .tb-megamenu .icon-italic { background-position: -192px -48px; } .tb-megamenu .icon-text-height { background-position: -216px -48px; } .tb-megamenu .icon-text-width { background-position: -240px -48px; } .tb-megamenu .icon-align-left { background-position: -264px -48px; } .tb-megamenu .icon-align-center { background-position: -288px -48px; } .tb-megamenu .icon-align-right { background-position: -312px -48px; } .tb-megamenu .icon-align-justify { background-position: -336px -48px; } .tb-megamenu .icon-list { background-position: -360px -48px; } .tb-megamenu .icon-indent-left { background-position: -384px -48px; } .tb-megamenu .icon-indent-right { background-position: -408px -48px; } .tb-megamenu .icon-facetime-video { background-position: -432px -48px; } .tb-megamenu .icon-picture { background-position: -456px -48px; } .tb-megamenu .icon-pencil { background-position: 0 -72px; } .tb-megamenu .icon-map-marker { background-position: -24px -72px; } .tb-megamenu .icon-adjust { background-position: -48px -72px; } .tb-megamenu .icon-tint { background-position: -72px -72px; } .tb-megamenu .icon-edit { background-position: -96px -72px; } .tb-megamenu .icon-share { background-position: -120px -72px; } .tb-megamenu .icon-check { background-position: -144px -72px; } .tb-megamenu .icon-move { background-position: -168px -72px; } .tb-megamenu .icon-step-backward { background-position: -192px -72px; } .tb-megamenu .icon-fast-backward { background-position: -216px -72px; } .tb-megamenu .icon-backward { background-position: -240px -72px; } .tb-megamenu .icon-play { background-position: -264px -72px; } .tb-megamenu .icon-pause { background-position: -288px -72px; } .tb-megamenu .icon-stop { background-position: -312px -72px; } .tb-megamenu .icon-forward { background-position: -336px -72px; } .tb-megamenu .icon-fast-forward { background-position: -360px -72px; } .tb-megamenu .icon-step-forward { background-position: -384px -72px; } .tb-megamenu .icon-eject { background-position: -408px -72px; } .tb-megamenu .icon-chevron-left { background-position: -432px -72px; } .tb-megamenu .icon-chevron-right { background-position: -456px -72px; } .tb-megamenu .icon-plus-sign { background-position: 0 -96px; } .tb-megamenu .icon-minus-sign { background-position: -24px -96px; } .tb-megamenu .icon-remove-sign { background-position: -48px -96px; } .tb-megamenu .icon-ok-sign { background-position: -72px -96px; } .tb-megamenu .icon-question-sign { background-position: -96px -96px; } .tb-megamenu .icon-info-sign { background-position: -120px -96px; } .tb-megamenu .icon-screenshot { background-position: -144px -96px; } .tb-megamenu .icon-remove-circle { background-position: -168px -96px; } .tb-megamenu .icon-ok-circle { background-position: -192px -96px; } .tb-megamenu .icon-ban-circle { background-position: -216px -96px; } .tb-megamenu .icon-arrow-left { background-position: -240px -96px; } .tb-megamenu .icon-arrow-right { background-position: -264px -96px; } .tb-megamenu .icon-arrow-up { background-position: -289px -96px; } .tb-megamenu .icon-arrow-down { background-position: -312px -96px; } .tb-megamenu .icon-share-alt { background-position: -336px -96px; } .tb-megamenu .icon-resize-full { background-position: -360px -96px; } .tb-megamenu .icon-resize-small { background-position: -384px -96px; } .tb-megamenu .icon-plus { background-position: -408px -96px; } .tb-megamenu .icon-minus { background-position: -433px -96px; } .tb-megamenu .icon-asterisk { background-position: -456px -96px; } .tb-megamenu .icon-exclamation-sign { background-position: 0 -120px; } .tb-megamenu .icon-gift { background-position: -24px -120px; } .tb-megamenu .icon-leaf { background-position: -48px -120px; } .tb-megamenu .icon-fire { background-position: -72px -120px; } .tb-megamenu .icon-eye-open { background-position: -96px -120px; } .tb-megamenu .icon-eye-close { background-position: -120px -120px; } .tb-megamenu .icon-warning-sign { background-position: -144px -120px; } .tb-megamenu .icon-plane { background-position: -168px -120px; } .tb-megamenu .icon-calendar { background-position: -192px -120px; } .tb-megamenu .icon-random { background-position: -216px -120px; width: 16px; } .tb-megamenu .icon-comment { background-position: -240px -120px; } .tb-megamenu .icon-magnet { background-position: -264px -120px; } .tb-megamenu .icon-chevron-up { background-position: -288px -120px; } .tb-megamenu .icon-chevron-down { background-position: -313px -119px; } .tb-megamenu .icon-retweet { background-position: -336px -120px; } .tb-megamenu .icon-shopping-cart { background-position: -360px -120px; } .tb-megamenu .icon-folder-close { background-position: -384px -120px; width: 16px; } .tb-megamenu .icon-folder-open { background-position: -408px -120px; width: 16px; } .tb-megamenu .icon-resize-vertical { background-position: -432px -119px; } .tb-megamenu .icon-resize-horizontal { background-position: -456px -118px; } .tb-megamenu .icon-hdd { background-position: 0 -144px; } .tb-megamenu .icon-bullhorn { background-position: -24px -144px; } .tb-megamenu .icon-bell { background-position: -48px -144px; } .tb-megamenu .icon-certificate { background-position: -72px -144px; } .tb-megamenu .icon-thumbs-up { background-position: -96px -144px; } .tb-megamenu .icon-thumbs-down { background-position: -120px -144px; } .tb-megamenu .icon-hand-right { background-position: -144px -144px; } .tb-megamenu .icon-hand-left { background-position: -168px -144px; } .tb-megamenu .icon-hand-up { background-position: -192px -144px; } .tb-megamenu .icon-hand-down { background-position: -216px -144px; } .tb-megamenu .icon-circle-arrow-right { background-position: -240px -144px; } .tb-megamenu .icon-circle-arrow-left { background-position: -264px -144px; } .tb-megamenu .icon-circle-arrow-up { background-position: -288px -144px; } .tb-megamenu .icon-circle-arrow-down { background-position: -312px -144px; } .tb-megamenu .icon-globe { background-position: -336px -144px; } .tb-megamenu .icon-wrench { background-position: -360px -144px; } .tb-megamenu .icon-tasks { background-position: -384px -144px; } .tb-megamenu .icon-filter { background-position: -408px -144px; } .tb-megamenu .icon-briefcase { background-position: -432px -144px; } .tb-megamenu .icon-fullscreen { background-position: -456px -144px; } .tb-megamenu .btn-group { position: relative; display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em; } .tb-megamenu .btn-group:first-child { *margin-left: 0; } .tb-megamenu .btn-group + .btn-group { margin-left: 5px; } .tb-megamenu .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px; } .tb-megamenu .btn-toolbar > .btn + .btn, .tb-megamenu .btn-toolbar > .btn-group + .btn, .tb-megamenu .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .tb-megamenu .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .btn-group > .btn + .btn { margin-left: -1px; } .tb-megamenu .btn-group > .btn, .tb-megamenu .btn-group > .dropdown-menu, .tb-megamenu .btn-group > .popover { font-size: 14px; } .tb-megamenu .btn-group > .btn-mini { font-size: 10.5px; } .tb-megamenu .btn-group > .btn-small { font-size: 11.9px; } .tb-megamenu .btn-group > .btn-large { font-size: 17.5px; } .tb-megamenu .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .tb-megamenu .btn-group > .btn:last-child, .tb-megamenu .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .tb-megamenu .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .tb-megamenu .btn-group > .btn.large:last-child, .tb-megamenu .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .tb-megamenu .btn-group > .btn:hover, .tb-megamenu .btn-group > .btn:focus, .tb-megamenu .btn-group > .btn:active, .tb-megamenu .btn-group > .btn.active { z-index: 2; } .tb-megamenu .btn-group .dropdown-toggle:active, .tb-megamenu .btn-group.open .dropdown-toggle { outline: 0; } .tb-megamenu .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px; } .tb-megamenu .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .tb-megamenu .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .tb-megamenu .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .tb-megamenu .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .tb-megamenu .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .tb-megamenu .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .tb-megamenu .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .tb-megamenu .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .tb-megamenu .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .tb-megamenu .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .tb-megamenu .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .tb-megamenu .btn .caret { margin-top: 8px; margin-left: 0; } .tb-megamenu .btn-large .caret { margin-top: 6px; } .tb-megamenu .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .tb-megamenu .btn-mini .caret, .tb-megamenu .btn-small .caret { margin-top: 8px; } .tb-megamenu .dropup .btn-large .caret { border-bottom-width: 5px; } .tb-megamenu .btn-primary .caret, .tb-megamenu .btn-warning .caret, .tb-megamenu .btn-danger .caret, .tb-megamenu .btn-info .caret, .tb-megamenu .btn-success .caret, .tb-megamenu .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .tb-megamenu .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .tb-megamenu .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } .tb-megamenu .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .tb-megamenu .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tb-megamenu .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .tb-megamenu .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .tb-megamenu .nav { margin-left: 0; margin-bottom: 20px; list-style: none; } .tb-megamenu .nav > li > a { display: block; } .tb-megamenu .nav > li > a:hover, .tb-megamenu .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .tb-megamenu .nav > li > a > img { max-width: none; } .tb-megamenu .nav > .pull-right { float: right; } .tb-megamenu .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } .tb-megamenu .nav li + .nav-header { margin-top: 9px; } .tb-megamenu .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; } .tb-megamenu .nav-list > li > a, .tb-megamenu .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .tb-megamenu .nav-list > li > a { padding: 3px 15px; } .tb-megamenu .nav-list > .active > a, .tb-megamenu .nav-list > .active > a:hover, .tb-megamenu .nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } .tb-megamenu .nav-list [class^="icon-"], .tb-megamenu .nav-list [class*=" icon-"] { margin-right: 2px; } .tb-megamenu .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .tb-megamenu .nav-tabs, .tb-megamenu .nav-pills { *zoom: 1; } .tb-megamenu .nav-tabs:before, .tb-megamenu .nav-pills:before, .tb-megamenu .nav-tabs:after, .tb-megamenu .nav-pills:after { display: table; content: ""; line-height: 0; } .tb-megamenu .nav-tabs:after, .tb-megamenu .nav-pills:after { clear: both; } .tb-megamenu .nav-tabs > li, .tb-megamenu .nav-pills > li { float: left; } .tb-megamenu .nav-tabs > li > a, .tb-megamenu .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; } .tb-megamenu .nav-tabs { border-bottom: 1px solid #ddd; } .tb-megamenu .nav-tabs > li { margin-bottom: -1px; } .tb-megamenu .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .tb-megamenu .nav-tabs > li > a:hover, .tb-megamenu .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } .tb-megamenu .nav-tabs > .active > a, .tb-megamenu .nav-tabs > .active > a:hover, .tb-megamenu .nav-tabs > .active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .tb-megamenu .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .tb-megamenu .nav-pills > .active > a, .tb-megamenu .nav-pills > .active > a:hover, .tb-megamenu .nav-pills > .active > a:focus { color: #ffffff; background-color: #0088cc; } .tb-megamenu .nav-stacked > li { float: none; } .tb-megamenu .nav-stacked > li > a { margin-right: 0; } .tb-megamenu .nav-tabs.nav-stacked { border-bottom: 0; } .tb-megamenu .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .tb-megamenu .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .tb-megamenu .nav-tabs.nav-stacked > li > a:hover, .tb-megamenu .nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; z-index: 2; } .tb-megamenu .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } .tb-megamenu .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } .tb-megamenu .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } .tb-megamenu .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .tb-megamenu .nav .dropdown-toggle .caret { border-top-color: #0088cc; border-bottom-color: #0088cc; margin-top: 6px; } .tb-megamenu .nav .dropdown-toggle:hover .caret, .tb-megamenu .nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580; } /* move down carets for tabs */ .tb-megamenu .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } .tb-megamenu .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } .tb-megamenu .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .tb-megamenu .nav > .dropdown.active > a:hover, .tb-megamenu .nav > .dropdown.active > a:focus { cursor: pointer; } .tb-megamenu .nav-tabs .open .dropdown-toggle, .tb-megamenu .nav-pills .open .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover, .tb-megamenu .nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } .tb-megamenu .nav li.dropdown.open .caret, .tb-megamenu .nav li.dropdown.open.active .caret, .tb-megamenu .nav li.dropdown.open a:hover .caret, .tb-megamenu .nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } .tb-megamenu .tabs-stacked .open > a:hover, .tb-megamenu .tabs-stacked .open > a:focus { border-color: #999999; } .tb-megamenu .tabbable { *zoom: 1; } .tb-megamenu .tabbable:before, .tb-megamenu .tabbable:after { display: table; content: ""; line-height: 0; } .tb-megamenu .tabbable:after { clear: both; } .tb-megamenu .tab-content { overflow: auto; } .tb-megamenu .tabs-below > .nav-tabs, .tb-megamenu .tabs-right > .nav-tabs, .tb-megamenu .tabs-left > .nav-tabs { border-bottom: 0; } .tb-megamenu .tab-content > .tab-pane, .tb-megamenu .pill-content > .pill-pane { display: none; } .tb-megamenu .tab-content > .active, .tb-megamenu .pill-content > .active { display: block; } .tb-megamenu .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } .tb-megamenu .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tb-megamenu .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tb-megamenu .tabs-below > .nav-tabs > li > a:hover, .tb-megamenu .tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; border-top-color: #ddd; } .tb-megamenu .tabs-below > .nav-tabs > .active > a, .tb-megamenu .tabs-below > .nav-tabs > .active > a:hover, .tb-megamenu .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } .tb-megamenu .tabs-left > .nav-tabs > li, .tb-megamenu .tabs-right > .nav-tabs > li { float: none; } .tb-megamenu .tabs-left > .nav-tabs > li > a, .tb-megamenu .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tb-megamenu .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tb-megamenu .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tb-megamenu .tabs-left > .nav-tabs > li > a:hover, .tb-megamenu .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } .tb-megamenu .tabs-left > .nav-tabs .active > a, .tb-megamenu .tabs-left > .nav-tabs .active > a:hover, .tb-megamenu .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } .tb-megamenu .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } .tb-megamenu .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tb-megamenu .tabs-right > .nav-tabs > li > a:hover, .tb-megamenu .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } .tb-megamenu .tabs-right > .nav-tabs .active > a, .tb-megamenu .tabs-right > .nav-tabs .active > a:hover, .tb-megamenu .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } .tb-megamenu .nav > .disabled > a { color: #999999; } .tb-megamenu .nav > .disabled > a:hover, .tb-megamenu .nav > .disabled > a:focus { text-decoration: none; background-color: transparent; cursor: default; } .tb-megamenu .navbar { overflow: visible; margin-bottom: 20px; *position: relative; *z-index: 2; } .tb-megamenu .navbar-inner { min-height: 40px; padding-left: 20px; padding-right: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); *zoom: 1; } .tb-megamenu .navbar-inner:before, .tb-megamenu .navbar-inner:after { display: table; content: ""; line-height: 0; } .tb-megamenu .navbar-inner:after { clear: both; } .tb-megamenu .navbar .container { width: auto; } .tb-megamenu .nav-collapse.collapse { height: auto; overflow: visible; } .tb-megamenu .navbar .brand { float: left; display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; font-weight: 200; color: #777777; text-shadow: 0 1px 0 #ffffff; } .tb-megamenu .navbar .brand:hover, .tb-megamenu .navbar .brand:focus { text-decoration: none; } .tb-megamenu .navbar-text { margin-bottom: 0; line-height: 40px; color: #777777; } .tb-megamenu .navbar-link { color: #777777; } .tb-megamenu .navbar-link:hover, .tb-megamenu .navbar-link:focus { color: #333333; } .tb-megamenu .navbar .divider-vertical { height: 40px; margin: 0 9px; border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff; } .tb-megamenu .navbar .btn, .tb-megamenu .navbar .btn-group { margin-top: 5px; } .tb-megamenu .navbar .btn-group .btn, .tb-megamenu .navbar .input-prepend .btn, .tb-megamenu .navbar .input-append .btn, .tb-megamenu .navbar .input-prepend .btn-group, .tb-megamenu .navbar .input-append .btn-group { margin-top: 0; } .tb-megamenu .navbar-form { margin-bottom: 0; *zoom: 1; } .tb-megamenu .navbar-form:before, .tb-megamenu .navbar-form:after { display: table; content: ""; line-height: 0; } .tb-megamenu .navbar-form:after { clear: both; } .tb-megamenu .navbar-form input, .tb-megamenu .navbar-form select, .tb-megamenu .navbar-form .radio, .tb-megamenu .navbar-form .checkbox { margin-top: 5px; } .tb-megamenu .navbar-form input, .tb-megamenu .navbar-form select, .tb-megamenu .navbar-form .btn { display: inline-block; margin-bottom: 0; } .tb-megamenu .navbar-form input[type="image"], .tb-megamenu .navbar-form input[type="checkbox"], .tb-megamenu .navbar-form input[type="radio"] { margin-top: 3px; } .tb-megamenu .navbar-form .input-append, .tb-megamenu .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } .tb-megamenu .navbar-form .input-append input, .tb-megamenu .navbar-form .input-prepend input { margin-top: 0; } .tb-megamenu .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } .tb-megamenu .navbar-search .search-query { margin-bottom: 0; padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .tb-megamenu .navbar-static-top { position: static; margin-bottom: 0; } .tb-megamenu .navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .navbar-fixed-top, .tb-megamenu .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; margin-bottom: 0; } .tb-megamenu .navbar-fixed-top .navbar-inner, .tb-megamenu .navbar-static-top .navbar-inner { border-width: 0 0 1px; } .tb-megamenu .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } .tb-megamenu .navbar-fixed-top .navbar-inner, .tb-megamenu .navbar-fixed-bottom .navbar-inner { padding-left: 0; padding-right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .navbar-static-top .container, .tb-megamenu .navbar-fixed-top .container, .tb-megamenu .navbar-fixed-bottom .container { width: 940px; } .tb-megamenu .navbar-fixed-top { top: 0; } .tb-megamenu .navbar-fixed-top .navbar-inner, .tb-megamenu .navbar-static-top .navbar-inner { -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); box-shadow: 0 1px 10px rgba(0,0,0,.1); } .tb-megamenu .navbar-fixed-bottom { bottom: 0; } .tb-megamenu .navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); box-shadow: 0 -1px 10px rgba(0,0,0,.1); } .tb-megamenu .navbar .nav { position: relative; left: 0; display: block; float: left; margin: 0 10px 0 0; } .tb-megamenu .navbar .nav.pull-right { float: right; margin-right: 0; } .tb-megamenu .navbar .nav > li { float: left; } .tb-megamenu .navbar .nav > li > a { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; } .tb-megamenu .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } .tb-megamenu .navbar .nav > li > a:focus, .tb-megamenu .navbar .nav > li > a:hover { background-color: transparent; color: #333333; text-decoration: none; } .tb-megamenu .navbar .nav > .active > a, .tb-megamenu .navbar .nav > .active > a:hover, .tb-megamenu .navbar .nav > .active > a:focus { color: #555555; text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .tb-megamenu .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; margin-left: 5px; margin-right: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #e5e5e5; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .tb-megamenu .navbar .btn-navbar:hover, .tb-megamenu .navbar .btn-navbar:focus, .tb-megamenu .navbar .btn-navbar:active, .tb-megamenu .navbar .btn-navbar.active, .tb-megamenu .navbar .btn-navbar.disabled, .tb-megamenu .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; *background-color: #d9d9d9; } .tb-megamenu .navbar .btn-navbar:active, .tb-megamenu .navbar .btn-navbar.active { background-color: #cccccc \9; } .tb-megamenu .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } .tb-megamenu .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } .tb-megamenu .navbar .nav > li > .dropdown-menu:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 9px; } .tb-megamenu .navbar .nav > li > .dropdown-menu:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; } .tb-megamenu .navbar-fixed-bottom .nav > li > .dropdown-menu:before { border-top: 7px solid #ccc; border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; bottom: -7px; top: auto; } .tb-megamenu .navbar-fixed-bottom .nav > li > .dropdown-menu:after { border-top: 6px solid #ffffff; border-bottom: 0; bottom: -6px; top: auto; } .tb-megamenu .navbar .nav li.dropdown > a:hover .caret, .tb-megamenu .navbar .nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } .tb-megamenu .navbar .nav li.dropdown.open > .dropdown-toggle, .tb-megamenu .navbar .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .navbar .nav li.dropdown.open.active > .dropdown-toggle { background-color: #e5e5e5; color: #555555; } .tb-megamenu .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } .tb-megamenu .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .tb-megamenu .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .tb-megamenu .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } .tb-megamenu .navbar .pull-right > li > .dropdown-menu, .tb-megamenu .navbar .nav > li > .dropdown-menu.pull-right { left: auto; right: 0; } .tb-megamenu .navbar .pull-right > li > .dropdown-menu:before, .tb-megamenu .navbar .nav > li > .dropdown-menu.pull-right:before { left: auto; right: 12px; } .tb-megamenu .navbar .pull-right > li > .dropdown-menu:after, .tb-megamenu .navbar .nav > li > .dropdown-menu.pull-right:after { left: auto; right: 13px; } .tb-megamenu .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .tb-megamenu .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { left: auto; right: 100%; margin-left: 0; margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .tb-megamenu .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525; } .tb-megamenu .navbar-inverse .brand, .tb-megamenu .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .tb-megamenu .navbar-inverse .brand:hover, .tb-megamenu .navbar-inverse .nav > li > a:hover, .tb-megamenu .navbar-inverse .brand:focus, .tb-megamenu .navbar-inverse .nav > li > a:focus { color: #ffffff; } .tb-megamenu .navbar-inverse .brand { color: #999999; } .tb-megamenu .navbar-inverse .navbar-text { color: #999999; } .tb-megamenu .navbar-inverse .nav > li > a:focus, .tb-megamenu .navbar-inverse .nav > li > a:hover { background-color: transparent; color: #ffffff; } .tb-megamenu .navbar-inverse .nav .active > a, .tb-megamenu .navbar-inverse .nav .active > a:hover, .tb-megamenu .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } .tb-megamenu .navbar-inverse .navbar-link { color: #999999; } .tb-megamenu .navbar-inverse .navbar-link:hover, .tb-megamenu .navbar-inverse .navbar-link:focus { color: #ffffff; } .tb-megamenu .navbar-inverse .divider-vertical { border-left-color: #111111; border-right-color: #222222; } .tb-megamenu .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .tb-megamenu .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { background-color: #111111; color: #ffffff; } .tb-megamenu .navbar-inverse .nav li.dropdown > a:hover .caret, .tb-megamenu .navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .tb-megamenu .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } .tb-megamenu .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .tb-megamenu .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .tb-megamenu .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .tb-megamenu .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .tb-megamenu .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } .tb-megamenu .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } .tb-megamenu .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } .tb-megamenu .navbar-inverse .navbar-search .search-query:focus, .tb-megamenu .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; } .tb-megamenu .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #040404; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .navbar-inverse .btn-navbar:hover, .tb-megamenu .navbar-inverse .btn-navbar:focus, .tb-megamenu .navbar-inverse .btn-navbar:active, .tb-megamenu .navbar-inverse .btn-navbar.active, .tb-megamenu .navbar-inverse .btn-navbar.disabled, .tb-megamenu .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; *background-color: #000000; } .tb-megamenu .navbar-inverse .btn-navbar:active, .tb-megamenu .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } .tb-megamenu .dropup, .tb-megamenu .dropdown { position: relative; } .tb-megamenu .dropdown-toggle { *margin-bottom: -3px; } .tb-megamenu .dropdown-toggle:active, .tb-megamenu .open .dropdown-toggle { outline: 0; } .tb-megamenu .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .tb-megamenu .dropdown .caret { margin-top: 8px; margin-left: 2px; } .tb-megamenu .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .tb-megamenu .dropdown-menu.pull-right { right: 0; left: auto; } .tb-megamenu .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } .tb-megamenu .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 20px; color: #333333; white-space: nowrap; } .tb-megamenu .dropdown-menu > li > a:hover, .tb-megamenu .dropdown-menu > li > a:focus, .tb-megamenu .dropdown-submenu:hover > a, .tb-megamenu .dropdown-submenu:focus > a { text-decoration: none; color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .tb-megamenu .dropdown-menu > .active > a, .tb-megamenu .dropdown-menu > .active > a:hover, .tb-megamenu .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } .tb-megamenu .dropdown-menu > .disabled > a, .tb-megamenu .dropdown-menu > .disabled > a:hover, .tb-megamenu .dropdown-menu > .disabled > a:focus { color: #999999; } .tb-megamenu .dropdown-menu > .disabled > a:hover, .tb-megamenu .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: default; } .tb-megamenu .open { *z-index: 1000; } .tb-megamenu .open > .dropdown-menu { display: block; } .tb-megamenu .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .tb-megamenu .pull-right > .dropdown-menu { right: 0; left: auto; } .tb-megamenu .dropup .caret, .tb-megamenu .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } .tb-megamenu .dropup .dropdown-menu, .tb-megamenu .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .tb-megamenu .dropdown-submenu { position: relative; } .tb-megamenu .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .tb-megamenu .dropdown-submenu:hover > .dropdown-menu { display: block; } .tb-megamenu .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; border-radius: 5px 5px 5px 0; } .tb-megamenu .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .tb-megamenu .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } .tb-megamenu .dropdown-submenu.pull-left { float: none; } .tb-megamenu .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .tb-megamenu .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .tb-megamenu .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tb-megamenu .accordion { margin-bottom: 20px; } .tb-megamenu .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tb-megamenu .accordion-heading { border-bottom: 0; } .tb-megamenu .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .tb-megamenu .accordion-toggle { cursor: pointer; } .tb-megamenu .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } @-ms-viewport { width: device-width; } .tb-megamenu .hidden { display: none; visibility: hidden; } .tb-megamenu .visible-phone { display: none !important; } .tb-megamenu .visible-tablet { display: none !important; } .tb-megamenu .hidden-desktop { display: none !important; } .tb-megamenu .visible-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { .tb-megamenu .hidden-desktop { display: inherit !important; } .tb-megamenu .visible-desktop { display: none !important ; } .tb-megamenu .visible-tablet { display: inherit !important; } .tb-megamenu .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .tb-megamenu .hidden-desktop { display: inherit !important; } .tb-megamenu .visible-desktop { display: none !important; } .tb-megamenu .visible-phone { display: inherit !important; } .tb-megamenu .hidden-phone { display: none !important; } } .tb-megamenu .visible-print { display: none !important; } @media print { .tb-megamenu .visible-print { display: inherit !important; } .tb-megamenu .hidden-print { display: none !important; } } @media (max-width: 767px) { .tb-megamenu body { padding-left: 20px; padding-right: 20px; } .tb-megamenu .navbar-fixed-top, .tb-megamenu .navbar-fixed-bottom, .tb-megamenu .navbar-static-top { margin-left: -20px; margin-right: -20px; } .tb-megamenu .container-fluid { padding: 0; } .tb-megamenu .dl-horizontal dt { float: none; clear: none; width: auto; text-align: left; } .tb-megamenu .dl-horizontal dd { margin-left: 0; } .tb-megamenu .container { width: auto; } .tb-megamenu .row-fluid { width: 100%; } .tb-megamenu .row, .tb-megamenu .thumbnails { margin-left: 0; } .tb-megamenu .thumbnails > li { float: none; margin-left: 0; } .tb-megamenu [class*="span"], .tb-megamenu .uneditable-input[class*="span"], .tb-megamenu .row-fluid [class*="span"] { float: none; display: block; width: 100%; margin-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tb-megamenu .span12, .tb-megamenu .row-fluid .span12 { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tb-megamenu .row-fluid [class*="offset"]:first-child { margin-left: 0; } .tb-megamenu .input-large, .tb-megamenu .input-xlarge, .tb-megamenu .input-xxlarge, .tb-megamenu input[class*="span"], .tb-megamenu select[class*="span"], .tb-megamenu textarea[class*="span"], .tb-megamenu .uneditable-input { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tb-megamenu .input-prepend input, .tb-megamenu .input-append input, .tb-megamenu .input-prepend input[class*="span"], .tb-megamenu .input-append input[class*="span"] { display: inline-block; width: auto; } .tb-megamenu .controls-row [class*="span"] + [class*="span"] { margin-left: 0; } .tb-megamenu .modal { position: fixed; top: 20px; left: 20px; right: 20px; width: auto; margin: 0; } .tb-megamenu .modal.fade { top: -100px; } .tb-megamenu .modal.fade.in { top: 20px; } } @media (max-width: 480px) { .tb-megamenu .nav-collapse { -webkit-transform: translate3d(0, 0, 0); } .tb-megamenu .page-header h1 small { display: block; line-height: 20px; } .tb-megamenu input[type="checkbox"], .tb-megamenu input[type="radio"] { border: 1px solid #ccc; } .tb-megamenu .form-horizontal .control-label { float: none; width: auto; padding-top: 0; text-align: left; } .tb-megamenu .form-horizontal .controls { margin-left: 0; } .tb-megamenu .form-horizontal .control-list { padding-top: 0; } .tb-megamenu .form-horizontal .form-actions { padding-left: 10px; padding-right: 10px; } .tb-megamenu .media .pull-left, .tb-megamenu .media .pull-right { float: none; display: block; margin-bottom: 10px; } .tb-megamenu .media-object { margin-right: 0; margin-left: 0; } .tb-megamenu .modal { top: 10px; left: 10px; right: 10px; } .tb-megamenu .modal-header .close { padding: 10px; margin: -10px; } .tb-megamenu .carousel-caption { position: static; } } @media (min-width: 768px) and (max-width: 979px) { .tb-megamenu .row { margin-left: -20px; *zoom: 1; } .tb-megamenu .row:before, .tb-megamenu .row:after { display: table; content: ""; line-height: 0; } .tb-megamenu .row:after { clear: both; } .tb-megamenu [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } .tb-megamenu .row-fluid { width: 100%; *zoom: 1; } .tb-megamenu .row-fluid:before, .tb-megamenu .row-fluid:after { display: table; content: ""; line-height: 0; } .tb-megamenu .row-fluid:after { clear: both; } .tb-megamenu .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; } .tb-megamenu .row-fluid [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.7624309392265194%; } .tb-megamenu .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .tb-megamenu .row-fluid .span11 { width: 91.43646408839778%; *width: 91.38327259903608%; } .tb-megamenu .row-fluid .span10 { width: 82.87292817679558%; *width: 82.81973668743387%; } .tb-megamenu .row-fluid .span9 { width: 74.30939226519337%; *width: 74.25620077583166%; } .tb-megamenu .row-fluid .span8 { width: 65.74585635359117%; *width: 65.69266486422946%; } .tb-megamenu .row-fluid .span7 { width: 57.18232044198895%; *width: 57.12912895262725%; } .tb-megamenu .row-fluid .span6 { width: 48.61878453038674%; *width: 48.56559304102504%; } .tb-megamenu .row-fluid .span5 { width: 40.05524861878453%; *width: 40.00205712942283%; } .tb-megamenu .row-fluid .span4 { width: 31.491712707182323%; *width: 31.43852121782062%; } .tb-megamenu .row-fluid .span3 { width: 22.92817679558011%; *width: 22.87498530621841%; } .tb-megamenu .row-fluid .span2 { width: 14.3646408839779%; *width: 14.311449394616199%; } .tb-megamenu .row-fluid .span1 { width: 5.801104972375691%; *width: 5.747913483013988%; } .tb-megamenu .row-fluid .offset12 { margin-left: 105.52486187845304%; *margin-left: 105.41847889972962%; } .tb-megamenu .row-fluid .offset12:first-child { margin-left: 102.76243093922652%; *margin-left: 102.6560479605031%; } .tb-megamenu .row-fluid .offset11 { margin-left: 96.96132596685082%; *margin-left: 96.8549429881274%; } .tb-megamenu .row-fluid .offset11:first-child { margin-left: 94.1988950276243%; *margin-left: 94.09251204890089%; } .tb-megamenu .row-fluid .offset10 { margin-left: 88.39779005524862%; *margin-left: 88.2914070765252%; } .tb-megamenu .row-fluid .offset10:first-child { margin-left: 85.6353591160221%; *margin-left: 85.52897613729868%; } .tb-megamenu .row-fluid .offset9 { margin-left: 79.8342541436464%; *margin-left: 79.72787116492299%; } .tb-megamenu .row-fluid .offset9:first-child { margin-left: 77.07182320441989%; *margin-left: 76.96544022569647%; } .tb-megamenu .row-fluid .offset8 { margin-left: 71.2707182320442%; *margin-left: 71.16433525332079%; } .tb-megamenu .row-fluid .offset8:first-child { margin-left: 68.50828729281768%; *margin-left: 68.40190431409427%; } .tb-megamenu .row-fluid .offset7 { margin-left: 62.70718232044199%; *margin-left: 62.600799341718584%; } .tb-megamenu .row-fluid .offset7:first-child { margin-left: 59.94475138121547%; *margin-left: 59.838368402492065%; } .tb-megamenu .row-fluid .offset6 { margin-left: 54.14364640883978%; *margin-left: 54.037263430116376%; } .tb-megamenu .row-fluid .offset6:first-child { margin-left: 51.38121546961326%; *margin-left: 51.27483249088986%; } .tb-megamenu .row-fluid .offset5 { margin-left: 45.58011049723757%; *margin-left: 45.47372751851417%; } .tb-megamenu .row-fluid .offset5:first-child { margin-left: 42.81767955801105%; *margin-left: 42.71129657928765%; } .tb-megamenu .row-fluid .offset4 { margin-left: 37.01657458563536%; *margin-left: 36.91019160691196%; } .tb-megamenu .row-fluid .offset4:first-child { margin-left: 34.25414364640884%; *margin-left: 34.14776066768544%; } .tb-megamenu .row-fluid .offset3 { margin-left: 28.45303867403315%; *margin-left: 28.346655695309746%; } .tb-megamenu .row-fluid .offset3:first-child { margin-left: 25.69060773480663%; *margin-left: 25.584224756083227%; } .tb-megamenu .row-fluid .offset2 { margin-left: 19.88950276243094%; *margin-left: 19.783119783707537%; } .tb-megamenu .row-fluid .offset2:first-child { margin-left: 17.12707182320442%; *margin-left: 17.02068884448102%; } .tb-megamenu .row-fluid .offset1 { margin-left: 11.32596685082873%; *margin-left: 11.219583872105325%; } .tb-megamenu .row-fluid .offset1:first-child { margin-left: 8.56353591160221%; *margin-left: 8.457152932878806%; } .tb-megamenu input, .tb-megamenu textarea, .tb-megamenu .uneditable-input { margin-left: 0; } .tb-megamenu .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } } @media (min-width: 1200px) { .tb-megamenu .row { margin-left: -30px; *zoom: 1; } .tb-megamenu .row:before, .tb-megamenu .row:after { display: table; content: ""; line-height: 0; } .tb-megamenu .row:after { clear: both; } .tb-megamenu [class*="span"] { float: left; min-height: 1px; margin-left: 30px; } .tb-megamenu .row-fluid { width: 100%; *zoom: 1; } .tb-megamenu .row-fluid:before, .tb-megamenu .row-fluid:after { display: table; content: ""; line-height: 0; } .tb-megamenu .row-fluid:after { clear: both; } .tb-megamenu .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.564102564102564%; *margin-left: 2.5109110747408616%; } .tb-megamenu .row-fluid [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.564102564102564%; } .tb-megamenu .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .tb-megamenu .row-fluid .span11 { width: 91.45299145299145%; *width: 91.39979996362975%; } .tb-megamenu .row-fluid .span10 { width: 82.90598290598291%; *width: 82.8527914166212%; } .tb-megamenu .row-fluid .span9 { width: 74.35897435897436%; *width: 74.30578286961266%; } .tb-megamenu .row-fluid .span8 { width: 65.81196581196582%; *width: 65.75877432260411%; } .tb-megamenu .row-fluid .span7 { width: 57.26495726495726%; *width: 57.21176577559556%; } .tb-megamenu .row-fluid .span6 { width: 48.717948717948715%; *width: 48.664757228587014%; } .tb-megamenu .row-fluid .span5 { width: 40.17094017094017%; *width: 40.11774868157847%; } .tb-megamenu .row-fluid .span4 { width: 31.623931623931625%; *width: 31.570740134569924%; } .tb-megamenu .row-fluid .span3 { width: 23.076923076923077%; *width: 23.023731587561375%; } .tb-megamenu .row-fluid .span2 { width: 14.52991452991453%; *width: 14.476723040552828%; } .tb-megamenu .row-fluid .span1 { width: 5.982905982905983%; *width: 5.929714493544281%; } .tb-megamenu .row-fluid .offset12 { margin-left: 105.12820512820512%; *margin-left: 105.02182214948171%; } .tb-megamenu .row-fluid .offset12:first-child { margin-left: 102.56410256410257%; *margin-left: 102.45771958537915%; } .tb-megamenu .row-fluid .offset11 { margin-left: 96.58119658119658%; *margin-left: 96.47481360247316%; } .tb-megamenu .row-fluid .offset11:first-child { margin-left: 94.01709401709402%; *margin-left: 93.91071103837061%; } .tb-megamenu .row-fluid .offset10 { margin-left: 88.03418803418803%; *margin-left: 87.92780505546462%; } .tb-megamenu .row-fluid .offset10:first-child { margin-left: 85.47008547008548%; *margin-left: 85.36370249136206%; } .tb-megamenu .row-fluid .offset9 { margin-left: 79.48717948717949%; *margin-left: 79.38079650845607%; } .tb-megamenu .row-fluid .offset9:first-child { margin-left: 76.92307692307693%; *margin-left: 76.81669394435352%; } .tb-megamenu .row-fluid .offset8 { margin-left: 70.94017094017094%; *margin-left: 70.83378796144753%; } .tb-megamenu .row-fluid .offset8:first-child { margin-left: 68.37606837606839%; *margin-left: 68.26968539734497%; } .tb-megamenu .row-fluid .offset7 { margin-left: 62.393162393162385%; *margin-left: 62.28677941443899%; } .tb-megamenu .row-fluid .offset7:first-child { margin-left: 59.82905982905982%; *margin-left: 59.72267685033642%; } .tb-megamenu .row-fluid .offset6 { margin-left: 53.84615384615384%; *margin-left: 53.739770867430444%; } .tb-megamenu .row-fluid .offset6:first-child { margin-left: 51.28205128205128%; *margin-left: 51.175668303327875%; } .tb-megamenu .row-fluid .offset5 { margin-left: 45.299145299145295%; *margin-left: 45.1927623204219%; } .tb-megamenu .row-fluid .offset5:first-child { margin-left: 42.73504273504273%; *margin-left: 42.62865975631933%; } .tb-megamenu .row-fluid .offset4 { margin-left: 36.75213675213675%; *margin-left: 36.645753773413354%; } .tb-megamenu .row-fluid .offset4:first-child { margin-left: 34.18803418803419%; *margin-left: 34.081651209310785%; } .tb-megamenu .row-fluid .offset3 { margin-left: 28.205128205128204%; *margin-left: 28.0987452264048%; } .tb-megamenu .row-fluid .offset3:first-child { margin-left: 25.641025641025642%; *margin-left: 25.53464266230224%; } .tb-megamenu .row-fluid .offset2 { margin-left: 19.65811965811966%; *margin-left: 19.551736679396257%; } .tb-megamenu .row-fluid .offset2:first-child { margin-left: 17.094017094017094%; *margin-left: 16.98763411529369%; } .tb-megamenu .row-fluid .offset1 { margin-left: 11.11111111111111%; *margin-left: 11.004728132387708%; } .tb-megamenu .row-fluid .offset1:first-child { margin-left: 8.547008547008547%; *margin-left: 8.440625568285142%; } .tb-megamenu input, .tb-megamenu textarea, .tb-megamenu .uneditable-input { margin-left: 0; } .tb-megamenu .controls-row [class*="span"] + [class*="span"] { margin-left: 30px; } .tb-megamenu .thumbnails { margin-left: -30px; } .tb-megamenu .thumbnails > li { margin-left: 30px; } .tb-megamenu .row-fluid .thumbnails { margin-left: 0; } } @media (max-width: 979px) { .tb-megamenu body { padding-top: 0; } .tb-megamenu .navbar-fixed-top, .tb-megamenu .navbar-fixed-bottom { position: static; } .tb-megamenu .navbar-fixed-top { margin-bottom: 20px; } .tb-megamenu .navbar-fixed-bottom { margin-top: 20px; } .tb-megamenu .navbar-fixed-top .navbar-inner, .tb-megamenu .navbar-fixed-bottom .navbar-inner { padding: 5px; } .tb-megamenu .navbar .container { width: auto; padding: 0; } .tb-megamenu .navbar .brand { padding-left: 10px; padding-right: 10px; margin: 0 0 0 -5px; } .tb-megamenu .nav-collapse { clear: both; } .tb-megamenu .nav-collapse .nav { float: none; margin: 0 0 10px; } .tb-megamenu .nav-collapse .nav > li { float: none; } .tb-megamenu .nav-collapse .nav > li > a { margin-bottom: 2px; } .tb-megamenu .nav-collapse .nav > .divider-vertical { display: none; } .tb-megamenu .nav-collapse .nav .nav-header { color: #777777; text-shadow: none; } .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a { padding: 9px 15px; font-weight: bold; color: #777777; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tb-megamenu .nav-collapse .btn { padding: 4px 10px 4px; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tb-megamenu .nav-collapse .dropdown-menu li + li a { margin-bottom: 2px; } .tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus, .tb-megamenu .nav-collapse .dropdown-menu a:hover, .tb-megamenu .nav-collapse .dropdown-menu a:focus { background-color: #f2f2f2; } .tb-megamenu .navbar-inverse .nav-collapse .nav > li > a, .tb-megamenu .navbar-inverse .nav-collapse .dropdown-menu a { color: #999999; } .tb-megamenu .navbar-inverse .nav-collapse .nav > li > a:hover, .tb-megamenu .navbar-inverse .nav-collapse .nav > li > a:focus, .tb-megamenu .navbar-inverse .nav-collapse .dropdown-menu a:hover, .tb-megamenu .navbar-inverse .nav-collapse .dropdown-menu a:focus { background-color: #111111; } .tb-megamenu .nav-collapse.in .btn-group { margin-top: 5px; padding: 0; } .tb-megamenu .nav-collapse .dropdown-menu { position: static; top: auto; left: auto; float: none; display: none; max-width: none; margin: 0 15px; padding: 0; background-color: transparent; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tb-megamenu .nav-collapse .open > .dropdown-menu { display: block; } .tb-megamenu .nav-collapse .dropdown-menu:before, .tb-megamenu .nav-collapse .dropdown-menu:after { display: none; } .tb-megamenu .nav-collapse .dropdown-menu .divider { display: none; } .tb-megamenu .nav-collapse .nav > li > .dropdown-menu:before, .tb-megamenu .nav-collapse .nav > li > .dropdown-menu:after { display: none; } .tb-megamenu .nav-collapse .navbar-form, .tb-megamenu .nav-collapse .navbar-search { float: none; padding: 10px 15px; margin: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); } .tb-megamenu .navbar-inverse .nav-collapse .navbar-form, .tb-megamenu .navbar-inverse .nav-collapse .navbar-search { border-top-color: #111111; border-bottom-color: #111111; } .tb-megamenu .navbar .nav-collapse .nav.pull-right { float: none; margin-left: 0; } .tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse.collapse { overflow: hidden; height: 0; } .tb-megamenu .navbar .btn-navbar { display: block; } .tb-megamenu .navbar-static .navbar-inner { padding-left: 10px; padding-right: 10px; } } @media (min-width: 980px) { .tb-megamenu .nav-collapse.collapse { height: auto !important; overflow: visible !important; } } .tb-megamenu .clearfix { *zoom: 1; } .tb-megamenu .clearfix:before, .tb-megamenu .clearfix:after { display: table; content: ""; line-height: 0; } .tb-megamenu .clearfix:after { clear: both; } .tb-megamenu .mega-inner { padding: 10px; *zoom: 1; } .tb-megamenu .mega-inner:before, .tb-megamenu .mega-inner:after { display: table; content: ""; line-height: 0; } .tb-megamenu .mega-inner:after { clear: both; } .tb-megamenu .row-fluid + .row-fluid { /*padding-top: 10px;*/ border-top: 1px solid #eeeeee; } .tb-megamenu .mega > .mega-dropdown-menu { min-width: 200px; display: none; } .tb-megamenu .mega.open > .mega-dropdown-menu, .tb-megamenu .mega.dropdown-submenu:hover > .mega-dropdown-menu { display: block; } .tb-megamenu .mega-group { *zoom: 1; } .tb-megamenu .mega-group:before, .tb-megamenu .mega-group:after { display: table; content: ""; line-height: 0; } .tb-megamenu .mega-group:after { clear: both; } .tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title { background: inherit; font-weight: bold; /*padding: 0 0 0 10px;*/ margin: 0; text-transform: uppercase; } .tb-megamenu .mega-nav .mega-group > .mega-group-title:hover, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:hover, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:hover, .tb-megamenu .mega-nav .mega-group > .mega-group-title:active, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:active, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:active, .tb-megamenu .mega-nav .mega-group > .mega-group-title:focus, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title:focus, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title:focus { background: inherit; color: inherit; } .tb-megamenu .mega-group-ct { margin: 0; padding: 0; *zoom: 1; } .tb-megamenu .mega-group-ct:before, .tb-megamenu .mega-group-ct:after { display: table; content: ""; line-height: 0; } .tb-megamenu .mega-group-ct:after { clear: both; } .tb-megamenu .mega-group-ct > .row-fluid > [class*="span"] > .mega-inner { padding: 0; } .tb-megamenu .span12.mega-col-nav .mega-inner { padding: 10px; } .tb-megamenu .mega-nav, .tb-megamenu .dropdown-menu .mega-nav { margin: 0; padding: 0; list-style: none; } .tb-megamenu .mega-nav > li, .tb-megamenu .dropdown-menu .mega-nav > li { display: block; float: none; list-style: none; margin-left: 0; } .tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a { white-space: normal; } .tb-megamenu .mega-group > .mega-nav, .tb-megamenu .dropdown-menu .mega-group > .mega-nav { margin-left: -5px; margin-right: -5px; } .tb-megamenu .mega-nav .dropdown-submenu > a::after { margin-right: 5px; } .tb-megamenu .tb-block { margin-bottom: 10px; } .tb-megamenu .tb-block .block-title { margin-bottom: 0; } .tb-megamenu .tb-block .block-ct { margin: 0; padding: 0; } .tb-megamenu .nav .caret, .tb-megamenu .dropdown-submenu .caret, .tb-megamenu .mega-menu .caret { display: none; } .tb-megamenu .nav > .dropdown > .dropdown-toggle .caret { display: inline-block; } .tb-megamenu .nav [class^="icon-"], .tb-megamenu .nav [class*=" icon-"] { /*margin-right: 5px;*/ margin-top: 1px; } .tb-megamenu .nav { margin-left: 0; margin-bottom: 0; list-style: none; } .tb-megamenu .nav > li > a { display: block; } .tb-megamenu .nav > li > a:hover { text-decoration: none; background-color: #eee; } .tb-megamenu .nav > .pull-right { float: right; } .tb-megamenu .dropup, .tb-megamenu .dropdown { position: relative; } .tb-megamenu .dropdown-toggle { *margin-bottom: -3px; } .tb-megamenu .dropdown-toggle:active, .tb-megamenu .open .dropdown-toggle { outline: 0; } .tb-megamenu .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .tb-megamenu .dropdown .caret { margin-top: 8px; margin-left: 2px; } .tb-megamenu .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .tb-megamenu .dropdown-menu.pull-right { right: 0; left: auto; } .tb-megamenu .dropdown-menu .divider { *width: 100%; height: 1px; margin: 8px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .tb-megamenu .dropdown-menu a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 18px; color: #333; white-space: nowrap; } .tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a { text-decoration: none; color: #fff; background-color: #08c; background-color: #0081c2; background-image: -moz-linear-gradient(top,#08c,#0077b3); background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3)); background-image: -webkit-linear-gradient(top,#08c,#0077b3); background-image: -o-linear-gradient(top,#08c,#0077b3); background-image: linear-gradient(to bottom,#08c,#0077b3); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0076b2', GradientType=0); } .tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #08c; background-color: #0081c2; background-image: -moz-linear-gradient(top,#08c,#0077b3); background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3)); background-image: -webkit-linear-gradient(top,#08c,#0077b3); background-image: -o-linear-gradient(top,#08c,#0077b3); background-image: linear-gradient(to bottom,#7e9747,#7e9747); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0076b2', GradientType=0); } .tb-megamenu .dropdown-menu .disabled > a, .tb-megamenu .dropdown-menu .disabled > a:hover { color: #999; } .tb-megamenu .dropdown-menu .disabled > a:hover { text-decoration: none; background-color: transparent; cursor: default; } .tb-megamenu .open { *z-index: 1000; } .tb-megamenu .open > .dropdown-menu { display: block; } .tb-megamenu .pull-right > .dropdown-menu { right: 0; left: auto; } .tb-megamenu .dropup .caret { border-top: 0; border-bottom: 4px solid #000; content: "\2191"; } .tb-megamenu .dropup .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .tb-megamenu .dropdown-submenu { position: relative; } .tb-megamenu .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; border-radius: 0 6px 6px 6px; } .tb-megamenu .dropdown-submenu:hover .dropdown-menu { display: block; } .tb-megamenu .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .tb-megamenu .dropdown-submenu:hover > a:after { border-left-color: #fff; } .tb-megamenu .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } .tb-megamenu .mega-align-left > .dropdown-menu { left: 0; } .tb-megamenu .mega-align-right > .dropdown-menu { left: auto; right: 0; } .tb-megamenu .mega-align-center > .dropdown-menu { left: 50%; transform: translate(-50%); -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); } .tb-megamenu .dropdown-submenu.mega-align-left > .dropdown-menu { left: 100%; } .tb-megamenu .dropdown-submenu.mega-align-right > .dropdown-menu { left: auto; right: 100%; } .tb-megamenu .mega-align-justify { position: static; } .tb-megamenu .mega-align-justify > .dropdown-menu { left: 0; margin-left: 0; top: auto; } .tb-megamenu .mega-align-justify > .dropdown-menu.span12 { width: 100%; } .tb-megamenu .mega-caption { display: block; white-space: nowrap; } .tb-megamenu .fade { opacity: 0; -webkit-transition: opacity .15s linear; -moz-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .tb-megamenu .fade.in { opacity: 1; } .tb-megamenu .collapse { position: relative; height: 0; overflow: visible; -webkit-transition: height .35s ease; -moz-transition: height .35s ease; -o-transition: height .35s ease; transition: height .35s ease; } .tb-megamenu .collapse.in { height: auto; } .tb-megamenu .close { float: right; font-size: 20px; font-weight: bold; line-height: 18px; color: #000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .tb-megamenu .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } .tb-megamenu button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .tb-megamenu .btn { display: inline-block; *display: inline; *zoom: 1; padding: 4px 14px; margin-bottom: 0; font-size: 13px; line-height: 18px; *line-height: 18px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,0.75); background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color: #e6e6e6; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbb; *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; *margin-left: .3em; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } .tb-megamenu .btn:hover, .tb-megamenu .btn:active, .tb-megamenu .btn.active, .tb-megamenu .btn.disabled, .tb-megamenu .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9; } .tb-megamenu .btn:active, .tb-megamenu .btn.active { background-color: #cccccc \9; } .tb-megamenu .btn:first-child { *margin-left: 0; margin-top: -35px; } .tb-megamenu .btn:hover { color: #333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; } .tb-megamenu .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .tb-megamenu .btn.active, .tb-megamenu .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .tb-megamenu .btn.disabled, .tb-megamenu .btn[disabled] { cursor: default; background-color: #e6e6e6; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tb-megamenu .btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f); background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f)); background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f); background-image: -o-linear-gradient(top,#ee5f5b,#bd362f); background-image: linear-gradient(to bottom,#ee5f5b,#bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color: #bd362f; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .btn-danger:hover, .tb-megamenu .btn-danger:active, .tb-megamenu .btn-danger.active, .tb-megamenu .btn-danger.disabled, .tb-megamenu .btn-danger[disabled] { color: #fff; background-color: #bd362f; *background-color: #a9302a; } .tb-megamenu .btn-danger:active, .tb-megamenu .btn-danger.active { background-color: #942a25 \9; } .tb-megamenu .btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top,#62c462,#51a351); background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)); background-image: -webkit-linear-gradient(top,#62c462,#51a351); background-image: -o-linear-gradient(top,#62c462,#51a351); background-image: linear-gradient(to bottom,#62c462,#51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); *background-color: #51a351; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .btn-success:hover, .tb-megamenu .btn-success:active, .tb-megamenu .btn-success.active, .tb-megamenu .btn-success.disabled, .tb-megamenu .btn-success[disabled] { color: #fff; background-color: #51a351; *background-color: #499249; } .tb-megamenu .btn-success:active, .tb-megamenu .btn-success.active { background-color: #408140 \9; } .tb-megamenu .btn-danger.active, .tb-megamenu .btn-success.active { color: rgba(255,255,255,0.75); } .tb-megamenu .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tb-megamenu .btn-block + .btn-block { margin-top: 5px; } .tb-megamenu .btn-primary.active, .tb-megamenu .btn-warning.active, .tb-megamenu .btn-danger.active, .tb-megamenu .btn-success.active, .tb-megamenu .btn-info.active, .tb-megamenu .btn-inverse.active { color: rgba(255,255,255,0.95); } .tb-megamenu .btn { border-color: #c5c5c5; border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25); } .tb-megamenu button.btn, .tb-megamenu input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } .tb-megamenu button.btn::-moz-focus-inner, .tb-megamenu input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } .tb-megamenu .btn-group { position: relative; font-size: 0; white-space: nowrap; *margin-left: .3em; } .tb-megamenu .btn-group:first-child { *margin-left: 0; } .tb-megamenu .btn-group + .btn-group { margin-left: 5px; } .tb-megamenu .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .btn-group > .btn + .btn { margin-left: -1px; } .tb-megamenu .btn-group > .btn, .tb-megamenu .btn-group > .dropdown-menu { font-size: 13px; } .tb-megamenu .btn-group > .btn.first, .tb-megamenu .btn-group > .btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .tb-megamenu .btn-group > .btn.last, .tb-megamenu .btn-group > .btn:last-child, .tb-megamenu .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .tb-megamenu .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; } .tb-megamenu .btn-group > .btn.large:last-child, .tb-megamenu .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; } .tb-megamenu .btn-group > .btn:hover, .tb-megamenu .btn-group > .btn:focus, .tb-megamenu .btn-group > .btn:active, .tb-megamenu .btn-group > .btn.active { z-index: 2; } .tb-megamenu .btn-group .dropdown-toggle:active, .tb-megamenu .btn-group.open .dropdown-toggle { outline: 0; } .tb-megamenu .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; *padding-bottom: 5px; } .tb-megamenu .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } .tb-megamenu .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .tb-megamenu a.disabled, .tb-megamenu a.disabled:hover { color: #999999; background-color: transparent; cursor: default; text-decoration: none; } #tb-megamenu-admin fieldset { padding: 0; margin: 0; border: 0; } .tb-megamenu legend { display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: 36px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } .tb-megamenu legend small { font-size: 13.5px; color: #999; } .tb-megamenu label, .tb-megamenu input, .tb-megamenu button, .tb-megamenu select, .tb-megamenu textarea { font-size: 13px; font-weight: normal; line-height: 18px; } .tb-megamenu input, .tb-megamenu button, .tb-megamenu select, .tb-megamenu textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .tb-megamenu label { display: block; margin-bottom: 5px; } .tb-megamenu select, .tb-megamenu textarea, .tb-megamenu input[type="text"], .tb-megamenu input[type="password"], .tb-megamenu input[type="datetime"], .tb-megamenu input[type="datetime-local"], .tb-megamenu input[type="date"], .tb-megamenu input[type="month"], .tb-megamenu input[type="time"], .tb-megamenu input[type="week"], .tb-megamenu input[type="number"], .tb-megamenu input[type="email"], .tb-megamenu input[type="url"], .tb-megamenu input[type="search"], .tb-megamenu input[type="tel"], .tb-megamenu input[type="color"], .tb-megamenu .uneditable-input { display: inline-block; height: 18px; padding: 4px 6px; margin-bottom: 9px; font-size: 13px; line-height: 18px; color: #555; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .tb-megamenu input, .tb-megamenu textarea { width: 170px; } .tb-megamenu textarea { height: auto; } .tb-megamenu textarea, .tb-megamenu input[type="text"], .tb-megamenu input[type="password"], .tb-megamenu input[type="datetime"], .tb-megamenu input[type="datetime-local"], .tb-megamenu input[type="date"], .tb-megamenu input[type="month"], .tb-megamenu input[type="time"], .tb-megamenu input[type="week"], .tb-megamenu input[type="number"], .tb-megamenu input[type="email"], .tb-megamenu input[type="url"], .tb-megamenu input[type="search"], .tb-megamenu input[type="tel"], .tb-megamenu input[type="color"], .tb-megamenu .uneditable-input { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border linear .2s, box-shadow linear .2s; -moz-transition: border linear .2s, box-shadow linear .2s; -o-transition: border linear .2s, box-shadow linear .2s; transition: border linear .2s, box-shadow linear .2s; } .tb-megamenu textarea:focus, .tb-megamenu input[type="text"]:focus, .tb-megamenu input[type="password"]:focus, .tb-megamenu input[type="datetime"]:focus, .tb-megamenu input[type="datetime-local"]:focus, .tb-megamenu input[type="date"]:focus, .tb-megamenu input[type="month"]:focus, .tb-megamenu input[type="time"]:focus, .tb-megamenu input[type="week"]:focus, .tb-megamenu input[type="number"]:focus, .tb-megamenu input[type="email"]:focus, .tb-megamenu input[type="url"]:focus, .tb-megamenu input[type="search"]:focus, .tb-megamenu input[type="tel"]:focus, .tb-megamenu input[type="color"]:focus, .tb-megamenu .uneditable-input:focus { border-color: rgba(82,168,236,0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } .tb-megamenu input[type="radio"], .tb-megamenu input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; margin-top: 1px \9; line-height: normal; cursor: pointer; } .tb-megamenu input[type="file"], .tb-megamenu input[type="image"], .tb-megamenu input[type="submit"], .tb-megamenu input[type="reset"], .tb-megamenu input[type="button"], .tb-megamenu input[type="radio"], .tb-megamenu input[type="checkbox"] { width: auto; } .tb-megamenu select, .tb-megamenu input[type="file"] { height: 30px; *margin-top: 4px; line-height: 30px; } .tb-megamenu select { width: 220px; border: 1px solid #bbb; background-color: #fff; } .tb-megamenu select[multiple], .tb-megamenu select[size] { height: auto; } .tb-megamenu select:focus, .tb-megamenu input[type="file"]:focus, .tb-megamenu input[type="radio"]:focus, .tb-megamenu input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } @media (max-width: 979px) { .tb-megamenu .navbar .brand { font-size: 13px; } .tb-megamenu .navbar .nav { margin: 0 2px 0 0; } .tb-megamenu .navbar .nav > li > a { padding: 6px; } .tb-megamenu .container-fluid { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .tb-megamenu .page-title { text-align: center; } .tb-megamenu .navbar-search.pull-right { float: none; text-align: center; } .tb-megamenu .subhead-fixed { position: static; width: auto; } .tb-megamenu .container-fluid { padding-left: 0; padding-right: 0; } } @media (min-width: 738px) { .tb-megamenu body { padding-top: 30px; } } @media (max-width: 738px) { .tb-megamenu .navbar .brand { font-size: 16px; } } .tb-megamenu .btn-subhead { display: none; } @media (min-width: 481px) { .tb-megamenu #filter-bar { height: 29px; } } @media (max-width: 480px) { .table th:nth-of-type(n+5), .table th:nth-of-type(3), .table th:nth-of-type(2), .table td:nth-of-type(n+5), .table td:nth-of-type(2), .table td:nth-of-type(3) { white-space: normal; } .tb-megamenu .pagination a { padding: 5px; } .tb-megamenu .btn-group.divider, .tb-megamenu .header .row-fluid .span3, .tb-megamenu .header .row-fluid .span7, .tb-megamenu .subhead-collapse { display: none; } .tb-megamenu .btn { font-size: 11px; padding: 1px 4px 2px 4px; } .tb-megamenu .navbar .btn { margin: 0; } .tb-megamenu .btn-subhead { display: block; margin: 10px 0; } .tb-megamenu .chzn-container, .tb-megamenu .chzn-container .chzn-results, .tb-megamenu .chzn-container-single .chzn-drop, .tb-megamenu .btn-toolbar > .btn-group, .tb-megamenu .btn-toolbar > .btn-group > .btn { width: 99% !important; } .tb-megamenu .login .chzn-single { width: 222px !important; } .tb-megamenu .login .chzn-container, .tb-megamenu .login .chzn-drop { width: 230px !important; } } @media (max-width: 738px) { .tb-megamenu .navbar .brand { margin-top: 2px; } .tb-megamenu .navbar .btn-navbar { margin-top: 3px; margin-right: 3px; margin-bottom: 3px; } .tb-megamenu .nav-collapse .nav .nav-header { color: #fff; } .tb-megamenu .nav-collapse.collapse.in { height: auto !important; } .tb-megamenu .nav-collapse .nav, .tb-megamenu .navbar .nav-collapse .nav.pull-right { margin: 0; } .tb-megamenu .nav-collapse .dropdown-menu { margin: 0; } .tb-megamenu .nav-collapse .nav li a { margin-bottom: 0; border-top: 1px solid #d9d9d9; } .tb-megamenu .nav-collapse .nav li ul li ul.dropdown-menu, .tb-megamenu .nav-collapse .nav li ul li:hover ul.dropdown-menu, .tb-megamenu .nav-collapse .caret { display: none !important; } .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .navbar .nav-collapse .nav > li > .dropdown-menu::before, .tb-megamenu .navbar .nav-collapse .nav > li > .dropdown-menu::after, .tb-megamenu .navbar .nav-collapse .dropdown-submenu > a::after { display: none; } .tb-megamenu .nav-collapse .dropdown-menu li + li a { margin-bottom: 0; } } @media (min-width: 300px) and (max-width: 500px){ .tb-megamenu .tb-block .block-title { background: inherit; color: #ddd; padding-left: 20px; bottom: 0; position: absolute; top: 96%; text-align: center; } #block-block-18 img { margin-bottom: 20px; } h2{ /*width:250px;*/ padding-top:10px; } } .tb-megamenu { background-color: #000; } .tb-megamenu:before, .tb-megamenu:after { content: ""; display: table; line-height: 0; } .tb-megamenu:after { clear: both; } .tb-megamenu .nav { margin: 0; } .tb-megamenu .nav > li { float: left; margin-left: 0; font-size: 14px; } .tb-megamenu .nav > li > a { border-right: 1px solid #222; border-top: 0; color: #fff; font-weight: bold; padding: 15px 10px; text-shadow: none; } .tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover { background-color: #fff; color: #e54e4b; text-decoration: none; text-shadow: none; outline: none; } .tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus { background-color: #e54e4b; color: #fff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline: none; } .tb-megamenu .btn-navbar { display: none; float: left; padding: 10px; margin: 0; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #e8e8e8; *background-color: #d9d9d9; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); } .tb-megamenu .btn-navbar:hover, .tb-megamenu .btn-navbar:focus, .tb-megamenu .btn-navbar:active, .tb-megamenu .btn-navbar.active, .tb-megamenu .btn-navbar.disabled, .tb-megamenu .btn-navbar[disabled] { color: #fff; background-color: #d9d9d9; *background-color: #cccccc; } .tb-megamenu .btn-navbar:active, .tb-megamenu .btn-navbar.active { background-color: #bfbfbf \9; } .tb-megamenu .btn-navbar [class^="icon-"], .tb-megamenu .btn-navbar [class^=" icon-"] { color: #666; text-shadow: none; } .tb-megamenu .dropdown .caret { margin-left: 5px; margin-top: 9px; } .tb-megamenu .dropdown-menu { -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); } .tb-megamenu .dropdown-menu li > a { border-top: 1px solid #eee; padding: 5px 20px; text-shadow: none; } .tb-megamenu .dropdown-menu li:first-child > a { border-top: 0; } .tb-megamenu .mega-nav > li:first-child > a, .tb-megamenu .dropdown-menu .mega-nav > li:first-child > a { margin-top: 0; padding-top: 0; } .tb-megamenu .nav > li > .dropdown-menu:before { display: none; } .tb-megamenu .nav > li > .dropdown-menu:after { display: none; } .tb-megamenu .dropdown-menu .disabled > a, .tb-megamenu .dropdown-menu .disabled > a:hover { color: #999; } .tb-megamenu .dropdown-menu .disabled > a:hover { background-color: transparent; } .tb-megamenu .nav li.dropdown.open > .dropdown-toggle { background-color: #fff; color: #e54e4b; } .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle { background-color: #e54e4b; color: #fff; } .tb-megamenu .mega-inner { padding: 10px 10px 1px 10px; } .tb-megamenu .row-fluid + .row-fluid { border-top: 1px solid #ddd; } .tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a { padding: 5px 0; padding-left: 5px; } .tb-megamenu .mega-nav .dropdown-submenu > a::after { margin-right: 0; } .tb-megamenu .tb-block .block-title { font-size: 12px; color: #333; display: block; line-height: 20px; margin: -4px 0 1px; /*margin: 0 0 15px;*/ text-transform: uppercase; } .tb-megamenu .tb-block ul, .tb-megamenu .tb-block .nav { margin: 0; } .tb-megamenu .tb-block ul li, .tb-megamenu .tb-block .nav li { background: none; list-style: disc; display: list-item; float: none; margin: 0; padding: 0; border: 0; } .tb-megamenu .tb-block ul li a, .tb-megamenu .tb-block .nav li a { display: inline; padding: 0; margin: 0; border: 0; font-size: 100%; background: none; font: inherit; white-space: normal; } .tb-megamenu .tb-block ul li a:hover, .tb-megamenu .tb-block ul li a:focus, .tb-megamenu .tb-block ul li a:active, .tb-megamenu .tb-block .nav li a:hover, .tb-megamenu .tb-block .nav li a:focus, .tb-megamenu .tb-block .nav li a:active { background: none; font: inherit; } .tb-megamenu .mega-caption { color: #999; font-size: 12px; margin-top: 3px; font-weight: normal; } .tb-megamenu .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .tb-megamenu .dropdown .caret { margin-top: 8px; margin-left: 2px; } .tb-megamenu .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; list-style: none; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); border-bottom: 3px solid #e65855; border-top: none; *border-right-width: 2px; *border-bottom-width: 2px; padding: 0; margin: 0; -webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; } .tb-megamenu .dropdown-menu.pull-right { right: 0; left: auto; } .tb-megamenu .dropdown-menu .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; } .tb-megamenu .dropdown-menu li > a { clear: both; color: #333; display: block; line-height: 20px; font-weight: normal; padding: 3px 20px; text-shadow: none; white-space: nowrap; } .tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a { background-color: inherit; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #e54e4b; text-decoration: none; } .tb-megamenu .dropdown-menu .active > a, .tb-megamenu .dropdown-menu .active > a:hover { color: #eee; text-decoration: none; outline: 0; background-color: #e54e4b; } .tb-megamenu .dropdown-menu .disabled > a, .tb-megamenu .dropdown-menu .disabled > a:hover { color: #999; } .tb-megamenu .dropdown-menu .disabled > a:hover { text-decoration: none; background-color: transparent; background-image: none; cursor: default; } .tb-megamenu .open { *z-index: 1000; } .tb-megamenu .open > .dropdown-menu { display: block; } .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover { background-color: #e54e4b; border-color: #444; color: #eee; } .tb-megamenu .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #666; border-bottom-color: #666; margin-top: 8px; } .tb-megamenu .nav li.dropdown > .dropdown-toggle:hover .caret { border-top-color: #eee; border-bottom-color: #eee; } .tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #eee; border-bottom-color: #eee; } .tb-megamenu .pull-right > .dropdown-menu { right: 0; left: auto; } .tb-megamenu .dropup .caret, .tb-megamenu .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } .tb-megamenu .dropup .dropdown-menu, .tb-megamenu .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .tb-megamenu .dropdown-submenu { position: relative; } .tb-megamenu .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .dropdown-submenu:hover > .dropdown-menu { display: block; } .tb-megamenu .touch .dropdown-submenu:hover > .dropdown-menu { display: none; } .tb-megamenu .touch .dropdown-submenu.open > .dropdown-menu { display: block; } .tb-megamenu .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #cccccc; margin-top: 5px; margin-right: -10px; } .tb-megamenu .dropdown-submenu:hover > a:after { border-left-color: #eee; } .tb-megamenu .dropdown-submenu.pull-left { float: none; } .tb-megamenu .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .tb-megamenu .dropdown .dropdown-menu .nav-header { padding-left: 20px; padding-right: 20px; } @media (min-width: 980px) and (max-width: 1199px) { .tb-megamenu .row { margin-left: -40px; *zoom: 1; } .tb-megamenu .row:before, .tb-megamenu .row:after { display: table; content: ""; line-height: 0; } .tb-megamenu .row:after { clear: both; } .tb-megamenu [class*="span"] { float: left; min-height: 1px; margin-left: 40px; } .tb-megamenu .container, .tb-megamenu .navbar-static-top .container, .tb-megamenu .navbar-fixed-top .container, .tb-megamenu .navbar-fixed-bottom .container { width: 932px; } .tb-megamenu .span12 { width: 932px; } .tb-megamenu .span11 { width: 851px; } .tb-megamenu .span10 { width: 770px; } .tb-megamenu .span9 { width: 689px; } .tb-megamenu .span8 { width: 608px; } .tb-megamenu .span7 { width: 527px; } .tb-megamenu .span6 { width: 446px; } .tb-megamenu .span5 { width: 365px; } .tb-megamenu .span4 { width: 284px; } .tb-megamenu .span3 { width: 203px; } .tb-megamenu .span2 { width: 122px; } .tb-megamenu .span1 { width: 41px; } .tb-megamenu .offset12 { margin-left: 1012px; } .tb-megamenu .offset11 { margin-left: 931px; } .tb-megamenu .offset10 { margin-left: 850px; } .tb-megamenu .offset9 { margin-left: 769px; } .tb-megamenu .offset8 { margin-left: 688px; } .tb-megamenu .offset7 { margin-left: 607px; } .tb-megamenu .offset6 { margin-left: 526px; } .tb-megamenu .offset5 { margin-left: 445px; } .tb-megamenu .offset4 { margin-left: 364px; } .tb-megamenu .offset3 { margin-left: 283px; } .tb-megamenu .offset2 { margin-left: 202px; } .tb-megamenu .offset1 { margin-left: 121px; } .tb-megamenu .row-fluid { width: 100%; *zoom: 1; } .tb-megamenu .row-fluid:before, .tb-megamenu .row-fluid:after { display: table; content: ""; line-height: 0; } .tb-megamenu .row-fluid:after { clear: both; } .tb-megamenu .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 4.2918454935622%; *margin-left: 4.2381974248927%; } .tb-megamenu .row-fluid [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 4.2918454935622%; } .tb-megamenu .row-fluid .span12 { width: 100%; *width: 99.94635193133%; } .tb-megamenu .row-fluid .span11 { width: 91.309012875536%; *width: 91.255364806867%; } .tb-megamenu .row-fluid .span10 { width: 82.618025751073%; *width: 82.564377682403%; } .tb-megamenu .row-fluid .span9 { width: 73.927038626609%; *width: 73.87339055794%; } .tb-megamenu .row-fluid .span8 { width: 65.236051502146%; *width: 65.182403433476%; } .tb-megamenu .row-fluid .span7 { width: 56.545064377682%; *width: 56.491416309013%; } .tb-megamenu .row-fluid .span6 { width: 47.854077253219%; *width: 47.800429184549%; } .tb-megamenu .row-fluid .span5 { width: 39.163090128755%; *width: 39.109442060086%; } .tb-megamenu .row-fluid .span4 { width: 30.472103004292%; *width: 30.418454935622%; } .tb-megamenu .row-fluid .span3 { width: 21.781115879828%; *width: 21.727467811159%; } .tb-megamenu .row-fluid .span2 { width: 13.090128755365%; *width: 13.036480686695%; } .tb-megamenu .row-fluid .span1 { width: 4.3991416309013%; *width: 4.3454935622318%; } .tb-megamenu .row-fluid .offset12 { margin-left: 108.58369098712%; *margin-left: 108.47639484979%; } .tb-megamenu .row-fluid .offset12:first-child { margin-left: 104.29184549356%; *margin-left: 104.18454935622%; } .tb-megamenu .row-fluid .offset11 { margin-left: 99.892703862661%; *margin-left: 99.785407725322%; } .tb-megamenu .row-fluid .offset11:first-child { margin-left: 95.600858369099%; *margin-left: 95.49356223176%; } .tb-megamenu .row-fluid .offset10 { margin-left: 91.201716738197%; *margin-left: 91.094420600858%; } .tb-megamenu .row-fluid .offset10:first-child { margin-left: 86.909871244635%; *margin-left: 86.802575107296%; } .tb-megamenu .row-fluid .offset9 { margin-left: 82.510729613734%; *margin-left: 82.403433476395%; } .tb-megamenu .row-fluid .offset9:first-child { margin-left: 78.218884120172%; *margin-left: 78.111587982833%; } .tb-megamenu .row-fluid .offset8 { margin-left: 73.81974248927%; *margin-left: 73.712446351931%; } .tb-megamenu .row-fluid .offset8:first-child { margin-left: 69.527896995708%; *margin-left: 69.420600858369%; } .tb-megamenu .row-fluid .offset7 { margin-left: 65.128755364807%; *margin-left: 65.021459227468%; } .tb-megamenu .row-fluid .offset7:first-child { margin-left: 60.836909871245%; *margin-left: 60.729613733906%; } .tb-megamenu .row-fluid .offset6 { margin-left: 56.437768240343%; *margin-left: 56.330472103004%; } .tb-megamenu .row-fluid .offset6:first-child { margin-left: 52.145922746781%; *margin-left: 52.038626609442%; } .tb-megamenu .row-fluid .offset5 { margin-left: 47.74678111588%; *margin-left: 47.639484978541%; } .tb-megamenu .row-fluid .offset5:first-child { margin-left: 43.454935622318%; *margin-left: 43.347639484979%; } .tb-megamenu .row-fluid .offset4 { margin-left: 39.055793991416%; *margin-left: 38.948497854077%; } .tb-megamenu .row-fluid .offset4:first-child { margin-left: 34.763948497854%; *margin-left: 34.656652360515%; } .tb-megamenu .row-fluid .offset3 { margin-left: 30.364806866953%; *margin-left: 30.257510729614%; } .tb-megamenu .row-fluid .offset3:first-child { margin-left: 26.072961373391%; *margin-left: 25.965665236052%; } .tb-megamenu .row-fluid .offset2 { margin-left: 21.673819742489%; *margin-left: 21.56652360515%; } .tb-megamenu .row-fluid .offset2:first-child { margin-left: 17.381974248927%; *margin-left: 17.274678111588%; } .tb-megamenu .row-fluid .offset1 { margin-left: 12.982832618026%; *margin-left: 12.875536480687%; } .tb-megamenu .row-fluid .offset1:first-child { margin-left: 8.6909871244635%; *margin-left: 8.5836909871245%; } .tb-megamenu input, .tb-megamenu textarea, .tb-megamenu .uneditable-input { margin-left: 0; } .tb-megamenu .controls-row [class*="span"] + [class*="span"] { margin-left: 40px; } .tb-megamenu input.span12, textarea.span12, .uneditable-input.span12 { width: 918px; } .tb-megamenu input.span11, textarea.span11, .uneditable-input.span11 { width: 837px; } .tb-megamenu input.span10, textarea.span10, .uneditable-input.span10 { width: 756px; } .tb-megamenu input.span9, textarea.span9, .uneditable-input.span9 { width: 675px; } .tb-megamenu input.span8, textarea.span8, .uneditable-input.span8 { width: 594px; } .tb-megamenu input.span7, textarea.span7, .uneditable-input.span7 { width: 513px; } .tb-megamenu input.span6, textarea.span6, .uneditable-input.span6 { width: 432px; } .tb-megamenu input.span5, textarea.span5, .uneditable-input.span5 { width: 351px; } .tb-megamenu input.span4, textarea.span4, .uneditable-input.span4 { width: 270px; } .tb-megamenu input.span3, textarea.span3, .uneditable-input.span3 { width: 189px; } .tb-megamenu input.span2, textarea.span2, .uneditable-input.span2 { width: 108px; } .tb-megamenu input.span1, textarea.span1, .uneditable-input.span1 { width: 27px; } } @media (min-width: 768px) and (max-width: 979px) { .tb-megamenu .offset-12 { margin-left: -736px; } .tb-megamenu .offset-11 { margin-left: -673px; } .tb-megamenu .offset-10 { margin-left: -610px; } .tb-megamenu .offset-9 { margin-left: -547px; } .tb-megamenu .offset-8 { margin-left: -484px; } .tb-megamenu .offset-7 { margin-left: -421px; } .tb-megamenu .offset-6 { margin-left: -358px; } .tb-megamenu .offset-5 { margin-left: -295px; } .tb-megamenu .offset-4 { margin-left: -232px; } .tb-megamenu .offset-3 { margin-left: -169px; } .tb-megamenu .offset-2 { margin-left: -106px; } .tb-megamenu .offset-1 { margin-left: -43px; } } @media (min-width: 980px) and (max-width: 1199px) { .tb-megamenu .offset-12 { margin-left: -932px; } .tb-megamenu .offset-11 { margin-left: -851px; } .tb-megamenu .offset-10 { margin-left: -770px; } .tb-megamenu .offset-9 { margin-left: -689px; } .tb-megamenu .offset-8 { margin-left: -608px; } .tb-megamenu .offset-7 { margin-left: -527px; } .tb-megamenu .offset-6 { margin-left: -446px; } .tb-megamenu .offset-5 { margin-left: -365px; } .tb-megamenu .offset-4 { margin-left: -284px; } .tb-megamenu .offset-3 { margin-left: -203px; } .tb-megamenu .offset-2 { margin-left: -122px; } .tb-megamenu .offset-1 { margin-left: -41px; } } @media (min-width: 1200px) { .tb-megamenu .offset-12 { margin-left: -1196px; } .tb-megamenu .offset-11 { margin-left: -1093px; } .tb-megamenu .offset-10 { margin-left: -990px; } .tb-megamenu .offset-9 { margin-left: -887px; } .tb-megamenu .offset-8 { margin-left: -784px; } .tb-megamenu .offset-7 { margin-left: -681px; } .tb-megamenu .offset-6 { margin-left: -578px; } .tb-megamenu .offset-5 { margin-left: -475px; } .tb-megamenu .offset-4 { margin-left: -372px; } .tb-megamenu .offset-3 { margin-left: -269px; } .tb-megamenu .offset-2 { margin-left: -166px; } .tb-megamenu .offset-1 { margin-left: -63px; } } @media (min-width: 600px) and (max-width: 767px) { .tb-megamenu .row, .tb-megamenu .row-fluid { width: 100%; margin-left: 0; *zoom: 1; } .tb-megamenu .row:before, .tb-megamenu .row:after, .tb-megamenu .row-fluid:before, .tb-megamenu .row-fluid:after { display: table; content: ""; line-height: 0; } .tb-megamenu .row:after, .tb-megamenu .row-fluid:after { clear: both; } .tb-megamenu .row [class*="span"], .tb-megamenu .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.7173913043478%; *margin-left: 2.6637432356783%; } .row [class*="span"]:first-child:not(.pull-right), .row-fluid [class*="span"]:first-child:not(.pull-right) { margin-left: 0; } .row [class*="span"].pull-right:first-child + [class*="span"]:not(.pull-right), .row-fluid [class*="span"].pull-right:first-child + [class*="span"]:not(.pull-right) { margin-left: 0; } .tb-megamenu .row .span12, .tb-megamenu .row-fluid .span12 { width: 100%; *width: 99.94635193133%; } .tb-megamenu .row .span11, .tb-megamenu .row-fluid .span11 { width: 91.440217391304%; *width: 91.386569322635%; } .tb-megamenu .row .span10, .tb-megamenu .row-fluid .span10 { width: 82.880434782609%; *width: 82.826786713939%; } .tb-megamenu .row .span9, .tb-megamenu .row-fluid .span9 { width: 74.320652173913%; *width: 74.267004105244%; } .tb-megamenu .row .span8, .tb-megamenu .row-fluid .span8 { width: 65.760869565217%; *width: 65.707221496548%; } .tb-megamenu .row .span7, .tb-megamenu .row-fluid .span7 { width: 57.201086956522%; *width: 57.147438887852%; } .tb-megamenu .row .span6, .tb-megamenu .row-fluid .span6 { width: 48.641304347826%; *width: 48.587656279157%; } .tb-megamenu .row .span5, .tb-megamenu .row-fluid .span5 { width: 40.08152173913%; *width: 40.027873670461%; } .tb-megamenu .row .span4, .tb-megamenu .row-fluid .span4 { width: 31.521739130435%; *width: 31.468091061765%; } .tb-megamenu .row .span3, .tb-megamenu .row-fluid .span3 { width: 22.961956521739%; *width: 22.90830845307%; } .tb-megamenu .row .span2, .tb-megamenu .row-fluid .span2 { width: 14.402173913043%; *width: 14.348525844374%; } .tb-megamenu .row .span1, .tb-megamenu .row-fluid .span1 { width: 5.8423913043478%; *width: 5.7887432356783%; } .tb-megamenu .span12 .row [class*="span"] { margin-left: 2.7173913043478%; *margin-left: 2.6637432356783%; } .tb-megamenu .span12 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span12 .row .span12 { width: 100%; *width: 99.94635193133%; } .tb-megamenu .span12 .row .span11 { width: 91.440217391304%; *width: 91.386569322635%; } .tb-megamenu .span12 .row .span10 { width: 82.880434782609%; *width: 82.826786713939%; } .tb-megamenu .span12 .row .span9 { width: 74.320652173913%; *width: 74.267004105244%; } .tb-megamenu .span12 .row .span8 { width: 65.760869565217%; *width: 65.707221496548%; } .tb-megamenu .span12 .row .span7 { width: 57.201086956522%; *width: 57.147438887852%; } .tb-megamenu .span12 .row .span6 { width: 48.641304347826%; *width: 48.587656279157%; } .tb-megamenu .span12 .row .span5 { width: 40.08152173913%; *width: 40.027873670461%; } .tb-megamenu .span12 .row .span4 { width: 31.521739130435%; *width: 31.468091061765%; } .tb-megamenu .span12 .row .span3 { width: 22.961956521739%; *width: 22.90830845307%; } .tb-megamenu .span12 .row .span2 { width: 14.402173913043%; *width: 14.348525844374%; } .tb-megamenu .span12 .row .span1 { width: 5.8423913043478%; *width: 5.7887432356783%; } .tb-megamenu .span11 .row [class*="span"] { margin-left: 2.9717682020802%; *margin-left: 2.9181201334107%; } .tb-megamenu .span11 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span11 .row .span11 { width: 91.440217391304%; *width: 91.386569322635%; } .tb-megamenu .span11 .row .span10 { width: 82.880434782609%; *width: 82.826786713939%; } .tb-megamenu .span11 .row .span9 { width: 74.320652173913%; *width: 74.267004105244%; } .tb-megamenu .span11 .row .span8 { width: 65.760869565217%; *width: 65.707221496548%; } .tb-megamenu .span11 .row .span7 { width: 57.201086956522%; *width: 57.147438887852%; } .tb-megamenu .span11 .row .span6 { width: 48.641304347826%; *width: 48.587656279157%; } .tb-megamenu .span11 .row .span5 { width: 40.08152173913%; *width: 40.027873670461%; } .tb-megamenu .span11 .row .span4 { width: 31.521739130435%; *width: 31.468091061765%; } .tb-megamenu .span11 .row .span3 { width: 22.961956521739%; *width: 22.90830845307%; } .tb-megamenu .span11 .row .span2 { width: 14.402173913043%; *width: 14.348525844374%; } .tb-megamenu .span11 .row .span1 { width: 5.8423913043478%; *width: 5.7887432356783%; } .tb-megamenu .span10 .row [class*="span"] { margin-left: 3.2786885245902%; *margin-left: 3.2250404559206%; } .tb-megamenu .span10 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span10 .row .span10 { width: 90.638930163447%; *width: 90.585282094778%; } .tb-megamenu .span10 .row .span9 { width: 81.277860326894%; *width: 81.224212258225%; } .tb-megamenu .span10 .row .span8 { width: 71.916790490342%; *width: 71.863142421672%; } .tb-megamenu .span10 .row .span7 { width: 62.555720653789%; *width: 62.502072585119%; } .tb-megamenu .span10 .row .span6 { width: 53.194650817236%; *width: 53.141002748567%; } .tb-megamenu .span10 .row .span5 { width: 43.833580980684%; *width: 43.779932912014%; } .tb-megamenu .span10 .row .span4 { width: 34.472511144131%; *width: 34.418863075461%; } .tb-megamenu .span10 .row .span3 { width: 25.111441307578%; *width: 25.057793238908%; } .tb-megamenu .span10 .row .span2 { width: 15.750371471025%; *width: 15.696723402356%; } .tb-megamenu .span10 .row .span1 { width: 6.3893016344725%; *width: 6.335653565803%; } .tb-megamenu .span9 .row [class*="span"] { margin-left: 3.6563071297989%; *margin-left: 3.6026590611294%; } .tb-megamenu .span9 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span9 .row .span9 { width: 89.672131147541%; *width: 89.618483078871%; } .tb-megamenu .span9 .row .span8 { width: 79.344262295082%; *width: 79.290614226412%; } .tb-megamenu .span9 .row .span7 { width: 69.016393442623%; *width: 68.962745373953%; } .tb-megamenu .span9 .row .span6 { width: 58.688524590164%; *width: 58.634876521494%; } .tb-megamenu .span9 .row .span5 { width: 48.360655737705%; *width: 48.307007669035%; } .tb-megamenu .span9 .row .span4 { width: 38.032786885246%; *width: 37.979138816576%; } .tb-megamenu .span9 .row .span3 { width: 27.704918032787%; *width: 27.651269964117%; } .tb-megamenu .span9 .row .span2 { width: 17.377049180328%; *width: 17.323401111658%; } .tb-megamenu .span9 .row .span1 { width: 7.0491803278689%; *width: 6.9955322591993%; } .tb-megamenu .span8 .row [class*="span"] { margin-left: 4.1322314049587%; *margin-left: 4.0785833362892%; } .tb-megamenu .span8 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span8 .row .span8 { width: 88.482632541133%; *width: 88.428984472464%; } .tb-megamenu .span8 .row .span7 { width: 76.965265082267%; *width: 76.911617013597%; } .tb-megamenu .span8 .row .span6 { width: 65.4478976234%; *width: 65.394249554731%; } .tb-megamenu .span8 .row .span5 { width: 53.930530164534%; *width: 53.876882095864%; } .tb-megamenu .span8 .row .span4 { width: 42.413162705667%; *width: 42.359514636998%; } .tb-megamenu .span8 .row .span3 { width: 30.895795246801%; *width: 30.842147178131%; } .tb-megamenu .span8 .row .span2 { width: 19.378427787934%; *width: 19.324779719265%; } .tb-megamenu .span8 .row .span1 { width: 7.8610603290676%; *width: 7.8074122603981%; } .tb-megamenu .span7 .row [class*="span"] { margin-left: 4.750593824228%; *margin-left: 4.6969457555585%; } .tb-megamenu .span7 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span7 .row .span7 { width: 86.98347107438%; *width: 86.929823005711%; } .tb-megamenu .span7 .row .span6 { width: 73.96694214876%; *width: 73.913294080091%; } .tb-megamenu .span7 .row .span5 { width: 60.950413223141%; *width: 60.896765154471%; } .tb-megamenu .span7 .row .span4 { width: 47.933884297521%; *width: 47.880236228851%; } .tb-megamenu .span7 .row .span3 { width: 34.917355371901%; *width: 34.863707303231%; } .tb-megamenu .span7 .row .span2 { width: 21.900826446281%; *width: 21.847178377611%; } .tb-megamenu .span7 .row .span1 { width: 8.8842975206612%; *width: 8.8306494519916%; } .tb-megamenu .span6 .row [class*="span"] { margin-left: 5.586592178771%; *margin-left: 5.5329441101014%; } .tb-megamenu .span6 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span6 .row .span6 { width: 85.035629453682%; *width: 84.981981385012%; } .tb-megamenu .span6 .row .span5 { width: 70.071258907363%; *width: 70.017610838694%; } .tb-megamenu .span6 .row .span4 { width: 55.106888361045%; *width: 55.053240292376%; } .tb-megamenu .span6 .row .span3 { width: 40.142517814727%; *width: 40.088869746057%; } .tb-megamenu .span6 .row .span2 { width: 25.178147268409%; *width: 25.124499199739%; } .tb-megamenu .span6 .row .span1 { width: 10.21377672209%; *width: 10.160128653421%; } .tb-megamenu .span5 .row [class*="span"] { margin-left: 6.7796610169492%; *margin-left: 6.7260129482796%; } .tb-megamenu .span5 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span5 .row .span5 { width: 82.402234636872%; *width: 82.348586568202%; } .tb-megamenu .span5 .row .span4 { width: 64.804469273743%; *width: 64.750821205073%; } .tb-megamenu .span5 .row .span3 { width: 47.206703910615%; *width: 47.153055841945%; } .tb-megamenu .span5 .row .span2 { width: 29.608938547486%; *width: 29.555290478817%; } .tb-megamenu .span5 .row .span1 { width: 12.011173184358%; *width: 11.957525115688%; } .tb-megamenu .span4 .row [class*="span"] { margin-left: 8.6206896551724%; *margin-left: 8.5670415865029%; } .tb-megamenu .span4 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span4 .row .span4 { width: 78.64406779661%; *width: 78.590419727941%; } .tb-megamenu .span4 .row .span3 { width: 57.28813559322%; *width: 57.234487524551%; } .tb-megamenu .span4 .row .span2 { width: 35.932203389831%; *width: 35.878555321161%; } .tb-megamenu .span4 .row .span1 { width: 14.576271186441%; *width: 14.522623117771%; } .tb-megamenu .span3 .row [class*="span"] { margin-left: 11.834319526627%; *margin-left: 11.780671457958%; } .tb-megamenu .span3 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span3 .row .span3 { width: 72.844827586207%; *width: 72.791179517537%; } .tb-megamenu .span3 .row .span2 { width: 45.689655172414%; *width: 45.636007103744%; } .tb-megamenu .span3 .row .span1 { width: 18.534482758621%; *width: 18.480834689951%; } .tb-megamenu .span2 .row [class*="span"] { margin-left: 18.867924528302%; *margin-left: 18.814276459632%; } .tb-megamenu .span2 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span2 .row .span2 { width: 62.721893491124%; *width: 62.668245422455%; } .tb-megamenu .span2 .row .span1 { width: 25.443786982249%; *width: 25.390138913579%; } .tb-megamenu .span1 .row [class*="span"] { margin-left: 46.511627906977%; *margin-left: 46.457979838307%; } .tb-megamenu .span1 .row [class*="span"]:first-child { margin-left: 0; } .tb-megamenu .span1 .row .span1 { width: 40.566037735849%; *width: 40.51238966718%; } .tb-megamenu .spanfirst { margin-left: 0 !important; clear: left; } } .tb-megamenu .row .span50, .tb-megamenu .row-fluid .span50 { width: 50%; float: left; } .tb-megamenu .row .span33, .tb-megamenu .row-fluid .span33 { width: 33.3333%; float: left; } .tb-megamenu .row .span25, .tb-megamenu .row-fluid .span25 { width: 25%; float: left; } .tb-megamenu .row .span20, .tb-megamenu .row-fluid .span20 { width: 20%; float: left; } .tb-megamenu .row .span16, .tb-megamenu .row-fluid .span16 { width: 16.6666%; float: left; } .tb-megamenu .hidden { display: none !important; visibility: hidden; } @media (max-width: 979px) { .tb-megamenu .always-show .mega > .mega-dropdown-menu, .tb-megamenu .always-show .dropdown-menu { display: block !important; } .tb-megamenu .navbar-collapse-fixed-top, .tb-megamenu .navbar-collapse-fixed-bottom { position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; } .tb-megamenu .navbar-collapse-fixed-top .nav-collapse.in, .tb-megamenu .navbar-collapse-fixed-bottom .nav-collapse.in { position: fixed; width: 100%; overflow-y: auto; top: 40px; bottom: 0; } .tb-megamenu .navbar-collapse-fixed-top .nav-collapse.in > *, .tb-megamenu .navbar-collapse-fixed-bottom .nav-collapse.in > * { padding-bottom: 50px; } .tb-megamenu .navbar-collapse-fixed-bottom { bottom: 0; top: auto; } .tb-megamenu .navbar-collapse-fixed-bottom .nav-collapse.in { top: 0; bottom: 40px; } } @media (max-width: 979px) { .tb-megamenu { background-color: inherit; height: auto; } .tb-megamenu .btn-navbar { display: block; margin-bottom: 10px; } .tb-megamenu .btn-navbar:hover { cursor: pointer; } .tb-megamenu .nav-collapse { background: #000; margin-top: 10px; position: absolute; top: 27px; width: 100%; z-index: 999; } .tb-megamenu .nav-collapse .nav { margin: 0; } .tb-megamenu .nav-collapse .nav > li > a { font-size: 15px; margin-bottom: 0; } .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a { border-bottom: 1px solid #222; border-right: none; color: #fff; text-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .tb-megamenu .nav-collapse .dropdown-menu li + li a { margin-bottom: 0; } .tb-megamenu .nav-collapse .nav > li > a:hover, .tb-megamenu .nav-collapse .nav > li > a:focus { background-color: #fff; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #e54e4b; } .tb-megamenu .nav-collapse .nav > li.active > a:hover, .tb-megamenu .nav-collapse .nav > li.active > a:focus { background-color: #e54e4b; } .tb-megamenu .nav-collapse .dropdown-menu a { border-top: 1px solid #222; border-bottom: 0; font-weight: normal; padding: 10px 20px; } .tb-megamenu .nav-collapse .dropdown-menu a:hover, .tb-megamenu .nav-collapse .dropdown-menu a:focus { background-color: inherit; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .tb-megamenu .nav-collapse .dropdown-menu { margin: 0; padding: 0; background-color: #000; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100% !important; } .tb-megamenu.navbar-collapse-fixed-top { margin-left: 0; margin-right: 0; } .tb-megamenu .navbar .nav > li > .dropdown-menu:before, .tb-megamenu .navbar .nav > li > .dropdown-menu:after, .tb-megamenu .navbar .nav > li > .dropdown-menu .divider { display: none; } .tb-megamenu .customization { display: none; } .tb-megamenu .tb-block .block-title { color: #fff; } } @media (min-width: 980px) { .tb-megamenu.animate .mega > .mega-dropdown-menu { transition: all 400ms; -webkit-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; } .tb-megamenu.animate .mega.animating > .mega-dropdown-menu { display: block!important; } .tb-megamenu.animate .mega.open > .mega-dropdown-menu, .tb-megamenu.animate .mega.animating.open > .mega-dropdown-menu { opacity: 1; } .tb-megamenu.animate.zoom .mega > .mega-dropdown-menu { transform: scale(0, 0); transform-origin: 20% 20%; -webkit-transform: scale(0, 0); -webkit-transform-origin: 20% 20%; -ms-transform: scale(0, 0); -ms-transform-origin: 20% 20%; -o-transform: scale(0, 0); -o-transform-origin: 20% 20%; } .tb-megamenu.animate.zoom .mega.open > .mega-dropdown-menu { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .tb-megamenu.animate.elastic .level0 > .mega > .mega-dropdown-menu { transform: scale(1, 0); -webkit-transform: scale(1, 0); -ms-transform: scale(1, 0); -o-transform: scale(1, 0); } .tb-megamenu.animate.elastic .mega > .mega-dropdown-menu { transform: scale(0, 1); transform-origin: 10% 0; -webkit-transform: scale(0, 1); -webkit-transform-origin: 10% 0; -ms-transform: scale(0, 1); -ms-transform-origin: 10% 0; -o-transform: scale(0, 1); -o-transform-origin: 10% 0; } .tb-megamenu.animate.elastic .mega.open > .mega-dropdown-menu { transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); } .tb-megamenu.animate.slide .mega.animating > .mega-dropdown-menu { overflow: hidden; } .tb-megamenu.animate.slide .mega > .mega-dropdown-menu > div { transition: all 400ms; -webkit-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; margin-top: -100%; } .tb-megamenu.animate.slide .mega.open > .mega-dropdown-menu > div { margin-top: 0%; } .tb-megamenu.animate.slide .mega .mega > .mega-dropdown-menu { min-width: 0; } .tb-megamenu.animate.slide .mega .mega > .mega-dropdown-menu > div { min-width: 200px; margin-top: 0; margin-left: -500px; } .tb-megamenu.animate.slide .mega .mega.open > .mega-dropdown-menu > div { margin-left: 0; } } @media (max-width: 979px) { .tb-megamenu .mega-inner { padding: 10px 20px; } .tb-megamenu .row-fluid, .tb-megamenu .mega-dropdown-menu, .tb-megamenu .row-fluid [class*="span"] { width: 100% !important; min-width: 100% !important; left: 0 !important; margin-left: 0 !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; } .tb-megamenu .row-fluid + .row-fluid { padding-top: 10px; border-top: 1px solid #222; } .tb-megamenu .hidden-collapse, .tb-megamenu .always-show .caret, .tb-megamenu .sub-hidden-collapse > .nav-child, .tb-megamenu .sub-hidden-collapse .caret, .tb-megamenu .sub-hidden-collapse > a:after, .tb-megamenu .always-show .dropdown-submenu > a:after { display: none !important; } .tb-megamenu .mega-caption { display: none !important; } .tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a { padding: 5px 0; margin-left: 20px; } .tb-megamenu .tb-block { margin-bottom: 0; } } .block-view-demo .views-field-title a { border-top: none !important; color: #eee; padding: 0 !important; } .tb-megamenu .block-view-demo .views-field-field-image { float: left; } .tb-megamenu .block-view-demo .views-field-field-image img { border: 1px solid #333; margin: 0 20px 0 0; max-width: none !important; padding: 4px; width: auto; } .tb-megamenu .block-view-demo .item-list ul li { border-bottom: 1px solid #333; margin: 0; min-height: 60px; padding: 10px 0; } .tb-megamenu .block-view-demo .item-list ul li.views-row-first { padding-top: 0; } .tb-megamenu .block-view-demo a { padding: 0 !important; } .tb-megamenu .block-view-demo .views-field-title a { border-top: none; color: #aaa; padding: 0; } .tb-megamenu .block-view-demo a:hover, .tb-megamenu .block-view-demo a:focus { background: none !important; border: none !important; color: #e54e4; text-decoration: none; } /* Core */ .tb-megamenu{ position: relative; } .tb-megamenu .nav, .tb-megamenu .tb-block ul, .tb-megamenu .tb-block .nav { padding: 0; } .tb-megamenu .tb-block ul li, .tb-megamenu .tb-block .nav li { list-style: none; } .tb-megamenu .block-view-demo .item-list ul li{ border-bottom:1px solid #444; } .tb-megamenu .dropdown-submenu:hover .dropdown-menu{ display:none; } @media (max-width: 979px) { .tb-megamenu .nav-collapse .dropdown-menu .views-field-field-image a{ border-top:0 none; } #user-login-form .item-list li a{ border:0 none; } .tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse.collapse{ z-index: 999; margin-top: -25px; } } /* End Core */ .tb-megamenu { background-color: #333; background-image: -moz-linear-gradient(top,#333,#444); background-image: -webkit-gradient(linear,0 0,0 100%,from(#333),to(#444)); background-image: -webkit-linear-gradient(top,#333,#444); background-image: -o-linear-gradient(top,#333,#444); background-image: linear-gradient(to bottom,#333,#444); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333', endColorstr='#ff444444', GradientType=0); color: #aaa; } .tb-megamenu .nav > li > a { background: url(../../images/line.png) no-repeat 100% 0; border-right: none; color: #ffffff; font-weight: bold; } .tb-megamenu .nav > li > a:focus, .tb-megamenu .nav > li > a:hover { background-color: #222; color: rgb(180,200,138); } .tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus { background-color: inherit; color: rgb(180,200,138); } .tb-megamenu .nav-collapse .nav > li.active > a:hover, .tb-megamenu .nav-collapse .nav > li.active > a:focus { background-color: inherit; color: rgb(180,200,138); } .tb-megamenu .row-fluid + .row-fluid { border-color: #333; } .tb-megamenu .dropdown .caret { margin-left: 5px; } .tb-megamenu .dropdown-menu { -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); } .tb-megamenu .dropdown-menu li > a { border-top: 1px solid #444; padding: 5px 20px; text-shadow: none; } .tb-megamenu .dropdown-menu li:first-child > a { border-top: 0; } .tb-megamenu .navbar .nav > li > .dropdown-menu:before { display: none; } .tb-megamenu .navbar .nav > li > .dropdown-menu:after { display: none; } .tb-megamenu .dropdown-menu .disabled > a, .tb-megamenu .dropdown-menu .disabled > a:hover { color: #999; } .tb-megamenu .dropdown-menu .disabled > a:hover { background-color: transparent; } .tb-megamenu .nav li.dropdown.open > .dropdown-toggle { background-color: #666; color: #aaa; } .tb-megamenu .nav li.dropdown.active > .dropdown-toggle { background-color: inherit; color: rgb(180,200,138); } .tb-megamenu .nav > li.dropdown.open.active > a:hover, .tb-megamenu .nav > li.dropdown.open.active > a:focus { background-color: #222; color: rgb(180,200,138); } .tb-megamenu .dropdown-menu { background-color: #222; border: none; } .tb-megamenu .dropdown-menu li > a { color: #ffffff; border-top: 1px solid #333; } .tb-megamenu .dropdown-menu li > a:hover, .tb-megamenu .dropdown-menu li > a:focus, .tb-megamenu .dropdown-submenu:hover > a { background: none; color: rgb(180,200,138); } .tb-megamenu .nav li.dropdown.open > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle { background-color: #222; color: rgb(180,200,138); } .tb-megamenu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .mega-nav .mega-group > .mega-group-title, .tb-megamenu .dropdown-menu .active .mega-nav .mega-group > .mega-group-title { color: #ddd; } .tb-megamenu .tb-block { background: transparent; color: inherit; } .tb-megamenu .tb-block .block-inner { padding: 0; } .tb-megamenu .tb-block .block-title { background: inherit; color: #ddd; padding-left: 20px; bottom: 0; position: absolute; } .tb-megamenu .block-ct { background: inherit; color: inherit; padding: 0; *zoom: 1; } .tb-megamenu .block-ct:before, .tb-megamenu .block-ct:after { display: table; content: ""; line-height: 0; } .tb-megamenu .block-ct:after { clear: both; } .tb-megamenu .tb-block ul.unstyled, .tb-megamenu .tb-block ol.unstyled, .tb-megamenu .tb-block ul.nav, .tb-megamenu .tb-block ol.nav { margin-left: 0; } .tb-megamenu .block_menu .nav { margin-bottom: 20px; } .tb-megamenu .block_menu .nav > li { border-top: 1px solid #444; } .tb-megamenu .block_menu .nav > li > a { padding: 5px; } .tb-megamenu .block_menu .nav > li:first-child { border-top: 0; } .tb-megamenu .block_menu .nav > li:first-child > a { padding-top: 0; border-top: 0; } @media (max-width: 979px) { .tb-megamenu { background-image: none; background-color: inherit; } .tb-megamenu .nav-collapse, .tb-megamenu .nav-collapse .dropdown-menu { background-color: #333; } .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a { border-bottom-color: #444; border-top-color: #444; color: #eee; } .tb-megamenu .nav > li > a { color: #eee; border-right: 1px solid #444; } } @media (max-width: 738px) { .tb-megamenu .nav-collapse .nav li a { border-top-color: #444; } .tb-megamenu .nav-collapse .nav > li > a, .tb-megamenu .nav-collapse .dropdown-menu a { border-bottom: none; border-top-color: #444; color: #eee; } .tb-megamenu .row-fluid + .row-fluid { border-top-color: #444; } } .block-view-demo .views-field-field-image img { border: 1px solid #333; } .block-view-demo .item-list ul li { border-bottom: 1px solid #333; } .block-view-demo .views-field-title a:hover, .block-view-demo .views-field-title a:focus { color: rgb(180,200,138); } .views_slideshow_controls_text span:hover { text-decoration: underline; cursor: pointer; } .views_slideshow_cycle_no_display, .views_slideshow_cycle_hidden, .views_slideshow_cycle_controls, .views_slideshow_cycle_image_count { display: none; } /* Pager Settings */ .views_slideshow_cycle_pager div a img { width: 75px; height: 75px; } .views_slideshow_pager_numbered div, .views_slideshow_pager_thumbnails div { display: inline; padding-left: 10px; } .views_slideshow_cycle_pager.thumbnails a.activeSlide img { border: 3px solid #000; } .views_slideshow_cycle_pager.numbered a.activeSlide { text-decoration: underline; } /** * Common View Elements */ /* --- Views Field --- */ .views-field { } .field-content { } /* Views Field Title */ .views-field-title { } .views-field-title .field-content { } /* Views Field Image */ .views-field-field-image { } .views-field-field-image .field-content { } /* Views Field Body */ .views-field-body { } .views-field-body .field-content { } /* Views Field Changed */ .views-field-changed { } .views-field-changed .field-content { } /* --- Views Inline Grid --- */ .views-row { } .views-row-odd { } .views-row-even { } .views-col { } .cols-1 .views-col { width: 100%; } .cols-2 .views-col { width: 50%; } .cols-3 .views-col { width: 33.33%; } .cols-4 .views-col { width: 25%; } .cols-5 .views-col { width: 20%; } .cols-6 .views-col { width: 16.66%; } /** * Mass Bottom */ #mass-bottom-wrapper .block-inner { border-top: none; padding-top: 0; } #mass-bottom-wrapper .cols-2 .grid-inner { border: 1px solid #e2e2e2; margin-bottom: 15px; margin-right: 18px; padding: 18px; } #mass-bottom-wrapper .row-1 .col-2 .grid-inner { background: #f5f5f5; } #mass-bottom-wrapper .row-2 .col-1 .grid-inner { background: #fdfbe9; border: 1px solid #dcd7bb; } #mass-bottom-wrapper .row-2 .col-2 .grid-inner { background: #ecf5f8; border: 1px solid #c6e0e7; } #mass-bottom-wrapper .views-field-title { margin-bottom: .5em; } #mass-bottom-wrapper .views-field-title a { color: #333; font-size: 1.167em; font-weight: bold; } #mass-bottom-wrapper .views-field-title a:hover, #mass-bottom-wrapper .views-field-title a:focus { color: #7bb9e0; text-decoration: none; } #mass-bottom-wrapper .views-field-view-node a { background: url(../images/bg-button-more.png) no-repeat left top; border: 1px solid #ddd; color: #aaa; display: block; float: left; font-size: .833em; padding: 3px 10px 1px 21px; text-transform: uppercase; } #mass-bottom-wrapper .views-field-view-node a:hover, #mass-bottom-wrapper .views-field-view-node a:focus { background: url(../images/bg-button-more.png) no-repeat left -25px; color: #7bb9e0; text-decoration: none; } #mass-bottom-wrapper .col-last .grid-inner { margin-right: 0; } /** * Supported Views Formats */ /* --- Slideshow --- */ #slideshow-wrapper .container { padding-bottom: 1.667em; position: relative; } #slideshow-wrapper .block-content { padding: 0; } #slideshow-wrapper .region-slideshow { background: #fff; border-bottom: 1px solid #e2e2e2; overflow: hidden; padding: 0; /*padding-bottom: 0.417em;*/ position: relative; } .view-simple-slideshow .views_slideshow_main > div > div, .views-slideshow-cycle-main-frame-row, .views-slideshow-cycle-main-frame { width: 100% !important; } /* Slideshow Image */ #slideshow-wrapper .views-field-field-slideshow { box-shadow: 0 3px 2px #000 inset; } /* Titles */ #slideshow-wrapper .views-field-title { background: url(../images/bg-title-slideshow.png) repeat-x left top; bottom: 0; color: #fff; display: none; font-family: BebasNeueRegular; font-size: 1.9em; left: 0; position: absolute; text-align: center; width: 100%; } #slideshow-wrapper .views-field-title .field-content { display: block; padding: 0; } #slideshow-wrapper .views-field-title a { color: #fff; text-decoration: none; } #slideshow-wrapper .views-field-title a:hover, #slideshow-wrapper .views-field-title a:active, #slideshow-wrapper .views-field-title a:focus { color: #fff; text-decoration: none; } /* Slideshow Navigator */ #slideshow-wrapper .views-slideshow-controls-bottom { bottom: 0; display: none; height: auto; left: 0; position: absolute; width: 100%; z-index: 20; /* if you have more than 18 images in slideshow, increase this value */ } #slideshow-wrapper .region-slideshow:hover .views-slideshow-controls-bottom, #slideshow-wrapper .region-slideshow:hover .views-field-title { display: block; } #slideshow-wrapper .views-slideshow-controls-top { display: none; } #slideshow-wrapper .views_slideshow_controls_text { float: left; } #slideshow-wrapper .views_slideshow_controls_text span { background: url(../images/ico-slideshow.png) no-repeat; bottom: 3px; cursor: pointer; display: block; height: 30px; overflow: hidden; position: absolute; text-indent: -999em; width: 30px; } #slideshow-wrapper .views_slideshow_controls_text span.views-slideshow-controls-text-previous { background-position: 0 0; left: 20px; } #slideshow-wrapper .views_slideshow_controls_text span.views-slideshow-controls-text-previous:hover { background-position: 0 -35px; } #slideshow-wrapper .views_slideshow_controls_text span.views-slideshow-controls-text-next { background-position: -35px 0; right: 20px; } #slideshow-wrapper .views_slideshow_controls_text span.views-slideshow-controls-text-next:hover { background-position: -35px -35px; } #slideshow-wrapper .views_slideshow_controls_text span.views-slideshow-controls-text-pause { display: none; } #slideshow-wrapper .views_slideshow_controls_text span:hover { } #slideshow-wrapper .views_slideshow_slide_counter { background: #c00; color: #fff; display: none; float: left; margin-left: 1px; padding: .25em 1em; } /* Slideshow Full Pager */ #slideshow-wrapper .view > .pager { bottom: 0; height: auto; position: absolute; right: 0; width: auto; z-index: 20; /* if you have more than 18 images in slideshow, increase this value */ } /* Slideshow Mini Pager */ #slideshow-wrapper .views-mini-pager { bottom: 0; height: auto; position: absolute; right: 0; width: auto; z-index: 20; /* if you have more than 18 images in slideshow, increase this value */ } /* --- Photo Stream --- */ #panel-fourth-wrapper .view .grid-inner { border-right: none; padding: 0; } #panel-fourth-wrapper .view .views-field-field-photostream-images { margin-bottom: 10px; } /* Messages */ div.messages { margin: 10px 0; } #block-system-help { background: url(images/help.png) no-repeat 17px 22px #f2f2f2; border: none; margin: 6px 0; padding: 10px 10px 10px 50px; } #block-system-help code, div.messages code { font-weight: 700; } div.help p:last-child, div.help ul:last-child { margin-bottom: 0; } .block-region { background-color: #f7f7f7; border: 2px dashed #ddd; clear: both; color: #666; font-family: Consolas, "Courier News", monospace; font-size: 1.077em; font-weight: 400; margin-bottom: 10px; margin-top: 5px; padding: 3px 6px 1px; } div#acquia-agent-no-search { margin: 8px 0; padding-left: 3em !important; } a.block-demo-backlink, a.block-demo-backlink:link, a.block-demo-backlink:visited { left: 50%; margin-left: -9em; text-align: center; width: 18em; } html { font-size: 62.5%; /* Change base font-size to 10px. */ } body { background: url(../images/bg-body.png) repeat top left; color: #666; line-height: 1.5; /* Unit-less line-height means line height can scale. */ } /* Headings */ h1 { font-size: 2em; } h2 { font-size: 1.45em; } h3 { font-size: 1.167em; } h4 { font-size: 1em; } h5, h6 { font-size: 1em; } h1, h2, h3, h4, h5, h6 { line-height: 1.25; margin: 0 0 0.5em; } #block-block-18 p{ text-indent: 0; } @media screen and (max-width: 450px){ .archives p{ font-size: 15px; } } p { margin: 0px 0px 10px 0px; padding: 0; /*text-indent: 2em; line-height: 180%;*/ color: #000; font-size: 13px; /*text-align: justify; Firefox到此即可對齊 */ /*text-justify: auto; IE需再加上此行 */ } p:first-child { margin-top: 0; } em, dfn { font-style: italic; } ins { border-bottom: none; text-decoration: none; } pre, code, tt, samp, kbd, var { font-size: 1em; overflow: hidden; } blockquote, q { font-style: italic; quotes: "" ""; } blockquote { margin: 0 0 1.5em; padding: 0 0 0 3em; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote p { margin: 0; } strong, dfn, caption, th { font-weight: bold; } /* Images, Object */ img, object { max-width: 100% !important; } /* Reset horizonatal rules */ hr { border-style: inset; border-width: 1px; display: block; } /* Lists */ ul, ol { margin: 0 0 1.5em 2em; padding: 0; } ol { margin-left: 2em; } .item-list ul, .item-list ol { margin: 0 0 0 1em; padding: 0; } ul ul, ul ol, ol ol, ol ul, .block ul ul, .block ul ol, .block ol ol, .block ol ul, .item-list ul ul, .item-list ul ol, .item-list ol ol, .item-list ol ul { margin-bottom: 0; } ul { list-style-type: disc; } ul ul ul { list-style-type: square; } ol { list-style-type: decimal; } ol ol { list-style-type: lower-alpha; } ol ol ol { list-style-type: lower-roman; } ul ul, ul ul ul ul { list-style-type: circle; } dt { font-weight: bold; } dd { margin: 0 0 1.5em 1.538em; } /* Common Tables ---*/ table { font-size: 100%; margin: 1.5em 0; padding: 0; width: 100%; } table.sticky-header { z-index: 10; } /* Table Head */ thead { } .tdstyle{ font-size: 15px; } .tdword{ text-align:center; } th { background: #333; border-bottom: 0; color: #fff; padding: .75em 1em; text-align: center; font-size: 15px; } th a { color: #fff; } th a:hover, th a:active, th a:focus { color: #fff; } thead th { } /* Table Body */ tbody { } td { border: 1px solid #e2e2e2; padding: .75em 1em; font-size:15px; } tr.even, tr.odd { background-color: transparent; border-bottom: 0; } tr.even td, tr.odd td { } tr.odd, tr.info { } tr.even { background-color: transparent; } tr.drag { } tr.drag-previous { } tr.odd td.active { } tr.even td.active { } td.region, td.module, td.container td.category { } form { margin: 0 0 2.5em; padding: 0 0 2.5em; } input, textarea, select { border: 1px solid #ccc; font-family: Arial, Helvetica, sans-serif; /* Need to define font-family */ font-size: 1em; margin: 0; } fieldset { background: transparent; border: 1px solid #ccc; margin: 10px 0; padding: 10px; } fieldset fieldset:last-child { margin-bottom: 0; } legend { font-weight: bold; } .filter-wrapper .form-item label { margin-right: 5px; } /** * Drupal Form */ .form-wrapper { overflow: hidden; } .form-item, .form-action { margin-bottom: 10px; margin-top: 10px; } .form-item label { } .form-item label.option { } .description, .form-item .description { } table td.type code { display: block; overflow: hidden; width: 200px; word-wrap: break-word; } .form-item .description, fieldset .description, .fieldset-layout-settings dd { color: #7b7b7b; font-size: 0.92em; } span.form-required, span.marker { } ul.tips { } html.js input.form-autocomplete { background-position: 100% 6px; } html.js input.throbbing { background-position: 100% -14px; } #autocomplete li { padding: 5px; } /* --- Text Inputs --- */ .form-text, textarea { border: 1px solid #ccc; box-sizing: border-box; height: auto; padding: 3px 4px; } .form-text:focus, textarea:focus { border-color: #7bb9e0; } .form-item .form-select { height: auto; } .form-item .form-text { } .form-item textarea.error { padding: 2px; } .container-inline .form-item input { } /* --- Buttons --- */ input.form-submit, a.button { padding: 2px 10px; margin-right: 10px; } span.button input { cursor: pointer; } /* --- Checkbox --- */ .form-type-checkbox label { } input.form-checkbox { border: 0; width: 13px; } .form-type-checkbox .description { margin-left: 0; } /* --- Radio --- */ .form-type-radio label { } input.form-radio { border: 0; } .form-type-radio .description { margin-left: 0; } /* --- Selects --- */ select, .form-select { } /* --- Fieldsets --- */ fieldset { background: transparent; border: 1px solid #ddd; margin: 10px 0; padding: 10px; } fieldset fieldset:last-child { margin-bottom: 0; } *:first-child+html fieldset { background-color: transparent; background-position: 0 10px; padding: 0 10px 10px; } *:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description { padding-top: 10px; } legend.fieldset-legend { } fieldset legend { display: block; font-weight: 400; padding: 0 10px 0 0; } *:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend { display: inline; } html.js fieldset.collapsed { background: transparent; padding-top: 5px; } /* --- Misc. --- */ .hide-label label { background: none; display: none; } .exposed-filters .form-item { margin-bottom: 10px; margin-top: 0; } #article-admin-filter ul { padding: .5em 0; } #edit-operation-wrapper select { margin: .5em; } div.resizable-textarea textarea { margin-top: 0; } /** * Specific Forms */ /* --- Search --- */ #search-block-form { background: #fff; margin: 0 20px; overflow: hidden; padding: 5px; } #search-block-form > div { } #search-block-form .container-inline { } #edit-search-block-form-1-wrapper { } #search-block-form label { } #search-block-form input { margin-right: 0; } #search-block-form span.button { background: url(../images/ico-search.png) no-repeat center center; border: 1px solid #e6e7e8; cursor: pointer; display: block; float: right; overflow: hidden; width: 28px; } #search-block-form .form-submit { background: none; border: none; height: 30px; line-height: 30px; text-indent: -999em; width: 28px; } #search-block-form .form-text { background: #fff; border: none; float: left; height: 28px; line-height: 28px; padding: 0 5px; width: 85%; } /* Advanced search form */ fieldset#edit-advanced fieldset { float: left; margin: 0 10px 10px 0; } fieldset#edit-advanced fieldset .fieldset-legend { background: none; padding-left: 1em; } .advanced-search-submit { clear: both; } .search-advanced .criterion { float: none; margin: 0 5px; } #edit-keywords-fieldset .form-item:first-child { margin-top: 5px; } #search-form { margin: 10px 0; } #search-form > div { } #search-form .container-inline { } #search-form label { } #search-form input { vertical-align: middle; } #search-form .form-item { } #search-form .form-submit { display: inline; float: none; } /* --- User login --- */ #user-login-form { margin-bottom: 0; padding: 0; } span.button input.form-submit { background: url(../images/bg-button-more.png) no-repeat left top; border: 1px solid #ddd; color: #aaa; display: inline-block; font-size: .833em; height: 22px; margin-right: 0.455em; padding: 0 10px 0 20px; text-transform: uppercase; } span.button input.form-submit:hover { background: url(../images/bg-button-more.png) no-repeat left -25px; color: #7bb9e0; text-decoration: none; } #user-login-form .form-item-name input, #user-login-form .form-item-openid-identifier input { background: #000; border: 1px solid #1a1a1a; color: #777; height: auto; line-height: normal; width: 90%; } #user-login-form .form-item-pass input { background: #000; border: 1px solid #1a1a1a; color: #777; height: auto; line-height: normal; width: 90%; } #user-login-form .form-item-name input:focus, #user-login-form .form-item-pass input:focus, #user-login-form .form-item-openid-identifier input:focus { border-color: #7bb9e0; } #user-login-form .form-item-openid-identifier input { padding-left: 2px !important; } #user-login-form .form-action { } #user-login-form ul { margin: 0; padding: 0; } #user-login ul { margin: 0 0 5px; } #user-login ul li { margin: 0; } #user-login-form .item-list li { background: url(../images/bullet.png) no-repeat 5px 9px; list-style: none; margin: 0; padding: 3px 0 3px 15px; } #user-login-form .item-list li a { color: #777; } #user-login-form .item-list li a:hover, #user-login-form .item-list li a:focus { color: #7bb9e0; text-decoration: none; } #user-login-form li.openid-link, #user-login li.openid-link { background: none; padding-left: 0; } #user-admin-filter ul li, #article-admin-filter ul li { list-style: none; } #user-login-form input.form-submit { background: url(../images/bg-button.png) no-repeat -1px 0; border: 1px solid #333; color: #aaa; display: block; float: left; font-size: .833em; height: 22px; padding: 0 10px 0 21px; text-decoration: none; text-transform: uppercase; } #user-login-form input.form-submit:hover { background: url(../images/bg-button-more.png) no-repeat left -25px; border: 1px solid #292929; color: #7bb9e0; text-decoration: none; } /* --- Tips overrides --- */ .field-type-text-long fieldset { padding: 10px 0; } .field-type-text-long fieldset .form-item { margin: 0; padding: 0 0 0 15px; } fieldset .filter-help { padding: 0 15px 5px; } .filter-guidelines { font-size: .923em; margin: 0; padding: 5px 10px 10px; } /* --- Special case modules --- */ #devel-switch-user-form { margin-bottom: 0; } button .fa{ display: none; } /*-------------------------Header TOP Link------------------------- .dyu_word_link { background: #ffffff; padding: 2px 15px 2px 15px; margin-right: 10px; border-radius: 5px; border-bottom-right-radius: 5px; } @media screen and (max-width: 979px) and (min-width: 960px){ .dyu_word_link { margin-right: 30px; margin-top: 10px; } } @media screen and (min-width: 980px){ .dyu_word_link { background: #ffffff; padding: 2px 15px 2px 15px; border-radius: 5px; margin-bottom: 92px; margin-top: -26px; border-bottom-right-radius: 5px; } } -----------------------------------------------------------------*/ /*-------------------------Header TOP Link------------------------*/ .dyu_word_link { background: #ffffff; padding: 2px 15px 2px 15px; margin-right: 10px; border-radius: 5px; margin-top: -110px; margin-right: 20px; border-bottom-right-radius: 5px; } .dyu_word_link a{ color:#7e9747; } .dyu_word_link a:hover{ color:rgb(180,200,138); } .top_right{ display:none; } @media screen and (min-width: 960px) and (max-width: 979px){ .dyu_word_link { margin-right: 30px; } } @media screen and (min-width: 630px) and (max-width: 959px){ .dyu_word_link { margin-top: 0; margin-right: 0; } } @media screen and (min-width: 501px) and (max-width: 895px){ .dyu_word_link { display:none; } .top_right { display: block; float: right; background: url(images/ICON_DYU_V2.png) no-repeat; width: 32px; height: 32px; margin-top: 10px; margin-right: 5px; } } @media screen and (max-width: 500px){ .top_right { display: block; float: right; background: url(images/ICON_DYU_V2.png) no-repeat; width: 32px; height: 32px; margin-top: 125px; margin-right: 5px; } } /* @media screen and (max-width: 979px) and (min-width: 960px){ .dyu_word_link { margin-right: 30px; margin-top: 10px; } } @media screen and (min-width: 980px){ .dyu_word_link { background: #ffffff; padding: 2px 15px 2px 15px; border-radius: 5px; margin-bottom: 92px; margin-top: -26px; border-bottom-right-radius: 5px; } } */ .wrapper { } .wrapper .container { background: #f5f5f5; } /* Grid Gutter */ .grid { } .grid-inner { padding: 0 1.5em; } .grid .grid-inner { } .region-content .block { } .sidebar .block { } /** * Main Containner */ #main-wrapper { } #main-wrapper .container { padding: 0; } #main-wrapper .container-inner { } /** * Header */ #header-wrapper { } /*------------------RWD Menu Buttonu-------------------------*/ #menu-bar-wrapper button{ margin-left: 5px; width: 32px; height: 32px; background: url(images/menu_black.png); border: none; margin-top: -42px; } #menu-bar-wrapper button:hover{ margin-left: 5px; width: 32px; height: 32px; background: url(images/menu_blue.png); border: none; } @media screen and (min-width: 960px) and (max-width: 979px){ #menu-bar-wrapper button{ margin-top: 45px; margin-left: 20px; height: 32px; } #menu-bar-wrapper button:hover{ margin-top: 45px; margin-left: 20px; height: 32px; } } @media screen and (min-width: 720px) and (max-width: 959px){ #menu-bar-wrapper button{ margin-top: -40px; margin-left: 0; height: 32px; } #menu-bar-wrapper button:hover{ margin-top: -40px; margin-left: 0; height: 32px; } } @media screen and (min-width: 630px) and (max-width: 719px){ #menu-bar-wrapper button{ margin-top: -40px; margin-left: 10px; height: 32px; } #menu-bar-wrapper button:hover{ margin-top: -40px; margin-left: 10px; height: 32px; } } @media screen and (min-width: 501px) and (max-width: 629px){ #menu-bar-wrapper button{ margin-top: -40px; margin-left: 10px; height: 32px; } #menu-bar-wrapper button:hover{ margin-top: -40px; margin-left: 10px; height: 32px; } } /*-------------------------------------------------------------------*/ /*----------------------------標題背景?----------------------------*/ #header-wrapper .container { background: url(images/Banner_Title_List_V0.jpg) no-repeat; } @media screen and (min-width: 745px) and (max-width: 979px){ #header-wrapper .container{ background-position:0 -123px; } } @media screen and (max-width: 744px){ #header-wrapper .container{ background-position:center -246px; } } /*-------------------------------------------------------------------*/ #header-wrapper .grid-inner { padding: 0; } #header { clear: both; padding: 120px 0 0; } @media screen and (max-width: 980px){ #header { clear: both; /*height: 160px; border-bottom: 1px solid #fff;*/ } } @media screen and (min-width: 960px) and (max-width: 979px){ #header{ height: 120px; padding: 0; /* margin-top: -65px;*/ } } /* Logo & Site name */ #logo { float: left; } #name-and-slogan { float: left; line-height: 1.2; } .site-name { color: #666; float: left; font-size: 3em; line-height: 26px; margin: 0; padding-right: 5px; } .site-name a { color: #666; text-decoration: none; text-transform: uppercase; } .site-name a:visited { } .site-name a:hover, .site-name a:focus, .site-name a:active { color: #444; text-decoration: none; } #name-and-slogan .site-slogan { background: url(../images/vline-slogan.png) no-repeat left top; color: #aaa; float: left; font-size: 0.833em; font-weight: 400; margin: 0 0 0 10px; padding: 16px 10px 0; text-transform: uppercase; } /* Region */ .region-header { float: right; } /** * Main Navigation */ #menu-bar-wrapper { padding-top: 0; position: relative; z-index: 499; /* Drupal toolbar index is 600 */ } #menu-bar-wrapper .container { position: relative; } #menu-bar-wrapper .grid-inner { padding: 0; } /* Region */ #menu-bar-wrapper .region-menu-bar { /* background: url(../images/bg-menubar.png) repeat-x left top; border-bottom: 1px solid #e2e2e2;*/ width: 100%; } #menu-bar-wrapper .region-menu-bar .block-inner { background: none; border: none; padding: 0; margin: 0; } /** * Main Content */ #main-content .grid-inner { margin: 0 1.5em; padding: 0; } .front #main-content .block-inner { border-bottom: none; margin-bottom: 0; } #main-content .region-content { clear: both; } #main-content .region-content #block-system-main { } #main-content .region-content #block-system-main .block-inner { } /* Content on Front-page */ body.front #main-content .region-content { } /* Content on other pages */ body.not-front #main-content .region-content { } /* Page Title */ #page-title { background: #7bb9e0; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2) inset; border-bottom: 1px solid #e2e2e2; color: #fff; font-family: BebasNeueRegular; font-size: 2em; font-weight: normal; height: 67px; margin: 0 0 .5em; /*padding: .556em 0;*/ } #page-title span { /*background: #19252d;*/ display: inline-block; font-size: 37px; line-height: 37px; padding: .333em; } .in-maintenance #page-title { padding: 10px; } /** * Sidebars */ .sidebar .grid-inner { padding: 0 20px 0 0; } .region-sidebar-first { } .region-sidebar-second { } /** * Panels */ .panel { } .panel .container { } /* --- First Panel --- */ #panel-first-wrapper { } /* --- Second Panel --- */ #panel-second-wrapper { } /* --- Third Panel --- */ #panel-third-wrapper { } /** * Slideshow */ #slideshow-wrapper { } #slideshow-wrapper .grid-inner { padding: 0; } /** * Footer */ #footer-wrapper { } #footer-wrapper .grid-inner { padding: 0; } #footer-wrapper > .container { background: #0a0a0a; border-top: 1px solid #1a1a1a; overflow: hidden; } #footer { padding: 12px 0; position: relative; } #footer .tb-copyright { color: #444; font-size: .917em; line-height: 1em; padding: 0; text-align: center; } #footer .tb-copyright a { color: #777; } /* Region */ .region-footer { } /** * Other Pages */ /* --- Blogs --- */ .page-blog { } /* Blog Action Links */ .page-blog ul.action-links { display: inline-block; float: right; margin: 1em 0; padding: 0; } .page-blog ul.action-links li { list-style: none; margin: 0; } .page-blog ul.action-links li a { background: url(../images/bg-button-more.png) no-repeat left top; border: 1px solid #ddd; color: #aaa; display: block; float: left; font-size: .833em; margin-right: 5px; padding: 2px 10px 3px 21px; text-transform: uppercase; } .page-blog ul.action-links a:hover, .page-blog ul.action-links a:active, .page-blog ul.action-links a:focus { background: url(../images/bg-button-more.png) no-repeat left -25px; color: #7bb9e0; text-decoration: none; } /* --- Profiles --- */ .profile { margin-top: 0; } .profile h3 { border-bottom: 1px solid #ddd; margin: 0 0 1em; padding: 0 0 .5em 0; } .profile .user-picture { float: none; } .profile .field { } .profile .field .field-label { } .profile .field .field-items { } .profile .field .field-items .field-item { } /* --- Search Results --- */ .page-search h2 { font-size: 1.5em; padding: 0; } .page-search span.button { float: none; } .search-results { margin: 0; padding: 0; } .search-results .search-result { } .search-results .title { margin: 1em 0 0.5em; } .search-results .search-snippet-info { padding: 0; } .search-results p { margin: 0; } .search-results .search-snippet { } .search-results .search-info { font-size: .923em; } span.search-info-type { } span.search-info-user { } span.search-info-date { } span.search-info-comment { } span.search-info-upload { } /* --- Poll Page --- */ .poll { } .page-poll .region-content .block-content ul { list-style: none outside none; margin: 0; padding: 0; } .page-poll .region-content .block-content ul li { padding-bottom: 1em; } .page-poll .region-content .block-content ul li a { background: url(../images/bullet-1-h.png) no-repeat left top; padding-left: 1.833em; } /* Vote Form */ .poll .vote-form { text-align: left; } .poll .vote-form .choices { margin: 0; } .poll .vote-form .choices .form-item { } /* Vote Result */ .poll .text { } .poll .bar { background: #ddd; } .poll .bar .foreground { background: #333; } .poll .percent { color: #7b7b7b; font-size: 0.92em; } .poll .total { } /* --- Feed Aggregator ---*/ /* Feed Items */ #aggregator .feed-item { margin-bottom: 40px; } #aggregator .feed-item .header { } #aggregator .feed-item .header h2 { } #aggregator .feed-item .content { } #aggregator .feed-item .footer { } #aggregator .feed-item .footer .meta { } #aggregator .feed-item .footer .categories { } /* Feed Lists */ #aggregator .feed { margin: 1em 0; } #aggregator .feed .summary-title { } #aggregator .feed .feed-url { margin: .5em 0 0; } #aggregator .feed .item-list { } #aggregator .feed .item-list ul { } #aggregator .feed .item-list ul li { background-image: none; margin: 1em 0 0; padding: 0; } #aggregator .feed .source { margin: .5em 0 0; } #aggregator .feed .time { } #aggregator .feed .feed-name { margin: 0; } #aggregator .feed .links a { margin: 0; } /* --- Maintenance Page --- */ .maintenance-page #skip-link { position: absolute; top: -99em; } .maintenance-page .footer { } .maintenance-page .footer a { } /** * Misc. */ /* Feed icons */ .feed-icon img { display: none; padding: 0 10px; } #feed-icons { } #feed-icons .feed-icon { } #feed-icons .feed-icon img { } #feed-icons a.feed-icon { } #system-messages-wrapper .container { overflow: hidden; } div.messages { margin: 1.5em 0; } .block-style-sirate .views-field-field-image { float: left; } .block-style-sirate .views-field-field-image img { border: 1px solid #777; margin: 0 20px 0 0; max-width: none !important; padding: 4px; } .block-style-sirate .item-list ul li { border-bottom: 1px solid #777; margin: 0; min-height: 60px; padding: 10px 0; } .block-style-sirate .views-field-title a { color: #eee; } #page-title span a { color: #ffffff; display: inline-block; font-size: 37px; line-height: 37px; } #article-24 p, #article-13 p, #article-11 p, #article-10 p, #article-12 p { text-indent: 2em; line-height: 175%; font-size: 15px; } /* --- Articles (nodes) --- */ .article { margin-bottom: 2.5em; padding: 0; } .front .article { margin-bottom: 0; padding: 0 0 2.5em; } .view-articles .article, .page-blog .article { border-top: 1px solid #e2e2e2; margin-bottom: 2.5em; padding: 2.5em 0 0; } .page-blog .article:first-child, .views-row-first .article { border-top: none; padding-top: 0; } /* Teaser */ .node-teaser { } /* Article Title */ .article > .header { padding-bottom: .5em; } .node-title { font-family: BebasNeueRegular; font-size: 1.9em; font-weight: normal; margin: 0 0 .1em; } .node-title a, .node-title a:visited { color: #333; } .node-title a:hover, .node-title a:active, .node-title a:focus { color: #7bb9e0; text-decoration: none; } /* User Picture */ .article .user-picture { display: inline; margin-right: .5em; } .article .user-picture img { } /* Meta */ .node-author { } .username { } .article > .submitted { color: #7b7b7b; font-size: .917em; line-height: 1; padding: .5em 0; text-transform: uppercase; } .article > .submitted a { } .article > .submitted a:hover, .article > .submitted a:active, .article > .submitted a:focus { } .article > .submitted .username { font-weight: bold; } .article > .submitted .time { } /* Field Image */ .article .field-type-image { border: 1px solid #e2e2e2; margin-bottom: 1em; padding: 4px; } /* Article Lists */ .article ul { } .article ul li { } .article ol { } .article ol li { } /* Article Links */ .article .menu { margin-top: 1.5em; } .article ul.links { color: #999; margin: 0; } .article ul.links li { float: left; margin: 0 0 .5em; padding: 0; } .article ul.links li a { background: #ddd; color: #f7f7f7; padding: 3px 10px; } .article ul.links li a:hover, .article ul.links li a:active, .article ul.links li a:focus { background: #282828; color: #fff; text-decoration: none; } .article .menu ul.links li a { background: url(../images/bg-button-more.png) no-repeat left top; border: 1px solid #ddd; color: #aaa; display: block; float: left; font-size: .833em; margin-right: 0.455em; padding: 2px 10px 2px 21px; text-transform: uppercase; } .article .menu ul.links li a:hover, .article .menu ul.links li a:focus { background: url(../images/bg-button-more.png) no-repeat left -25px; color: #7bb9e0; text-decoration: none; } .article .menu ul.links li.comment-add { float: right; margin-right: 0; } .node-type-poll .article > .menu li.comment-add { } .article .menu ul.links li.comment_forbidden a { display: inline-block; float: none; margin: 0 5px 0 0; } .article .menu ul.links li.comment_forbidden a:hover { color: #7bb9e0; } .article ul.links li.comment-comments a { } .article ul.links li.comment-new-comments a { } .article ul.links li.blog_usernames_blog a { } .article ul.links li.print_html a { } .article ul.links li.print_email a { } .article ul.links li.print_pdf a { } .article ul.links li.first { } .article ul.links li.last { } /* Workflow states */ .article-add { } .article-edit { } .article-delete { } .article-preview { } .article-sticky { } .article-promoted { } /* Status */ .article-unpublished { } /* --- Blogs --- */ .page-blog .article { } /* Teaser */ .page-blog .node-teaser { } /* Blog Title */ .node-blog > .header { } .node-blog .node-title { } .node-blog .node-title a, .node-blog .node-title a:visited { } .node-blog .node-title a:hover, .node-blog .node-title a:active, .node-blog .node-title a:focus { } /* Blog User Picture */ .node-blog .user-picture { display: inline-block; vertical-align: text-top; } .node-blog .user-picture img { } /* Blog Meta */ .node-blog > .submitted { } .node-blog > .submitted a { } .node-blog > .submitted a:hover, .node-blog > .submitted a:active, .node-blog > .submitted a:focus { } .node-blog > .submitted .username { } .node-blog > .submitted .time { } /* Blog Field Image */ .node-blog .field-type-image { } /* Blog Links */ .page-blog li.blog_usernames_blog { display: none; } .node-blog .menu { } .node-blog ul.links { } .node-blog ul.links li { } .node-blog ul.links li a { } .node-blog ul.links li a:hover, .node-blog ul.links li a:active, .node-blog ul.links li a:focus { } .node-blog ul.links li.node-readmore a { } .node-blog ul.links li.comment-add a { } .node-blog ul.links li.comment-comments a { } .node-blog ul.links li.comment-new-comments a { } .node-blog ul.links li.blog_usernames_blog a { } .node-blog ul.links li.print_html a { } .node-blog ul.links li.print_email a { } .node-blog ul.links li.print_pdf a { } .node-blog ul.links li.first { } .node-blog ul.links li.last { } /* Blog Workflow states */ .page-blog .article-add { } .page-blog .article-edit { } .page-blog .article-delete { } .page-blog .article-preview { } .page-blog .article-sticky { } .page-blog .article-promoted { } /* Status */ .page-blog .article-unpublished { } /** * Misc. */ /* Skinr article title alignment */ .ta-l .article-title { text-align: left; } .ta-r .article-title { text-align: right; } .ta-c .article-title { text-align: center; } /* Photostream */ .galleryformatter { margin: 1em auto 2em; } .galleryformatter-greenarrows .gallery-thumbs { padding: 0 44px; width: 482px !important; } /*.galleryformatter .gallery-slides { height: 240px !important; width: 580px !important; }*/ .galleryformatter-greenarrows .gallery-thumbs .wrapper { background: none; border-bottom: none; } .galleryformatter-greenarrows .gallery-thumbs li { padding-right: 10px; width: 60px !important; } .galleryformatter .gallery-slides { background: #fff; border: 1px solid #e2e2e2; padding: 4px; } .galleryformatter .gallery-slides img { width: auto; } .galleryformatter-greenarrows .gallery-thumbs li img { background: #fff; border: 1px solid #e2e2e2; padding: 4px; } .galleryformatter-greenarrows .gallery-thumbs li a { padding-top: 10px; } .galleryformatter .gallery-thumbs .arrow, .galleryformatter-greenarrows .gallery-thumbs li.active a, .galleryformatter-greenarrows .gallery-thumbs li a:hover { background: url(../images/btn-photostream.png) no-repeat; } .galleryformatter .gallery-thumbs .arrow { bottom: 20px; height: 30px; width: 30px; } .galleryformatter .gallery-thumbs .back { background-position: 0 0; } .galleryformatter .gallery-thumbs .back:hover { background-position: 0 -35px; } .galleryformatter-greenarrows .gallery-thumbs .forward { background-position: 0 -70px !important; } .galleryformatter-greenarrows .gallery-thumbs .forward:hover { background-position: 0 -105px !important; } .galleryformatter-greenarrows .gallery-thumbs li a:hover img, .galleryformatter-greenarrows .gallery-thumbs li.active a img { background: #222; border-color: #222; } .galleryformatter-greenarrows .gallery-thumbs li.active a, .galleryformatter-greenarrows .gallery-thumbs li a:hover { background-position: center -150px !important; } .galleryformatter .slide-button { margin-top: -32px; top: 50%; } /** * * TODO: check classes still apply in D7 - in particular the unpublished classes and the extra classes. */ /* Comment wrapper */ #comments { clear: both; margin-top: 2em; } #comments > h2 { border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; font-weight: normal; margin-bottom: 1em; padding: 0.8em 0; text-transform: uppercase; } /* Individual comment */ .comment { background: #f5f5f5; border: 1px solid #e2e2e2; margin-bottom: 1em; padding: 1em; } /* Indentation */ #comments .indented { background: url(../images/indent-tree.gif) no-repeat left top; margin-bottom: 1em; margin-left: 0; padding-left: 30px; } #comments .indented .comment { } /* Comment Title */ .comment > .header { } .comment-title { margin: 0; padding: 0; } .comment-title a { text-decoration: none; } .comment-title a:hover, .comment-title a:active, .comment-title a:focus { text-decoration: underline; } /* Skinr comment title alignment. */ .ta-l .comment-title { text-align: left; } .ta-r .comment-title { text-align: right; } .ta-c .comment-title { text-align: center; } /* Comment "new" title */ .comment-title .new { color: #f80; } /* User Picture */ .comment .user-picture { } .comment .user-picture img { } /* Comment Content */ .comment-content { } /* Submitted */ .comment > .footer { color: #666; font-size: 0.92em; margin: .5em 0 1em; } .comment > .footer .username { } .comment > .footer .time { } .comment > .footer a { } .comment > .footer a:hover, .comment > .footer a:active, .comment > .footer a:focus { } /* Links */ .comment .comment-links { margin-top: 0; } .comment ul.links { display: block; margin: 0; padding: 0; } .comment ul.links li { } .comment ul.links li a { } /* Core comment link classes. */ ul.links li.comment_reply a { } ul.links li.comment_edit a { } ul.links li.comment_delete a { } .comment ul.links li.first { } .comment ul.links li.last { } .comment ul.links li.comment-reply { float: right; } /** * Different status for comments */ /* Author */ .comment-by-anonymous { } .comment-by-node-author { } .comment-by-viewer { } /* New */ .comment-new { } /* Unpublished */ .comment-unpublished { } .comment-unpublished .unpublished { } /** * Comment Form */ .comment-form-wrapper h2 { background: #f5f5f5; border: 1px solid #e2e2e2; border-bottom: 0; margin: 0; padding: .8em; } .comment-form { background: #f5f5f5; border: 1px solid #e2e2e2; padding: 1em; } .comment-form-wrapper form#comment-form { } .comment-form span.button { float: left; margin-right: 5px; } #poll-cancel-form { margin: 0; padding: 0; } #forum { width: 100%; } #forum .name { font-weight: bold; } #forum .description { } /* Forums Table */ #forum table { margin: 0 0 1.5em; width: 99%; } #forum tr.even, #forum tr.odd { background: #fff; border: 1px solid #e5e5e5; } #forum thead th { background: #222; color: #fff; padding: 10px; text-shadow: 1px 0 1px #000; text-transform: uppercase; } #forum thead th a { color: #fff; text-decoration: none; } #forum thead th.active { } #forum td { background: url(../images/dot-w.html) repeat-x left top; border: 1px solid #e2e2e2; padding: 10px; } #forum td a { } #forum td.topics, #forum td.posts, #forum td.replies, #forum td.created, #forum td.last-reply { } /* Forums Head */ #forum tr td.container { background: #f5f5f5; padding: 10px 15px; } #forum tr td.container a { } #forum tr td.container .name { } #forum tr td.container .description { } /* Forums List */ #forum td.forum { width: 60%; } #forum tr.new-topics td.forum { } #forum td.forum .name { background-image: url(../images/forum-default.png); background-position: left center; /* LTR */ background-repeat: no-repeat; line-height: 25px; padding-left: 30px; /* LTR */ } #forum tr.new-topics td.forum .name { background-image: url(../images/forum-default.png); } #forum td.forum .name a { } #forum td.forum .name a:hover { } #forum td.forum .description { color: #666; font-size: 0.9em; padding-left: 30px; } #forum td.topics { font-weight: bold; text-align: center; } #forum td.posts { text-align: center; } /* Topic List */ #forum td.title { } #forum td.title a { } #forum td.title .submitted { } #forum td.replies { text-align: center; } #forum td.last-reply { font-size: 0.85em; } /* Forums Indent */ #forum div.indent { margin-left: 28px; } /* Forums Icons */ #forum .icon div { background-image: url(../images/forum-icons.png); background-repeat: no-repeat; height: 24px; width: 24px; } #forum .icon .topic-status-new { background-position: -24px 0; } #forum .icon .topic-status-hot { background-position: -48px 0; } #forum .icon .topic-status-hot-new { background-position: -72px 0; } #forum .icon .topic-status-sticky { background-position: -96px 0; } #forum .icon .topic-status-closed { background-position: -120px 0; } /* Forums Action Links */ .page-forum ul.action-links { display: block; float: right; list-style: none; margin: 0 0 15px; padding: 0; } .page-forum ul.action-links li { } .page-forum ul.action-links li a { background: url(../images/bg-button-more.png) no-repeat left top; border: 1px solid #ddd; color: #aaa; display: inline-block; font-size: .833em; margin-right: 5px; padding: 2px 10px 3px 21px; text-transform: uppercase; vertical-align: middle; } .page-forum ul.action-links a:hover, .page-forum ul.action-links a:active, .page-forum ul.action-links a:focus { background: url(../images/bg-button-more.png) no-repeat left -25px; color: #7bb9e0; text-decoration: none; } /** * * TODO: check all D7 field class names, these are mostly from D6 CCK... */ /* Wrapper for all fields. */ .field { } /* Field labels */ .field-label { margin: 0; } .field-lable-above .field-label { } .field-lable-inline .field-label { display: inline; } /* Imagefields */ .field-type-image { } .field-type-image img { } /* Use "datetime" when creating new CCK date fields. */ .field-type-datetime { } /* Filefield field. */ .field-type-filefield { } /* Node reference field. */ .field-type-nodereference { } /* User reference field. */ .field-type-userreference { } /* Number fields. */ .field-type-number-decimal { } .field-type-number-float { } .field-type-number-integer { } /* Text fields. */ .field-type-text { } .field-type-text-long { } /* Term reference fields. */ .field-type-taxonomy-term-reference { margin-bottom: 1em; } .field-type-taxonomy-term-reference .field-label { float: left; font-size: 1em; margin-bottom: .5em; margin-right: 5px; } .field-type-taxonomy-term-reference ul { float: none !important; margin: 0; padding: 0; } .field-type-taxonomy-term-reference ul li { list-style: none; float: left; margin-bottom: 5px; margin-right: 5px; } .field-type-taxonomy-term-reference ul li a { border: 1px dotted #ccc; color: #333; display: inline; padding: 1px 10px; } .field-type-taxonomy-term-reference ul li a:hover, .field-type-taxonomy-term-reference ul li a:active, .field-type-taxonomy-term-reference ul li a:focus { background: #ccc; border: 1px solid #ccc; color: #333; text-decoration: none; } /* Imagefield skinr settings */ .ai-l .field-type-image { margin: 4px 20px 10px 0; } .ai-r .field-type-image { margin: 4px 0 10px 20px; } .ai-b, .ai-b .block-inner, .ai-b .block-content { } .ai-b .block-content p, .ai-b .block-content div.field-type-image { } /** * Common Block */ /*----------------------FB粉絲?---------------------*/ .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; /*height: 600px;*/ } @media screen and (max-width: 959px) .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; /* margin-left: 1px; */ } .fbimg .fb-page iframe { /*height: 600px;*/ } .fb_iframe_widget iframe { position: absolute; } /*---------------------------------------------------*/ /*----------------------paenl-counmn----------------------*/ #block-block-14--2 .icon{ background-image:url(images/Settings-24.png); float:left; width:24px; height:24px; margin-right:7px; margin-top: 12px; margin-bottom: 5px; } #block-block-14--2 .block-title{ padding: 5px; color: rgb(126, 192, 99); } #block-block-15--2 .icon{ background-image:url(images/Photos-24.png); float:left; width:24px; height:24px; margin-right: 7px; margin-top: 12px; margin-bottom: 5px; } @media screen and (min-width: 979px){ .region-panel-first-2{ width: 306px; margin-left: -9px; } } #block-block-15--2 .block-title{ padding: 5px; color: rgb(96, 194, 165); } #block-block-16--2 .icon{ background-image:url(images/Camera-24.png); float:left; width:24px; height:24px; margin-right: 7px; margin-top: 12px; margin-bottom: 5px; } #block-block-16--2 .block-title{ padding: 5px; color: rgb(252,183,72); } /*------------------------------------------------------------------*/ #active_news_frame .fa{ float:left; font-size:26px; } #active_news_frame:hover .fa:before{ float:left; font-size:26px; content:"\f086"; } #active_news_frame .new-title{ float:left; padding-left: 5px; font-size: 18px; font-weight: bold; } .active_news_limframe{ float: left; color: #000; /*padding: 20px;*/ width: 100%; } .activenews{ float: left; width: 100%; } .active_news_h4{ float: left; padding-top: 10px; width: calc(100% - 150px); font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media screen and (min-width: 449px){ .activenews{ width: 100%; } } @media screen and (min-width: 415px) and (max-width: 448px){ .active_news_h4{ width: 66%; } .activenews{ width: 100%; } } @media screen and (min-width: 378px) and (max-width: 414px){ .active_news_date{ margin-right: 4px; } .active_news_h4{ width: 62%; } .activenews{ width: 70%; } } @media screen and (max-width: 377px){ .active_news_date{ margin-right: 4px; } .active_news_h4{ width: calc(100% - 83px); } .activenews{ width: 100%; } } .active_news_date{ padding-top: 10px; float: left; margin-right: 10px; font-size: 15px; } .active_news_limframe a{ float:right; } .panelcol{ float:right; /*margin-left:15px;*/ box-shadow: 2px 2px 2px rgba(20%,20%,40%,0.5); } .panelcol_p{ color: #000; float: left; text-decoration: none; /*text-align: justify;*/ font-size: 13px; width: 57%; Font-family: Microsoft JhengHei; display: block; display: -webkit-box; /* max-width: 400px;*/ height: 110px; /* margin: 0 auto; */ font-size: 13px; line-height: 1.4; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } @media screen and (min-width: 595px) and (max-width: 719px){ .panelcol_p{ width:75%; } } @media screen and (min-width: 505px) and (max-width: 594px){ .panelcol_p{ width:70%; } } @media screen and (min-width: 389px) and (max-width: 504px){ .panelcol_p{ width:63%; } } @media screen and (min-width: 720px) and (max-width: 960px){ .panelcol{ padding-top: 5px; margin-top:10px; } .panelcol_p{ width:50%; float:left; padding-top:5px; } } @media screen and (min-width: 720px) and (max-width: 900px){ .panelcol{ float: left; } .panelcol_p{ width:100%; } } /* --- Blocks --- */ #block-block-9 .block-inner{ background:none; border:none; margin:0; padding:0; text-align: center } #block-block-10 span{ margin:0; float: left; padding-bottom: 5px; } #block-block-10 .block-title{ padding-top: 5px; padding-left: 5px; float: left; font-size: 20px; } #block-block-18 .tb-megamenu .tb-block .block-title{ margin: -4px 0 4px; } #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu, .tb-megamenu .nav li.dropdown.open > .dropdown-toggle{ background: none; } #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu a{ font-size: 15px; } #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu a:hover{ background: #f5f5f5; } #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu-subnav a{ font-size: 12px; background: url(../images/bullet-1.png) no-repeat left; padding-left: 20px; } #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu-subnav a:hover{ background: none; background: url(../images/bullet-1-h.png) no-repeat left; } #teaching,#Business,#usually{ padding-right: 180px; padding-left: 0; } .ev_footer p{ color:#ffffff; } #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu .nav li.dropdown.open .caret, #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu .nav li.dropdown.open.active .caret, #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu .nav li.dropdown.open a:hover .caret, #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu .nav li.dropdown.open a:focus .caret{ border-top-color: #000; border-bottom-color: #000; opacity: 1; } #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu .nav > li > a{ background: none; } #block-tb-megamenu-menu-sidbarmenu--2 .tb-megamenu .mega.open > .mega-dropdown-menu{ margin-left: 20px; } .block { margin: 0; } .bebasneueregular .block-title { font-family: BebasNeueRegular; } .region-mass-bottom .block-inner { background: #fff; border: 1px solid #e2e2e2; margin-bottom: 20px; padding: 1.5em 1.5em 5px 1.5em; } .block-inner { background: #fff; border: 1px solid #e2e2e2; margin-bottom: 20px; padding: 1.5em 1.5em 12px 1.5em; } .block-title { } #main-content .block-inner { padding-bottom: 0; } .front #main-content .block-content, .page-forum #main-content .block-content { padding-top: 0 !important; } /* --- Block Lists --- */ .block ul { } .block ul li { margin: 0 0 0 0.5em; } .block ol { } .block ol li { } /* Block Item list */ .block .item-list ul { } .block .item-list ul li { list-style: none; } /* Block Links List */ .block ul.links { } .block ul.links li { } /* Block More Links */ .block .more-link { margin-top: 5px; } .block .more-link a { } /* --- Block Styles--- */ /* Yellow Block */ .yellow-color { background: url(../images/bg-shadow.png) no-repeat bottom center; margin-bottom: 15px; padding-bottom: 5px; } .yellow-color .block-inner { background: #fdfbe9; margin-bottom: 0 !important; } .block-style { text-align: center; } .block-style q { background: url(../images/vline-2.gif) no-repeat bottom center; display: block; margin-bottom: 15px; padding-bottom: 15px; } .yellow-color a { color: #f55d2d; } .yellow-color a:hover { text-decoration: none; } /* Blue Block */ .blue-color .block-inner { background: #7bb9e0; } .blue-color .block-title { color: #fff; } /* Gray Block */ .gray-color .block-inner { /*text-align: center;*/ /* background: #f5f5f5; */ } .gray-color .block-title { color: #aaa; } /* Tag Hot Block */ .tag-hot { position: relative; } .tag-hot .tag { background: url(../images/tags.png) no-repeat left -39px; display: inline-block; height: 13px; line-height: 13px; margin-left: .5em; overflow: hidden; width: 29px; } /* Dark Gray Block */ .dark-gray-color .block-inner { background: #222; } .dark-gray-color .block-title { color: #fff; } /* Icon Block */ .block-icon { cursor: pointer; text-align: center; } .block-icon .block-title { color: #444; font-size: 1.567em; margin: 0; padding-bottom: .8em; text-align: center; } .block-icon:hover .block-title { color: #7bb9e0; text-decoration: none; } .block-icon span { background: url(../images/ico-block.png) no-repeat; display: block; height: 40px; margin: 0 auto 1.833em; width: 40px; } .block-icon-1 span { background-position: 0 0 !important; } .block-icon-1:hover span { background-position: -49px 0 !important; } .block-icon-2 span { background-position: 0 -49px !important; } .block-icon-2:hover span { background-position: -49px -49px !important; } .block-icon-3 span { background-position: 0 -98px !important; } .block-icon-3:hover span { background-position: -49px -98px !important; } .block-icon-4 span { background-position: 0 -147px !important; } .block-icon-4:hover span { background-position: -49px -147px !important; } .block-icon-5 span { background-position: 0 -196px !important; } .block-icon-5:hover span { background-position: -49px -196px !important; } .block-icon-6 span { background-position: 0 -245px !important; } .block-icon-6:hover span { background-position: -49px -245px !important; } .block-icon-7 span { background-position: 0 -290px !important; } .block-icon-7:hover span { background-position: -49px -290px !important; } .block-icon-8 span { background-position: 0 -339px !important; } .block-icon-8:hover span { background-position: -49px -339px !important; } /* Block Style */ /* --- Sidebar Blocks --- */ .sidebar .block { color: #666; } .sidebar .block-inner { } .sidebar .block-title { font-size: 1.8em; font-weight: normal; margin-bottom: .5em; margin-top: 0; } .sidebar .block-content { } #sidebar-first-wrapper .tb-social-list { margin: 0; text-align: center; } #sidebar-first-wrapper .tb-social-list li { background: #fff; display: inline-block; list-style: none; margin: 0 5px 10px 0; padding: 10px 0; text-align: center; /*float: left;*/ width: 80px; } #sidebar-first-wrapper .tb-social-list li span { display: block; } #sidebar-first-wrapper .tb-social-list li span.number { font-weight: bold; } #sidebar-first-wrapper .tb-social-list li a { display: block; height: 36px; margin: 0 auto; padding-bottom: 7px; text-indent: -999em; width: 36px; } #sidebar-first-wrapper .tb-social-list li.rss a { background: url(../images/subscribers.png) no-repeat center center; } #sidebar-first-wrapper .tb-social-list li.facebook a { background: url(../images/fans.png) no-repeat center center; } #sidebar-first-wrapper .tb-social-list li.twitter { margin-right: 0; } #sidebar-first-wrapper .tb-social-list li.twitter a { background: url(../images/follower.png) no-repeat center center; } #sidebar-first .block { } #sidebar-first .block-inner { } #sidebar-first .block-title { } #sidebar-first .block-content { } /* Second Sidebar Blocks */ #sidebar-second .block { } #sidebar-second .block-inner { } #sidebar-second .block-title { } #sidebar-second .block-content { } /* --- Header Blocks --- */ #header-wrapper .block { } /* ---- Footer Blocks --- */ #footer-wrapper .block { } /* --- First Panels Blocks --- */ #panel-first-wrapper .block-inner { border: 1px solid #e2e2e2; min-height: 86px; padding: 1px 15px 8px 15px; } #panel-first-wrapper .block-inner:hover { border-color: #7bb9e0; cursor: pointer; } #panel-first-wrapper .block-title { /*color: #333; */ margin: 7px 0 0.25em 0; } @media screen and (max-width: 959px){ #panel-first-wrapper .block-title{ /*margin-top:0;*/ } } #panel-first-wrapper .panel-first-1 .block-inner { background: #fff url(images/NO-1.jpg) no-repeat right center; } #panel-first-wrapper .panel-first-2 .block-inner { background: #fff url(images/NO-3.jpg) no-repeat right center; } #panel-first-wrapper .panel-first-3 .block-inner { background: #fff url(images/NO-2.jpg) no-repeat right center; } @media screen and (min-width: 720px) and (max-width: 900px){ #panel-first-wrapper .panel-first-1 .block-inner { background: #fff url(images/NO-1_281.jpg) no-repeat right bottom; } #panel-first-wrapper .panel-first-2 .block-inner { background: #fff url(images/NO-3_281.jpg) no-repeat right bottom; } #panel-first-wrapper .panel-first-3 .block-inner { background: #fff url(images/NO-2_281.jpg) no-repeat right bottom; } } #panel-first-wrapper .panel-column-first .grid-inner { padding-right: 0; } #panel-first-wrapper .panel-column-last .grid-inner { float: right; padding-left: 0; } /* --- Second Panels Blocks --- */ #panel-second-wrapper .block-inner { padding: .75em .75em .75em 1.667em; } #panel-second-wrapper .block-content { overflow: hidden; } #panel-second-wrapper .block-content span { float: left; padding-top: 1em; vertical-align: middle; } /*#panel-second-wrapper .block-content a { background: #f8de84; border: 1px solid #dfc874; color: #8c7b3d; display: inline-block; float: right; font-size: .917em; font-weight: bold; padding: 1em 1.5em; text-decoration: none; white-space: nowrap; }*/ /* --- Third Panels Blocks --- */ #panel-third-wrapper .container { background: #fff; border-top: 1px solid #e2e2e2; } #panel-third-wrapper .block-inner { border: none; margin-bottom: 0; padding: 3em 0 1.5em; } /* --- Fourth Panels Blocks --- */ #panel-fourth-wrapper .container { background: #111; } #panel-fourth-wrapper .block-inner { background: none; border: none; padding: 0; } #panel-fourth-wrapper .grid-inner { border-right: 1px solid #1a1a1a; padding: 30px 20px 20px; } #panel-fourth-wrapper .panel-column-first .grid-inner { padding-left: 0; padding-right: 0; } #panel-fourth-wrapper .panel-column-first .block-inner { padding: 0 20px; } .panel-fourth .block-title { color: #fff; font-size: 1.5em; font-weight: normal; margin: 0 0 20px; } #panel-fourth-wrapper .panel-fourth-3 .grid-inner { padding-right: 0; } #panel-fourth-wrapper .block-search .block-inner { border-bottom: 1px solid #1a1a1a; padding: 0 0 30px; } #panel-fourth-wrapper .block-search .block-content { } #panel-fourth-wrapper .block-content img { background: #1a1a1a; float: left; margin-right: 20px; padding: .417em; } #panel-fourth-wrapper .block-content a:hover img { background: #fff; } #panel-fourth-wrapper .intro-text { overflow: hidden; } #panel-fourth-wrapper .intro-text .hire-me { } #panel-fourth-wrapper .intro-text .hire-me a { background: url(../images/bg-button.png) no-repeat -1px 0; border: 1px solid #333; color: #aaa; display: block; float: left; font-size: .833em; padding: 3px 10px 2px 21px; text-decoration: none; text-transform: uppercase; } #panel-fourth-wrapper .intro-text .hire-me a:hover { background: url(../images/bg-button-more.png) no-repeat left -25px; border: 1px solid #292929; color: #7bb9e0; } #panel-fourth-wrapper .block-content ul { margin: 0; width: 100% !important; } #panel-fourth-wrapper .block-content ul li { list-style: none; margin: 0; padding-bottom: 1.25em; } #panel-fourth-wrapper .block-content ul li a { background: url(../images/bullet-1.png) no-repeat left top; color: #aaa; padding-left: 1.833em; } #panel-fourth-wrapper .block-content ul li a:hover, #panel-fourth-wrapper .block-content ul li a:active, #panel-fourth-wrapper .block-content ul li a:focus { background: url(../images/bullet-1-h.png) no-repeat left top; color: #7bb9e0; text-decoration: none; } #panel-fourth-wrapper .block-brilliant-gallery li { background: #0a0a0a; margin-bottom: 10px !important; margin-right: 10px !important; padding: 5px !important; } /** * Specfic Blocks */ /* --- Menu Block --- */ .block-menu .block-title { display: none; } .block-menu .block-inner { padding: 0; } .block-menu ul.menu { margin-bottom: 0; margin-left: 0; } /* --- Node Blocks --- */ .block-node .block-content { } .block-node table { overflow: hidden; width: 100%; } .block-node tbody { border-top: 0; } .block-node table tr td { border-bottom: 1px dotted #ccc; } .block-node table .title-author { padding-left: 0; padding-right: 0; } .block-node table .node-title { font-size: 1em; } .block-node table .node-title a { color: #666; } .block-node table .node-title a:hover, .block-node table .node-title a:active, .block-node table .node-title a:focus { color: #fff; } .block-node table .node-author { color: #999; font-size: 1em; } body.not-logged-in .block-node table td.edit, body.not-logged-in .block-node table td.delete { display: none; /* Hide Edit & Delete TD if not log-in */ } /* --- Forums Block --- */ .block-forum .item-list ul { margin: 0; padding: 0; } .block-forum .item-list ul li { } .block-forum .item-list ul li:first-child { } .block-forum .item-list ul li a { } .block-forum .item-list ul li a:hover, .block-forum .item-list ul li a:active, .block-forum .item-list ul li a:focus { } .block-forum .more-link { } .block-forum .contextual-links-wrapper { display: none; /* Drupal Bug. Temporary hiding this link */ } /* --- Comment Blocks --- */ .block-comment { } /* --- Aggregator Blocks --- */ block-aggregator { } .block-aggregator .item-list ul { margin: 0; padding: 0; } .block-aggregator .item-list ul li { background-image: none; border-bottom: 1px dotted #ccc; padding: .5em 0; } .block-aggregator .item-list ul li:first-child { padding-top: 0; } .block-aggregator .item-list ul li a { color: #666; } .block-aggregator .item-list ul li a:hover, .block-aggregator .item-list ul li a:active, .block-aggregator .item-list ul li a:focus { background: #333; color: #fff; text-decoration: none; } /* --- Search Blocks --- */ .block-search { } /* Search blocks in header */ #header .block-search .block-inner, #header .block-search .form-item { margin: 0; padding: 0; } #header .block-search .container-inline div { display: block; float: left; } #header #search-block-form { padding: 5px; margin: -8px 0 0; overflow: hidden; } #header #search-block-form span.button { float: left; } #header #search-block-form .form-text { padding: 2px 5px; } /* --- User Blocks --- */ .block-user .block-content { background: #111; border: 1px solid #000; padding: 1.667em; } .block-user .block-inner { border-color: #222; } .block-user .form-item { } .block-user .form-item label { } .block-user .form-item-name { } .block-user .form-item-name input { } .block-user .form-item-pass { } .block-user .form-item-pass input { } .block-user .item-list li { display: inline-block; } .block-user p { margin: 0; } /* --- Poll Blocks --- */ .block-poll { } .block-poll .poll { } .block-poll .title { font-weight: bold; margin-bottom: 1em; } .block-poll .links { margin-top: .5em; } /* --- Book Blocks --- */ .block-book { } /* --- Quicktabs Blocks --- */ .block-quicktabs { } .block-quicktabs .block-inner { padding: 0; } .block-quicktabs .block-inner .block-inner { border: none; margin: 0; /* Prevent extra padding in nested blocks */ padding: 0; } /* --- Views Blocks --- */ .block-views { } #slideshow-wrapper .block-inner { border: none; margin-bottom: 0; padding: 0; } /** * Misc. */ /* Login Block - horizontal (theme setting) basic styles */ .lb-h { margin-top: 1px; min-width: 320px; } .region-header .lb-h { float: right; } .lb-h .block-inner, .lb-h .block-content { background: none; padding: 0; } .lb-h #user-login-form { margin: 0; } .lb-h #user-login-form label { line-height: 1.2; } .lb-h .form-item { float: left; margin: 0; } .lb-h input.form-text { margin: 0 3px 0 0; width: 110px; } .lb-h #edit-actions { margin: 0; } .lb-h input.form-submit { margin: 0; position: absolute; top: 1.2em; } .lb-h .form-required, .lb-h .item-list { display: none; } .lb-h h2 { display: none; } /* Skinr block title alignment */ .ta-l .block-title, .ta-l .mini-panel-title { text-align: left; } .ta-r .block-title, .ta-r .mini-panel-title { text-align: right; } .ta-c .block-title, .ta-c .mini-panel-title { text-align: center; } /* Mini panels */ .mini-panel-title { margin: 0 10px; } /* Gpanel blocks */ .gpanel .block-inner { } .gpanel .block-title { } .gpanel .block-content { } #main-content .gpanel .block-inner { } #main-content .gpanel .block-title { } #main-content .gpanel .block-content { } /* Block wrapper for Mini Panels */ .block-panels_mini { } .block-panels_mini .block-inner { } .block-panels_mini .block-content { } .block-panels_mini .mini-panel-title { margin: 0 10px; } /* --- Block Social Share --- */ #social-share-wrapper { position: absolute; right: 0; top: 100px; z-index: 99; } .social-share-inner { background: url(../images/bg-social-share.png) repeat-y top left; border: 1px solid #ddd; padding: 0 5px 5px; position: absolute; top: 0; width: 16px; } .social-share-inner a { background: url(../images/ico-social.png) no-repeat; display: block; height: 16px; margin-top: 5px; opacity: 0.8; overflow: hidden; text-indent: -999em; width: 16px; } .social-share-inner a:hover { opacity: 1; } .social-share-inner a.icon-social-1 { background-position: 0 0; } .social-share-inner a.icon-social-2 { background-position: 0 -21px; } .social-share-inner a.icon-social-3 { background-position: 0 -42px; } .social-share-inner a.icon-social-4 { background-position: 0 -63px; } .social-share-inner a.icon-social-5 { background-position: 0 -84px; } .social-share-inner a.icon-social-6 { background-position: 0 -105px; } .social-share-inner a.icon-social-7 { background-position: 0 -126px; } .social-share-inner a.icon-social-8 { background-position: 0 -147px; } .social-share-inner a.icon-social-9 { background-position: 0 -168px; } /* Change Skin Switch */ #change_skin_menu_wrapper .container { background-color: #0a0a0a; padding-top: 10px; } #change_skin_menu_wrapper ul { list-style: none; margin: 0; padding: 10px 0; text-align: center; } #change_skin_menu_wrapper ul li { display: inline; padding: 0 5px; } #change_skin_menu_wrapper ul li a { display: inline-block; height: 10px; text-indent: -999em; width: 10px; } #change_skin_menu_wrapper ul li.active a { height: 15px; width: 15px; } #change_skin_menu_wrapper a.color-default { background: #7bb9e0; } #change_skin_menu_wrapper a.color-red { background: #e06767; } #change_skin_menu_wrapper a.color-blue { background: #5778a1; } #change_skin_menu_wrapper a.color-orange { background: #e78a0b; } #change_skin_menu_wrapper a.color-green { background: #7e9747; } #change_skin_menu_wrapper a.color-pink { background: #967199; } .panel-pane { } .pane-inner { } .pane-title { } /* Skinr pane title alignment. */ .ta-l .pane-title { text-align: left; } .ta-r .pane-title { text-align: right; } .ta-c .pane-title { text-align: center; } .pane-content { } .panel-pane .feed { } .panel-pane .links { } .panel-pane .more-link { } /* --- Common Links --- */ a { color: #7BB9E0; text-decoration: none; } a:visited { } a:hover { color: #7BB9E0; text-decoration: none; } a:active, a:focus { text-decoration: none; } /* Any menu block in the menu-bar region */ .nav { clear: both; margin: 0; } .nav li, .nav .menu li { display: inline; float: left; list-style: none; } .nav li a, .nav .menu li a { display: block; padding: 0 10px; white-space: nowrap; } .nav ul, .nav ul.menu, .nav ul.menu li { margin: 0; padding: 0; } .nav .block { margin: 0; padding: 0; } /* --- Default Drupal Menu --- */ .block ul.menu { font-weight: bold; } .block ul.menu ul { font-weight: normal; } .block ul.menu li { border-bottom: 1px solid #e2e2e2; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .block ul.menu li:hover, .block ul.menu li:active, .block ul.menu li:focus { } ul.menu li.expanded li, ul.menu li.collapsed li, ul.menu li.leaf li { border-bottom: 1px solid #2a2a2a; } ul.menu li.expanded li li, ul.menu li.collapsed li li, ul.menu li.leaf li li { border-bottom: none; padding: 0 3.3em; } .block ul.menu li a { background: url(../images/plus.png) no-repeat 1.1em center; color: #aaa; display: block; font-family: BebasNeueRegular; font-size: 1.5em; font-weight: normal; padding: 1.1em 1.1em 1.1em 2.222em; } .block ul.menu li li a { background-image: url(../images/bullet-1.png); background-position: 1.667em center; background-repeat: no-repeat; border-bottom: 1px solid #2a2a2a; font-family: Helvetica, Arial, sans-serif; font-size: 1em; padding-left: 3.3em; } .block ul.menu li a:visited { } .block ul.menu li > a:hover, .block ul.menu li > a:focus, .block ul.menu li > a:active, .block ul.menu li.expanded > a { background: #f5f5f5 url(../images/plus-h.png) no-repeat 1.1em center; color: #333; text-decoration: none; } .block ul.menu li li a:hover, .block ul.menu li li a:focus, .block ul.menu li li a:active { background: url(../images/bullet-1-h.png) no-repeat 1.667em center; color: #7BB9E0; } /* Expanded Items */ .block ul.menu li.expanded { } .block ul.menu li.expanded li.expanded { } .block ul.menu li.expanded li.expanded > a { background: #222 url(../images/bullet-1-h.png) no-repeat 1.667em center; border-bottom: 1px solid #2a2a2a; color: #7BB9E0; } .block ul.menu li.expanded li.last a { border-bottom: none; } .block ul.menu li.expanded ul { background-color: #222; } .block ul.menu li.expanded ul ul { } /* Collapsed Item */ .block ul.menu li.collapsed { } .block ul.menu li li.collapsed a, .block ul.menu li.expanded li.collapsed a { } /* Leaf Items */ .block ul.menu li.expandedli.leaf a { } .block ul.menu li.expanded li.leaf a { padding-left: 3.3em; } .block ul.menu li.expanded li.expanded li.leaf a { background-position: 0 center; padding-left: 2.2em; } /* Active Items */ .block ul.menu li.active-trail > a, .block ul.menu li > a.active { } .block ul.menu li.leaf a.active { } .block ul.menu li li a.active { background: url(../images/bullet-1-h.png) no-repeat 1.667em center; border-bottom: 1px solid #2a2a2a; color: #7BB9E0; } .block ul.menu li li li a.active { } /* Misc. Items */ .block ul.menu li.first { } .block ul.menu li.last { border-bottom: 0; } .block ul.menu li.content { padding: 0; } /* --- Breadcrumb --- */ #breadcrumb-wrapper { font-size: .92em; } #breadcrumb-wrapper .container { background: #fff; padding-bottom: 5px; } #breadcrumb-wrapper .grid-inner { background: #f9f9f9; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; padding: 0 20px; } #breadcrumb-wrapper ol { display: block; float: left; line-height: 30px; margin: 0; padding: 0; } #breadcrumb-wrapper ol li { border-right: 1px solid #e2e2e2; display: block; float: left; list-style: none; margin: 0 1em 0 0; padding: 1em 1.5em 1em 0; } #breadcrumb-wrapper ol li.crumb-home { background: url(../images/ico-home.png) no-repeat left center; overflow: hidden; text-indent: -9999em; width: 16px; padding-left: 0; } #breadcrumb-wrapper ol li span { display: none; float: left; text-align: center; width: 20px; } #breadcrumb-wrapper ol li a { color: #aaa; display: block; float: left; font-weight: bold; } #breadcrumb-wrapper ol li a.active, #breadcrumb-wrapper ol li a:hover, #breadcrumb-wrapper ol li a:focus { color: #7BB9E0; text-decoration: none; } /* --- Seconday Menu (User Menu) --- */ #secondary-menu { clear: right; text-align: right; padding-top: .75em; display: block; } #secondary-menu ul { margin: .5em 0 0 0; } #secondary-menu ul li { display: inline; margin: 0; padding: 0 0 0 .5em; } #secondary-menu ul li a { } #secondary-menu ul li a:hover, #secondary-menu ul li a:active, #secondary-menu ul li a:focus { } /* --- Footer Menu --- */ #footer ul.menu { float: left; margin: -3px 0 0; padding: 0; } #footer ul.menu li { border-right: 1px dotted #CCC; display: block; float: left; margin: 0; padding: 0; } #footer ul.menu li a { padding: 3px 10px; display: block; float: left; } #footer ul.menu li a:hover, #footer ul.menu li a:active, #footer ul.menu li a:focus { color: #333; text-decoration: none; } #footer ul.menu li a.active { background: #C00; color: #FFF; } /* --- Pager --- */ div.pager { border-top: 1px solid #e2e2e2; margin-left: -1.5em; padding-left: 3em; width: 100%; } .item-list ul.pager { border-top: 1px solid #e2e2e2; margin: 0 -1.5em; width: 100%; padding-right: 3em; } .item-list ul.pager li { margin: 0; } .item-list ul.pager li { background-image: none; display: inline-block; font-size: .917em; line-height: normal; list-style-type: none; margin: 0; padding: 0; } ul.pager li a { background: #fff; color: #aaa; display: inline-block; padding: 1em 1.5em; } ul.pager li a:visited { } ul.pager li a:hover, ul.pager li a:active, ul.pager li a:focus { color: #7BB9E0; text-decoration: none; } ul.pager li a.active { } ul.pager li.pager-item { } ul.pager li.first { } ul.pager li.last { } .item-list ul.pager li.pager-current { background: #7BB9E0; color: #FFF; margin-right: -3px; padding: 1em 1.5em; } ul.pager li.pager-first { } ul.pager li.pager-previous { } ul.pager li.pager-next { } ul.pager li.pager-last { } /* Pager List */ ul.pager-list { float: right; } /* Pager Links */ ul.pager-links { display: none; } /* --- Items List --- */ .item-list ul { margin: 0; padding: 0; } .item-list ul li { list-style: none; margin: 0; } .item-list ul li a { } .item-list ul li a:hover, .item-list ul li a:active, .item-list ul li a:focus { } /* --- Links --- */ .links a { } ul.links { } ul.links li { } ul.links li a { } /* --- Action Links --- */ ul.action-links { list-style: none; margin: 5px; padding: 0.5em 1em; } ul.action-links li { display: inline-block; margin-left: 10px; } ul.action-links li a { background: url(../images/plus.png) no-repeat left center; margin: 0 10px 0 0; padding-left: 15px; } /* --- More Links --- */ .more-link { } .more-link a { } /* SUPERFISH ----------------------------------------------------*/ .sf-menu { } .sf-menu a { padding: .5em 1em; text-decoration: none; } .sf-menu > li > a { } .sf-menu li { background: transparent; } .sf-menu li li { } .sf-menu li li li { } .sf-menu li li li li { } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /* --- Supperfish --- */ .block-superfish .block-inner, .block-superfish .block-inner .block-content { margin: 0; padding: 0; } .block-superfish ul, .block-superfish ul ul, .block-superfish ul ul ul, .block-superfish ul ul ul ul, .block-superfish li { margin: 0; padding: 0; } .sf-vertical, .sf-vertical li { width: 100%; } .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; /* match ul width */ margin: 0; padding: 0; top: 0; } ul.sf-navbar { padding-bottom: 38px !important; /* Height for navbar */ } /** * Tabs */ /* --- System Tabs --- */ ul.primary { background: url(../images/line.gif) repeat-x left bottom; border-bottom: 0; height: 36px; margin: 0 0 1.5em; padding: 0 0 0 1em; } ul.primary li { display: block; float: left; margin-right: .08em; padding: 0 0.833em; height: 35px; line-height: 35px; } ul.primary li.active { background-color: #FFF; border-color: #e2e2e2 #e2e2e2 #FFF; border-style: solid; border-width: 1px 1px 0; } ul.primary li a { background-color: transparent; border: 0; color: #666; padding: 0; text-transform: uppercase; } ul.primary li a:hover { background-color: transparent; border: 0; color: #7bb9e0; } ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background: none; border: 0; } .local-tasks ul.primary li a:hover { background-color: transparent; border-bottom: 0; } .local-tasks ul.primary li.active a { background-color: #FFF; border-bottom-color: #FFF; } ul.secondary { border-bottom: 1px solid #CCC; margin: 1em 0 0; padding: 0 .3em 1em; } ul.secondary li { border-right: 0; list-style: none; padding: 0 2em 0 0; } ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; } /** * Misc. */ #tasks { margin-bottom: 1em; } /* Skip Navigation */ #skip-link { } #skip-link a, #skip-link a:visited { } #skip-link a:hover, #skip-link a:active, #skip-link a:focus { } /* Back To Top */ a.btn-btt { background: #f5f5f5; color: #aaa; float: right; line-height: normal; padding: .6em .8em; margin: 1em 0; } a.btn-btt:hover, a.btn-btt:active, a.btn-btt:focus { background: #333; color: #FFF; text-decoration: none; } /* Contextual Links */ .contextual-links-wrapper ul { } .contextual-links-wrapper ul li { background-image: none; } /* Feed Icon */ a.feed-icon { display: none; } a.feed-icon img { margin: 0; padding: 0; } /* --- Common Links --- */ a { color: #7bb9e0; text-decoration: none; } a:visited { } a:hover { color: #0062A0; text-decoration: none; } a:active, a:focus { text-decoration: none; } /* Any menu block in the menu-bar region */ .nav { clear: both; margin: 0; } .nav li, .nav .menu li { display: inline; float: left; list-style: none; } .nav li a, .nav .menu li a { display: block; padding: 0 10px; white-space: nowrap; } .nav ul, .nav ul.menu, .nav ul.menu li { margin: 0; padding: 0; } .nav .block { margin: 0; padding: 0; } /* --- Default Drupal Menu --- */ .block ul.menu { font-weight: bold; } .block ul.menu ul { font-weight: normal; } .block ul.menu li { border-bottom: 1px solid #e2e2e2; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .block ul.menu li:hover, .block ul.menu li:active, .block ul.menu li:focus { } ul.menu li.expanded li, ul.menu li.collapsed li, ul.menu li.leaf li { border-bottom: 1px solid #2a2a2a; } ul.menu li.expanded li li, ul.menu li.collapsed li li, ul.menu li.leaf li li { border-bottom: none; padding: 0 3.3em; } .block ul.menu li a { background: url(../images/plus.png) no-repeat 1.1em center; color: #000000; display: block; font-family: BebasNeueRegular; font-size: 1.5em; font-weight: normal; padding: 1.1em 1.1em 1.1em 2.222em; } .block ul.menu li li a { background-image: url(../images/bullet-1.png); background-position: 1.667em center; background-repeat: no-repeat; border-bottom: 1px solid #2a2a2a; font-family: Helvetica, Arial, sans-serif; font-size: 1em; padding-left: 3.3em; } .block ul.menu li a:visited { } .block ul.menu li > a:hover, .block ul.menu li > a:focus, .block ul.menu li > a:active, .block ul.menu li.expanded > a { background: rgb(180,200,138) url(../images/plus-h.png) no-repeat 1.1em center; color: #ffffff; text-decoration: none; } .block ul.menu li li a:hover, .block ul.menu li li a:focus, .block ul.menu li li a:active { background: url(../images/bullet-1-h.png) no-repeat 1.667em center; color: #7bb9e0; } /* Expanded Items */ .block ul.menu li.expanded { } .block ul.menu li.expanded li.expanded { } .block ul.menu li.expanded li.expanded > a { background: #222 url(../images/bullet-1-h.png) no-repeat 1.667em center; border-bottom: 1px solid #2a2a2a; color: #7bb9e0; } .block ul.menu li.expanded li.last a { border-bottom: none; } .block ul.menu li.expanded ul { background-color: #222; } .block ul.menu li.expanded ul ul { } /* Collapsed Item */ .block ul.menu li.collapsed { } .block ul.menu li li.collapsed a, .block ul.menu li.expanded li.collapsed a { } /* Leaf Items */ .block ul.menu li.expandedli.leaf a { } .block ul.menu li.expanded li.leaf a { padding-left: 3.3em; } .block ul.menu li.expanded li.expanded li.leaf a { background-position: 0 center; padding-left: 2.2em; } /* Active Items */ .block ul.menu li.active-trail > a, .block ul.menu li > a.active { } .block ul.menu li.leaf a.active { } .block ul.menu li li a.active { background: url(../images/bullet-1-h.png) no-repeat 1.667em center; border-bottom: 1px solid #2a2a2a; color: #7bb9e0; } .block ul.menu li li li a.active { } /* Misc. Items */ .block ul.menu li.first { } .block ul.menu li.last { border-bottom: 0; } .block ul.menu li.content { padding: 0; } /* --- Breadcrumb --- */ #breadcrumb-wrapper { font-size: .92em; } #breadcrumb-wrapper .container { background: #fff; padding-bottom: 5px; } #breadcrumb-wrapper .grid-inner { background: #f9f9f9; border-bottom: 1px solid #e2e2e2; border-top: 1px solid #e2e2e2; padding: 0 20px; } #breadcrumb-wrapper ol { display: block; float: left; line-height: 30px; margin: 0; padding: 0; } #breadcrumb-wrapper ol li { border-right: 1px solid #e2e2e2; display: block; float: left; list-style: none; margin: 0 1em 0 0; padding: 1em 1.5em 1em 0; } #breadcrumb-wrapper ol li.crumb-home { background: url(../images/ico-home.png) no-repeat left center; overflow: hidden; padding-left: 0; text-indent: -9999em; width: 16px; } #breadcrumb-wrapper ol li span { display: none; float: left; text-align: center; width: 20px; } #breadcrumb-wrapper ol li a { color: #aaa; display: block; float: left; font-weight: bold; } #breadcrumb-wrapper ol li a.active, #breadcrumb-wrapper ol li a:hover, #breadcrumb-wrapper ol li a:focus { color: #7bb9e0; text-decoration: none; } /* --- Seconday Menu (User Menu) --- */ #secondary-menu { clear: right; display: block; padding-top: .75em; text-align: right; } #secondary-menu ul { margin: .5em 0 0 0; } #secondary-menu ul li { display: inline; margin: 0; padding: 0 0 0 .5em; } #secondary-menu ul li a { } #secondary-menu ul li a:hover, #secondary-menu ul li a:active, #secondary-menu ul li a:focus { } /* --- Footer Menu --- */ #footer ul.menu { float: left; margin: -3px 0 0; padding: 0; } #footer ul.menu li { border-right: 1px dotted #ccc; display: block; float: left; margin: 0; padding: 0; } #footer ul.menu li a { display: block; float: left; padding: 3px 10px; } #footer ul.menu li a:hover, #footer ul.menu li a:active, #footer ul.menu li a:focus { color: #333; text-decoration: none; } #footer ul.menu li a.active { background: #c00; color: #fff; } /* --- Pager --- */ div.pager { border-top: 1px solid #e2e2e2; margin-left: -1.5em; padding-left: 3em; width: 100%; } ul.pager { clear: both; margin: 0; text-align: center; } .item-list ul.pager li { margin: 0; } ul.pager li { background-image: none; border-right: 1px solid #e2e2e2; display: block; float: left; font-size: .917em; line-height: normal; list-style-type: none; margin: 0; padding: 0; } ul.pager li a, ul.pager li span { display: inline-block; padding: 1em 1.5em; } ul.pager li a { background: #fff; color: #aaa; } ul.pager li a:visited { } ul.pager li a:hover, ul.pager li a:active, ul.pager li a:focus { color: #7bb9e0; text-decoration: none; } ul.pager li a.active { } ul.pager li.pager-item { } ul.pager li.first { } ul.pager li.last { } ul.pager li.pager-current span { background: #7bb9e0; color: #fff; } ul.pager li.pager-first { } ul.pager li.pager-previous { } ul.pager li.pager-next { } ul.pager li.pager-last { } /* Pager List */ ul.pager-list { float: right; } /* Pager Links */ ul.pager-links { display: none; } /* --- Items List --- */ .item-list ul { margin: 0; padding: 0; } .item-list ul li { list-style: none; margin: 0; } .item-list ul li a { } .item-list ul li a:hover, .item-list ul li a:active, .item-list ul li a:focus { } /* --- Links --- */ .links a { } ul.links { } ul.links li { } ul.links li a { } /* --- Action Links --- */ ul.action-links { list-style: none; margin: 5px; padding: 0.5em 1em; } ul.action-links li { display: inline-block; margin-left: 10px; } ul.action-links li a { background: url(../images/plus.png) no-repeat left center; margin: 0 10px 0 0; padding-left: 15px; } /* --- More Links --- */ .more-link { } .more-link a { } /* SUPERFISH ----------------------------------------------------*/ .sf-menu { } .sf-menu a { padding: .5em 1em; text-decoration: none; } .sf-menu > li > a { } .sf-menu li { background: transparent; } .sf-menu li li { } .sf-menu li li li { } .sf-menu li li li li { } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } /* --- Supperfish --- */ .block-superfish .block-inner, .block-superfish .block-inner .block-content { margin: 0; padding: 0; } .block-superfish ul, .block-superfish ul ul, .block-superfish ul ul ul, .block-superfish ul ul ul ul, .block-superfish li { margin: 0; padding: 0; } .sf-vertical, .sf-vertical li { width: 100%; } .sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; /* match ul width */ margin: 0; padding: 0; top: 0; } ul.sf-navbar { padding-bottom: 38px !important; /* Height for navbar */ } /** * Tabs */ /* --- System Tabs --- */ ul.primary { background: url(../images/line.gif) repeat-x left bottom; border-bottom: 0; height: 36px; margin: 0 0 1.5em; padding: 0 0 0 1em; } ul.primary li { display: block; float: left; height: 35px; line-height: 35px; margin-right: .08em; padding: 0 0.833em; } ul.primary li.active { background-color: #fff; border-color: #e2e2e2 #e2e2e2 #fff; border-style: solid; border-width: 1px 1px 0; } ul.primary li a { background-color: transparent; border: 0; color: #666; padding: 0; text-transform: uppercase; } ul.primary li a:hover { background-color: transparent; border: 0; color: #7bb9e0; } ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background: none; border: 0; } .local-tasks ul.primary li a:hover { background-color: transparent; border-bottom: 0; } .local-tasks ul.primary li.active a { background-color: #fff; border-bottom-color: #fff; } ul.secondary { border-bottom: 1px solid #ccc; margin: 1em 0 0; padding: 0 .3em 1em; } ul.secondary li { border-right: 0; list-style: none; padding: 0 2em 0 0; } ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; } /** * Misc. */ #tasks { margin-bottom: 1em; } /* Skip Navigation */ #skip-link { } #skip-link a, #skip-link a:visited { } #skip-link a:hover, #skip-link a:active, #skip-link a:focus { } /* Back To Top */ a.btn-btt { background: #f5f5f5; color: #aaa; float: right; line-height: normal; margin: 1em 0; padding: .6em .8em; } a.btn-btt:hover, a.btn-btt:active, a.btn-btt:focus { background: #333; color: #fff; text-decoration: none; } /* Contextual Links */ .contextual-links-wrapper ul { } .contextual-links-wrapper ul li { background-image: none; } /* Feed Icon */ a.feed-icon { display: none; } a.feed-icon img { margin: 0; padding: 0; } /* Responsive menu */ .responsive-menu-button { background: url("../images/icon-navigation.gif") no-repeat center center #3b3b3b; border: 1px solid #2e2e2e !important; display: none; height: 18px; padding: 7px 10px; position: absolute; right: 0; text-indent: -9999px; top: -44px; width: 18px; } @import url(../fonts/bebas-neue/stylesheet.css); /** * Font-Family Presets */ /* sans-serif small */ body.bf-sss, .bf-sss .form-text, .snf-sss .site-name, .ssf-sss .site-slogan, .ptf-sss #page-title, .ntf-sss .node-title, .ctf-sss .comment-title, .btf-sss .block-title { font-family: Calibri, Candara, "Helvetica Neue", "Trebuchet MS", Arial, Helvetica, sans-serif; } /* sans-serif large */ body.bf-ssl, .bf-ssl .form-text, .snf-ssl .site-name, .ssf-ssl .site-slogan, .ptf-ssl #page-title, .ntf-ssl .node-title, .ctf-ssl .comment-title, .btf-ssl .block-title { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } /* sans-serif arial/helvitica */ body.bf-a, .bf-a .form-text, .snf-a .site-name, .ssf-a .site-slogan, .ptf-a #page-title, .ntf-a .node-title, .ctf-a .comment-title, .btf-a .block-title { font-family: Helvetica, Arial, sans-serif; } /* serif small */ body.bf-ss, .bf-ss .form-text, .snf-ss .site-name, .ssf-ss .site-slogan, .ptf-ss #page-title, .ntf-ss .node-title, .ctf-ss .comment-title, .btf-ss .block-title { font-family: Garamond, Perpetua, "Times New Roman", serif; } /* serif large */ body.bf-sl, .bf-sl .form-text, .snf-sl .site-name, .ssf-sl .site-slogan, .ptf-sl #page-title, .ntf-sl .node-title, .ctf-sl .comment-title, .btf-sl .block-title { font-family: Georgia, Baskerville, Palatino, "Palatino Linotype", "Book Antiqua", "Times New Roman", serif; } /* modern */ body.bf-m, .bf-m .form-text, .snf-m .site-name, .ssf-m .site-slogan, .ptf-m #page-title, .ntf-m .node-title, .ctf-m .comment-title, .btf-m .block-title { font-family: "Segoe UI", "Myriad Pro", Myriad, Arial, Helvetica, sans-serif; } /* lucida */ body.bf-l, .bf-l .form-text, .snf-l .site-name, .ssf-l .site-slogan, .ptf-l #page-title, .ntf-l .node-title, .ctf-l .comment-title, .btf-l .block-title { font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Geneva, sans-serif; } /* mono */ body.bf-ms, .bf-ms .form-text, .snf-ms .site-name, .ssf-ms .site-slogan, .ptf-ms #page-title, .ntf-ms .node-title, .ctf-ms .comment-title, .btf-ms .block-title { font-family: Consolas, Monaco, "Courier New", Courier, monospace; } /* * Base Font Sizes */ /* Base fontsize is 62.5% = 10px. Change the value in html-elements.css */ .fs-smallest { font-size: 1.0em; } .fs-small { font-size: 1.1em; } .fs-medium { font-size: 1.2em; } .fs-large { font-size: 1.3em; } .fs-largest { font-size: 1.4em; } /* Superfish */ .sf-menu.sf-style-sirate a { text-shadow: 0 0 0 #2e2e2e; } .sf-menu.sf-style-sirate a:hover, .sf-menu.sf-style-sirate a:active, .sf-menu.sf-style-sirate a:focus { text-shadow: 0 0 0 #4a6689; } .sf-shadow ul { -moz-border-radius: 0; -webkit-border-radius: 0; } .sf-navbar.sf-style-sirate a, .sf-menu.sf-style-sirate a:hover, .sf-menu.sf-style-sirate a:active, .sf-menu.sf-style-sirate a:focus { text-shadow: none; } /* Logo & Site name */ #name-and-slogan .site-slogan { text-shadow: 1px 0 0 #f4f4f4; } /* --- Block Social Share --- */ .social-share-inner { box-shadow: inset 0 1px 1px #ccc; } /** * Panel First */ #panel-first-wrapper .block-inner:hover { box-shadow: 0 0 5px #dcdcdc; } /** * Panel Second */ #panel-second-wrapper .block-content a { box-shadow: 0 0 3px #f6f6f6; text-shadow: 0 1px 1px #fff; } /** * Panel Fourth */ #panel-fourth-wrapper .intro-text .hire-me a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /** * Mass Bottom */ #mass-bottom-wrapper .views-field-view-node .field-content a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /** * Button Article */ .article .menu ul.links li a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .article .menu ul.links li.comment_forbidden { border-radius: 0; } /* Back To Top */ a.btn-btt { -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #e2e2e2; border-radius: 2px; } /* Form */ #search-block-form span.button { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #user-login-form span.button, span.button input.form-submit { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /** * Tabs */ ul.primary li { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; text-shadow: 0 1px 1px #ffffff; } /* Accordion */ .ui-corner-all, .ui-corner-top, .ui-corner-bottom { border-radius: 0; } /* --- Blogs --- */ .page-forum ul.action-links li a, .page-blog ul.action-links li a { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /** * Quicktabs */ .quicktabs-style-sirate .quicktabs_main div.view-tags .item-list ul li a, .quick-accordion-sirate .ui-accordion-content .block .view-tags .item-list ul li a, .quicktabs-ui-sirate .ui-tabs-panel .block .view-tags .item-list ul li a { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } /* --- Block Styles--- */ /* Tag Hot Block */ .tag-hot .tag { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } /** * Footer */ #footer .tb-copyright { text-shadow: 0 1px 1px #151515; } /** * Nucleus Responsive */ body { -webkit-text-size-adjust: 100%; /* Fix Mobile Safari Font Scale */ overflow-x: hidden; } img { max-width: 100% !important; height: auto; } /** * Responsive Layout */ @media (max-width: 719px) { .wrapper .container, .wrapper .grid { width: 100% !important; } .grid-inner { padding: 0 10px; } /* Main Container ---*/ .grid-inner, .container, #main-wrapper #main-content, #main-wrapper .sidebar { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #main-wrapper #main-content { width: 100% !important; } #main-wrapper #main-content > .grid-inner { padding: 10px; margin: 0; } .node-title { font-family: Arial, Helvetica, sans-serif !important; font-weight: bold; } /** * Panels & grid-views */ .views-col, .panel-column { width: 100% !important; } /** * Slideshow */ .view-simple-slideshow .views_slideshow_main > div > div, .views-slideshow-cycle-main-frame-row, .views-slideshow-cycle-main-frame, #slideshow-wrapper .views_slideshow_slide { width: 100% !important; } #slideshow-wrapper .views-field-field-slideshow img { height: auto; width: 100%; } /* Pager */ .item-list .pager, .item-list ul.pager li { float: none; } .item-list ul.pager li.pager-current { display: inline-block; } ul.pager li a, ul.pager li span { display: inline-block; float: none; } } @media (min-width: 400px) and (max-width: 959px){ .tb-megamenu .tb-block .block-title { background: inherit; color: #ddd; padding-left: 20px; bottom: 0; position: absolute; top: 97%; text-align: center; } #block-block-18 img { margin-bottom: 20px; } h2{ /*width:400px;*/ padding-top:10px; } } @media (min-width: 720px) and (max-width: 959px) { .wrapper .container, .wrapper .grid { width: 100% !important; } .grid-inner { padding: 0 20px; } @media (min-width: 400px) and (max-width: 959px){ .tb-megamenu .tb-block .block-title { background: inherit; color: #ddd; padding-left: 20px; bottom: 0; position: absolute; top: 97%; text-align: center; } } /* Main Container ---*/ .grid-inner, .container, #main-wrapper #main-content, #main-wrapper .sidebar { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #main-wrapper #main-content { width: 100% !important; } #main-wrapper #main-content > .grid-inner { /* padding: 20px;*/ margin: 0; } .node-title { font-family: Arial, Helvetica, sans-serif !important; font-weight: bold; } /** * Panels & Views */ .cols-1 .views-col, .panel-cols-1 .panel-column { width: 100% !important; } .cols-2 .views-col, .panel-cols-2 .panel-column { width: 50% !important; } .cols-3 .views-col, .panel-cols-3 .panel-column { width: 33.3% !important; } .cols-4 .views-col, .panel-cols-4 .panel-column { width: 33.3% !important; } .cols-4 .views-col-last, .panel-cols-4 .panel-column-last { width: 100% !important; } /** * Slideshow */ .view-simple-slideshow .views_slideshow_main > div > div, .views-slideshow-cycle-main-frame-row, .views-slideshow-cycle-main-frame, #slideshow-wrapper .views_slideshow_slide { width: 100% !important; } } /** * * Basic styles for print. * TODO: This needs work. */ /* Body */ body { background: none; color: #000; font-family: Garamond, Perpetua, "Nimbus Roman No9 L", "Times New Roman", serif; font-size: 11pt; letter-spacing: 0.2pt; line-height: 1.4; margin: 0 !important; padding: 0 !important; width: 100% !important; word-spacing: 1.1pt; } /* Strip backgrounds of likely candidates */ header, footer, #branding, #container, #columns, .columns-inner, #content-column, .content-inner, .region, .region-header, .region-content, .article, .article-title, .article-content, .comment, .comment-title, .comment-content, .block, .block-inner, .block-title, .block-content, table { background: none !important; } /* Hide various parts of the site. */ .sidebar, #breadcrumb, .nav, .field-type-taxonomy-term-reference, ul.links, ul.links a, .feed-icon, .poll .bar, .poll .bar .foreground, .comment-form, #comment-form, .book-navigation, .tabs { display: none; } /* Display the main content region */ .region-content { display: block !important; } /* Layout */ .content-inner { margin: 0 !important; padding: 0 !important; } /* HTML elements */ h1, h2, h3, h4, h5, h6, #site-name { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } h1 { font-size: 14pt; } h2 { font-size: 13pt; } h3 { font-size: 12pt; } h4, h5, h6 { font-size: 11pt; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #site-name a { text-decoration: none !important; } h1#page-title { margin-top: 1em; } pre, code, tt, samp, kbd, var { font-family: Consolas, "Lucida Console", Menlo, Monaco, "DejaVu Sans Mono", monospace, sans-serif; /* Safari hack */ font-size: 10pt; } blockquote { font-size: 10pt; font-style: italic; margin: 1.3em; padding: 1em; } hr { background-color: #ccc; } /* Header, Logo, Site name */ header { padding-bottom: 15px; } #logo img { float: none !important; margin: 0 !important; padding: 0 10px 0 0; } .hgroup a:link, .hgroup a:visited { text-decoration: none; } /* Images */ img { float: left; margin: 4px 20px 10px 0; page-break-inside: avoid; } a img { border: none; } /* Links */ a:link, a:visited { background: transparent; color: #333; font-weight: 700; text-decoration: underline; } a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 10pt; } a[href^="http://"] { color: #000; } /* Table */ table { margin: 1px; text-align: left; } th { border-bottom: 1px solid #333; font-weight: 700; } td { border-bottom: 1px solid #333; } th, td { padding: 4px 10px 4px 0; } tfoot { font-style: italic; } caption { background: #fff; margin-bottom: 1em; text-align: left; } thead { display: table-header-group; } tr { page-break-inside: avoid; } /* Forms */ form { margin-bottom: 10px; } /* Poll module */ .poll .text, .poll .percent, .poll .total { text-align: left; } .poll form { margin-bottom: 0; } /* Articles */ .article { border-bottom: 1px solid #ccc; margin-bottom: 10px; } /** * Responsive Elements */ body { -webkit-text-size-adjust: 100%; /* Fix Mobile Safari Font Scale */ overflow-x: hidden; } #page { position: relative; } #header-wrapper .grid-inner { padding: 0 10px; } #header { height: 110px; padding-top: 10px; } /** * Responsive Layout */ .wrapper .container { width: 100% !important; } #main-wrapper .container-inner { margin-left: 0; padding: 0; width: 100% !important; } #main-wrapper .main-group, #main-wrapper .group-cols-2, #main-wrapper .group-cols-1 { width: 100% !important; } .grid-inner { padding: 0 10px; } /* Main Container ---*/ .grid-inner, .container, #main-wrapper #main-content, #main-wrapper #sidebar-first-wrapper { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #main-wrapper #main-content { width: 100% !important; } #main-wrapper #main-content > .grid-inner { padding: 0 10px; margin: 0; } .node-blog, .node-article, .node-poll, .node-forum, .node-photo-gallery, .node-fashion { padding-left: 0; } .node-title { font-family: Arial, Helvetica, sans-serif !important; font-size: 1.467em; font-weight: bold; } /* Sidebar First */ #sidebar-first-wrapper { padding-top: 0; width: 100% !important; } #sidebar-first-wrapper > .grid-inner { padding: 0 10px; } #sidebar-first-wrapper .sidebar .block { margin-bottom: 0; } #sidebar-first-wrapper .region > .block { background: none; width: 100%; display: inline-block; vertical-align: top; padding-top: 0; margin-top: 0; } #sidebar-first-wrapper .quicktabs-wrapper .block-inner { margin: 0; } #sidebar-first-wrapper .cols-3 .views-row, #panel-first-wrapper .cols-3 .views-row { float: left; width: 50%; } #sidebar-first-wrapper .cols-1 .views-row { width: 100%; } #sidebar-first-wrapper .cols-1 .views-col { margin-right: 25px; width: auto; } #sidebar-first-wrapper .view-projects .grid-inner, #panel-first-wrapper .view-gallery .grid-inner { padding: 0 15px 0 0; } #sidebar-first-wrapper .views-field img { height: auto; width: 100%; } /* Pager */ .item-list .pager, .item-list ul.pager li { float: none; margin-left: -3px; } .item-list ul.pager li.pager-current { display: inline-block; } ul.pager li a, ul.pager li span { display: inline-block; float: none; } /* Main Menu */ #menu-bar-wrapper { padding-top: 10px; } #menu-bar-wrapper .container { background: none; padding-bottom: 0; } #menu-bar-wrapper .region-menu-bar { background: none; border: none; } #menu-bar-wrapper .grid-inner { padding: 0; } #menu-bar-wrapper .block-superfish { background: #3b3b3b; } /* Superfish */ .sf-menu.sf-style-sirate { clear: both; float: none !important; z-index: 99; } .sf-menu.sf-style-sirate li { background: none !important; border-top: 1px solid #4d4d4d; float: none; margin-left: 0; padding-right: 0 !important; text-align: left; } .sf-menu.sf-style-sirate > li.first a { background: none !important; text-indent: 0 !important; width: auto !important; } .sf-menu.sf-style-sirate li a { font-weight: bold; padding: 10px 15px; text-shadow: none !important; } .sf-menu.sf-style-sirate li a.active { border-bottom: none; color: #7bb9e0; } .sf-menu.sf-style-sirate li a:hover, .sf-menu.sf-style-sirate li a:focus { color: #fff; text-decoration: none; } .sf-menu.sf-style-sirate > li:hover > a, .sf-menu.sf-style-sirate > li > a:focus, .sf-menu.sf-style-sirate > li > a:hover, .sf-menu.sf-style-sirate > li > a:active, .sf-menu.sf-style-sirate > li > a.active:hover { background-color: transparent !important; color: #7bb9e0; } .sf-menu.sf-style-sirate .active-trail .sf-depth-1 { background-color: transparent !important; color: #7bb9e0; } .sf-menu.sf-style-sirate li ul { background: none !important; position: static !important; float: none !important; margin: 0 !important; padding: 0 !important; position: static; top: 0; width: 100% !important; } .sf-menu.sf-style-sirate ul li { background: none; } .sf-menu.sf-style-sirate ul li:first-child { border-top: 1px solid #4d4d4d !important; } .sf-menu.sf-style-sirate ul li a { border: none !important; padding: 10px 30px !important; } .sf-menu.sf-style-sirate ul li a.active { background: none !important; color: #7bb9e0 !important; } .sf-menu.sf-style-sirate ul li.last a { border-bottom: none !important; } .sf-menu.sf-style-sirate ul > li:hover, .sf-menu.sf-style-sirate ul > li.sfHover, .sf-menu.sf-style-sirate ul > li a:focus, .sf-menu.sf-style-sirate ul > li a:hover, .sf-menu.sf-style-sirate ul > li a:active { background: none !important; color: #7bb9e0 !important; } .sf-menu.sf-style-sirate .sf-sub-indicator { top: 1em !important; } /** * Panels & Views */ .cols-1 .views-col, .panel-cols-1 .panel-column, .cols-2 .views-col, .cols-3 .views-col, .cols-4 .views-col, .panel-cols-2 .panel-column, .panel-cols-3 .panel-column, .panel-cols-4 .panel-column { width: 100% !important; } .views-field img { height: auto; width: 100%; } #panel-first-wrapper .panel-column-first .grid-inner { padding-right: 10px; } #panel-first-wrapper .panel-column-last .grid-inner { float: none; padding-left: 10px; } .views-field img, .field-type-image img { height: auto; width: 100%; } #panel-second-wrapper .block-content a { } #panel-fourth-wrapper .cols-3 .views-row { width: 100%; } #panel-fourth-wrapper .cols-3 .views-col { width: 33.3% !important; } #panel-fourth-wrapper .cols-3 .grid-inner { padding-right: 25px; } #panel-fourth-wrapper .cols-3 .views-row { margin-bottom: 5px; } #panel-fourth-wrapper .grid-inner { border-top: 1px solid #1a1a1a; } #panel-fourth-wrapper .view .grid-inner { border-top: none; } #slideshow-wrapper .region-slideshow { /*border-top: 1px solid #e2e2e2; padding: 0.417em 0;*/ } #slideshow-wrapper .container { padding-bottom: 10px; } /* Mass Bottom */ #mass-bottom-wrapper .cols-2 .grid-inner { margin-right: 0; } /* Block */ .block-inner { margin-bottom: 10px; } .quicktabs-style-sirate .views-field-field-image img { width: 50px !important; } .galleryformatter .gallery-slides, .gallery-processed .gallery-frame, .gallery-processed .gallery-frame li { width: 100% !important; } .galleryformatter .gallery-slides img, .galleryformatter-greenarrows .gallery-thumbs li img { height: auto; width: 100%; } .galleryformatter .gallery-thumbs { width: auto !important; } .yellow-color { margin-bottom: 10px; } /** * Slideshow */ #slideshow-wrapper .grid-inner { padding: 0; } #slideshow-wrapper .views_slideshow_slide { width: 100% !important; } #slideshow-wrapper .views-field-field-slideshow img { height: auto; width: 100%; } /** * Blocks */ .fullwidth { width: 100%; } /** * Form */ .form-item .description { width: 100%; } #user-login-form .form-text { width: 90% !important; } .subscriber-form .form-text { width: 92%; } #search-block-form .form-text { width: 80% !important; } /* Comment */ #comments, .comment { margin-left: 0; } /* Article */ .article { min-height: 0; padding-left: 0; } .article > .submitted { min-height: 0; } .article > .header { margin-left: 0; } .article .field-type-image { float: none; margin-right: 0; } .node-submitted-comments { border-bottom: none; padding: 0; } .article .menu ul.links li.comment-add { float: left; } /* Social */ #social-share-wrapper { left: 0 !important; top: 0 !important; } .social-share-inner { background: #f1f1f1; padding: 5px 0; text-align: center; width: 100%; } .social-share-inner a { display: inline-block; margin-right: 5px; } /* Change skin menu */ #change_skin_menu_wrapper ul li { padding: 5px; } #change_skin_menu_wrapper ul li a { width: 20px; height: 20px; } #change_skin_menu_wrapper ul li.active a { height: 25px; width: 25px; } /* Skins */ .blue-skin .responsive-menu-button { border-color: #5778a1 !important; } .blue-skin .sf-menu.sf-style-sirate li a.active, .blue-skin .sf-menu.sf-style-sirate > li:hover > a, .blue-skin .sf-menu.sf-style-sirate > li > a:focus, .blue-skin .sf-menu.sf-style-sirate > li > a:hover, .blue-skin .sf-menu.sf-style-sirate > li > a:active, .blue-skin .sf-menu.sf-style-sirate > li > a.active:hover, .blue-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .blue-skin .sf-menu.sf-style-sirate ul li a.active, .blue-skin .sf-menu.sf-style-sirate ul > li:hover, .blue-skin .sf-menu.sf-style-sirate ul > li.sfHover, .blue-skin .sf-menu.sf-style-sirate ul > li a:focus, .blue-skin .sf-menu.sf-style-sirate ul > li a:hover, .blue-skin .sf-menu.sf-style-sirate ul > li a:active { color: #5778a1 !important; } .red-skin .responsive-menu-button { border-color: #e06767 !important; } .red-skin .sf-menu.sf-style-sirate li a.active, .red-skin .sf-menu.sf-style-sirate > li:hover > a, .red-skin .sf-menu.sf-style-sirate > li > a:focus, .red-skin .sf-menu.sf-style-sirate > li > a:hover, .red-skin .sf-menu.sf-style-sirate > li > a:active, .red-skin .sf-menu.sf-style-sirate > li > a.active:hover, .red-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .red-skin .sf-menu.sf-style-sirate ul li a.active, .red-skin .sf-menu.sf-style-sirate ul > li:hover, .red-skin .sf-menu.sf-style-sirate ul > li.sfHover, .red-skin .sf-menu.sf-style-sirate ul > li a:focus, .red-skin .sf-menu.sf-style-sirate ul > li a:hover, .red-skin .sf-menu.sf-style-sirate ul > li a:active { color: #e06767 !important; } .red-skin .responsive-menu-button { border-color: #7e9747 !important; } .green-skin .sf-menu.sf-style-sirate li a.active, .green-skin .sf-menu.sf-style-sirate > li:hover > a, .green-skin .sf-menu.sf-style-sirate > li > a:focus, .green-skin .sf-menu.sf-style-sirate > li > a:hover, .green-skin .sf-menu.sf-style-sirate > li > a:active, .green-skin .sf-menu.sf-style-sirate > li > a.active:hover, .green-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .green-skin .sf-menu.sf-style-sirate ul li a.active, .green-skin .sf-menu.sf-style-sirate ul > li:hover, .green-skin .sf-menu.sf-style-sirate ul > li.sfHover, .green-skin .sf-menu.sf-style-sirate ul > li a:focus, .green-skin .sf-menu.sf-style-sirate ul > li a:hover, .green-skin .sf-menu.sf-style-sirate ul > li a:active { color: #7e9747 !important; } .pink-skin { border-color: #967199; } .pink-skin .responsive-menu-button { border-color: #967199 !important; } .pink-skin .sf-menu.sf-style-sirate li a.active, .pink-skin .sf-menu.sf-style-sirate > li:hover > a, .pink-skin .sf-menu.sf-style-sirate > li > a:focus, .pink-skin .sf-menu.sf-style-sirate > li > a:hover, .pink-skin .sf-menu.sf-style-sirate > li > a:active, .pink-skin .sf-menu.sf-style-sirate > li > a.active:hover, .pink-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .pink-skin .sf-menu.sf-style-sirate ul li a.active, .pink-skin .sf-menu.sf-style-sirate ul > li:hover, .pink-skin .sf-menu.sf-style-sirate ul > li.sfHover, .pink-skin .sf-menu.sf-style-sirate ul > li a:focus, .pink-skin .sf-menu.sf-style-sirate ul > li a:hover, .pink-skin .sf-menu.sf-style-sirate ul > li a:active { color: #967199 !important; } .orange-skin .responsive-menu-button { border-color: #e78a0b !important; } .orange-skin .sf-menu.sf-style-sirate li a.active, .orange-skin .sf-menu.sf-style-sirate > li:hover > a, .orange-skin .sf-menu.sf-style-sirate > li > a:focus, .orange-skin .sf-menu.sf-style-sirate > li > a:hover, .orange-skin .sf-menu.sf-style-sirate > li > a:active, .orange-skin .sf-menu.sf-style-sirate > li > a.active:hover, .orange-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .orange-skin .sf-menu.sf-style-sirate ul li a.active, .orange-skin .sf-menu.sf-style-sirate ul > li:hover, .orange-skin .sf-menu.sf-style-sirate ul > li.sfHover, .orange-skin .sf-menu.sf-style-sirate ul > li a:focus, .orange-skin .sf-menu.sf-style-sirate ul > li a:hover, .orange-skin .sf-menu.sf-style-sirate ul > li a:active { color: #e78a0b !important; } /** * Responsive Elements */ th, td { padding: .3em; } /* Sidebar First */ #sidebar-first-wrapper { padding: 0; } /** * Panels & grid-views */ .cols-1 .views-col, .cols-2 .views-col, .cols-3 .views-col, .cols-4 .views-col, .panel-cols-1 .panel-column, .panel-cols-2 .panel-column, .panel-cols-3 .panel-column, .panel-cols-4 .panel-column { width: 100% !important; } /* Navigation */ ul.primary { background: none; white-space: normal; } ul.primary li a { display: inline-block; margin-bottom: 5px; white-space: nowrap; } ul.primary, #user-login .form-text { width: 100% !important; } /* Block */ #sidebar-first-wrapper .tb-social-list li { margin: 0 10px 5px 0; width: 76px; } /* Form */ .contact-form .form-text, .form-text { width: 97% !important; } #search-form .form-submit { margin-top: 5px; } /* Back to Top */ a.btn-btt { display: none; } #slideshow-wrapper .views_slideshow_controls_text span { top: 45px; } #social-share-wrapper { left: 28%; } /** * Responsive Elements */ body { -webkit-text-size-adjust: 100%; /* Fix Mobile Safari Font Scale */ overflow-x: hidden; } #page { position: relative; } #header { height: 113px; padding-top: 10px; } /** * Responsive Layout */ .wrapper .container { width: 100% !important; } #main-wrapper { margin: 0; } #main-wrapper .container-inner { width: 100% !important; } #main-wrapper .main-group { width: 100% !important; } .grid-inner { padding: 0 20px; } /* Main Container ---*/ .grid-inner, .container, #main-wrapper #main-content, #main-wrapper #sidebar-first-wrapper { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #main-wrapper #main-content { width: 100% !important; } #main-wrapper .group-cols-1, #main-wrapper .group-cols-2 { width: 100%; } #main-content .grid-inner { padding: 0 20px; margin: 0; } /* Sidebar First */ #sidebar-first-wrapper { padding-top: 0; margin-bottom: 20px; width: 100% !important; } #sidebar-first-wrapper .grid-inner { background: #fff; border: 1px solid #e2e2e2; margin: 0 20px; padding: 20px 10px 0; } #sidebar-first-wrapper .sidebar .block { margin-bottom: 0; } #sidebar-first-wrapper .region > .block { display: inline-block; float: left; padding-top: 0; margin-top: 0; vertical-align: top; width: 50%; } #sidebar-first-wrapper .region > .block .block-inner { margin: 0 10px 20px; } #sidebar-first-wrapper .region > .fullwidth { width: 100% !important; } .fullwidth { width: 100% !important; } #sidebar-first-wrapper .quicktabs-wrapper .block-inner { margin: 0; } #sidebar-first-wrapper .cols-3 .views-row { float: left; width: 50%; } #sidebar-first-wrapper .cols-1 .views-row { float: left; width: 33%; } #sidebar-first-wrapper .cols-1 .views-col { margin-right: 25px; width: auto; } #sidebar-first-wrapper .view-projects .grid-inner { padding: 0 15px 0 0; } /** * Header */ #header-wrapper .grid-inner { padding: 0 20px; } /* Search blocks in header */ #header #search-block-form { display: none; } /* Social */ #social-share-wrapper { left: 0 !important; top: 0 !important; } .social-share-inner { background: #f1f1f1; padding: 5px 0; text-align: center; width: 100%; } .social-share-inner a { display: inline-block; margin-right: 5px; } /* Change skin menu */ #change_skin_menu_wrapper ul li { padding: 5px; } #change_skin_menu_wrapper ul li a { width: 20px; height: 20px; } #change_skin_menu_wrapper ul li.active a { height: 25px; width: 25px; } /* Main Menu */ #menu-bar-wrapper { padding-top: 10px; } #menu-bar-wrapper .container { background: none; padding-bottom: 0; } #menu-bar-wrapper .region-menu-bar { background: none; border: none; } #menu-bar-wrapper .grid-inner { padding: 0; } #menu-bar-wrapper .block-superfish { background: #3b3b3b; } /* Superfish */ .sf-menu.sf-style-sirate { clear: both; float: none !important; z-index: 99; } .sf-menu.sf-style-sirate li { background: none !important; border-top: 1px solid #4d4d4d; float: none; margin-left: 0; padding-right: 0 !important; text-align: left; } .sf-menu.sf-style-sirate > li.first a { background: none !important; text-indent: 0 !important; width: auto !important; } .sf-menu.sf-style-sirate li a { font-weight: bold; padding: 10px 15px; text-shadow: none !important; } .sf-menu.sf-style-sirate li a.active { border-bottom: none; color: #7bb9e0; } .sf-menu.sf-style-sirate li a:hover, .sf-menu.sf-style-sirate li a:focus { color: #fff; text-decoration: none; } .sf-menu.sf-style-sirate > li:hover > a, .sf-menu.sf-style-sirate > li > a:focus, .sf-menu.sf-style-sirate > li > a:hover, .sf-menu.sf-style-sirate > li > a:active, .sf-menu.sf-style-sirate > li > a.active:hover { background-color: transparent !important; color: #7bb9e0; } .sf-menu.sf-style-sirate .active-trail .sf-depth-1 { background-color: transparent !important; color: #7bb9e0; } .sf-menu.sf-style-sirate li ul { background: none !important; position: static !important; float: none !important; margin: 0 !important; padding: 0 !important; position: static; top: 0; width: 100% !important; } .sf-menu.sf-style-sirate ul li { background: none; } .sf-menu.sf-style-sirate ul li:first-child { border-top: 1px solid #4d4d4d !important; } .sf-menu.sf-style-sirate ul li a { border: none !important; padding: 10px 30px !important; } .sf-menu.sf-style-sirate ul li a.active { background: none !important; color: #7bb9e0 !important; } .sf-menu.sf-style-sirate ul li.last a { border-bottom: none !important; } .sf-menu.sf-style-sirate ul > li:hover, .sf-menu.sf-style-sirate ul > li.sfHover, .sf-menu.sf-style-sirate ul > li a:focus, .sf-menu.sf-style-sirate ul > li a:hover, .sf-menu.sf-style-sirate ul > li a:active { background: none !important; color: #7bb9e0 !important; } .sf-menu.sf-style-sirate .sf-sub-indicator { top: 1em !important; } /** * Panels & Views */ .panel-cols-1 .panel-column { width: 100% !important; } .panel-cols-2 .panel-column { width: 50% !important; } .panel-cols-3 .panel-column { width: 33.3% !important; } .panel-cols-4 .panel-column { width: 50% !important; } #panel-fourth-wrapper .panel-cols-3 .panel-column { width: 50% !important; } #panel-fourth-wrapper .panel-cols-3 .panel-column-last { border-top: 1px solid #1a1a1a; width: 100% !important; } #panel-fourth-wrapper .cols-3 .views-row { float: left; width: 50%; } #panel-fourth-wrapper .views-field img { width: 90% !important; height: auto; margin-bottom: 15px; } #panel-fourth-wrapper .panel-fourth-3 .grid-inner { padding-right: 15px; } .views-field img, .field-type-image img { height: auto; width: 100%; } #panel-second-wrapper .block-inner { /*padding-bottom: 0;*/ } #slideshow-wrapper .region-slideshow { /*border-top: 1px solid #e2e2e2; padding: 0.417em 0;*/ } #panel-second-wrapper .block-content span { display: inline-block; float: none; margin-right: 4%; width: 75%; padding-top: 0; } #panel-second-wrapper .block-content a { /*float: none;*/ } #panel-first-wrapper .container { padding-right: 20px; } #panel-first-wrapper .grid-inner { padding: 0 0 0 20px; } #panel-first-wrapper .panel-column-last .grid-inner { padding-left: 20px; width: 100% !important; } /* Block */ .quicktabs-style-sirate .views-field-field-image img { width: 50px; } #panel-first-wrapper .block-inner { /*padding-right: 50px;*/ } /** * Slideshow */ #slideshow-wrapper .views_slideshow_slide { width: 100% !important; } #slideshow-wrapper .views-field-field-slideshow img { height: auto; width: 100%; } /** * Blocks */ .fullwidth { width: 100%; } .field-type-text-long { width: 65%; } .block-contact-form-blocks input[type="text"] { width: 48%; } .contact-form .form-textarea-wrapper { width: 50%; } /* Breadcrumb */ #breadcrumb-wrapper .grid-inner { padding: 0 2.5em; } /* Article */ .article .field-type-image { float: none; margin-right: 0; } /* Skins */ .blue-skin .sf-menu.sf-style-sirate li a.active, .blue-skin .sf-menu.sf-style-sirate > li:hover > a, .blue-skin .sf-menu.sf-style-sirate > li > a:focus, .blue-skin .sf-menu.sf-style-sirate > li > a:hover, .blue-skin .sf-menu.sf-style-sirate > li > a:active, .blue-skin .sf-menu.sf-style-sirate > li > a.active:hover, .blue-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .blue-skin .sf-menu.sf-style-sirate ul li a.active, .blue-skin .sf-menu.sf-style-sirate ul > li:hover, .blue-skin .sf-menu.sf-style-sirate ul > li.sfHover, .blue-skin .sf-menu.sf-style-sirate ul > li a:focus, .blue-skin .sf-menu.sf-style-sirate ul > li a:hover, .blue-skin .sf-menu.sf-style-sirate ul > li a:active { color: #5778a1 !important; } .red-skin .sf-menu.sf-style-sirate li a.active, .red-skin .sf-menu.sf-style-sirate > li:hover > a, .red-skin .sf-menu.sf-style-sirate > li > a:focus, .red-skin .sf-menu.sf-style-sirate > li > a:hover, .red-skin .sf-menu.sf-style-sirate > li > a:active, .red-skin .sf-menu.sf-style-sirate > li > a.active:hover, .red-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .red-skin .sf-menu.sf-style-sirate ul li a.active, .red-skin .sf-menu.sf-style-sirate ul > li:hover, .red-skin .sf-menu.sf-style-sirate ul > li.sfHover, .red-skin .sf-menu.sf-style-sirate ul > li a:focus, .red-skin .sf-menu.sf-style-sirate ul > li a:hover, .red-skin .sf-menu.sf-style-sirate ul > li a:active { color: #e06767 !important; } .green-skin .sf-menu.sf-style-sirate li a.active, .green-skin .sf-menu.sf-style-sirate > li:hover > a, .green-skin .sf-menu.sf-style-sirate > li > a:focus, .green-skin .sf-menu.sf-style-sirate > li > a:hover, .green-skin .sf-menu.sf-style-sirate > li > a:active, .green-skin .sf-menu.sf-style-sirate > li > a.active:hover, .green-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .green-skin .sf-menu.sf-style-sirate ul li a.active, .green-skin .sf-menu.sf-style-sirate ul > li:hover, .green-skin .sf-menu.sf-style-sirate ul > li.sfHover, .green-skin .sf-menu.sf-style-sirate ul > li a:focus, .green-skin .sf-menu.sf-style-sirate ul > li a:hover, .green-skin .sf-menu.sf-style-sirate ul > li a:active { color: #7e9747 !important; } .pink-skin .sf-menu.sf-style-sirate li a.active, .pink-skin .sf-menu.sf-style-sirate > li:hover > a, .pink-skin .sf-menu.sf-style-sirate > li > a:focus, .pink-skin .sf-menu.sf-style-sirate > li > a:hover, .pink-skin .sf-menu.sf-style-sirate > li > a:active, .pink-skin .sf-menu.sf-style-sirate > li > a.active:hover, .pink-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .pink-skin .sf-menu.sf-style-sirate ul li a.active, .pink-skin .sf-menu.sf-style-sirate ul > li:hover, .pink-skin .sf-menu.sf-style-sirate ul > li.sfHover, .pink-skin .sf-menu.sf-style-sirate ul > li a:focus, .pink-skin .sf-menu.sf-style-sirate ul > li a:hover, .pink-skin .sf-menu.sf-style-sirate ul > li a:active { color: #967199 !important; } .orange-skin .sf-menu.sf-style-sirate li a.active, .orange-skin .sf-menu.sf-style-sirate > li:hover > a, .orange-skin .sf-menu.sf-style-sirate > li > a:focus, .orange-skin .sf-menu.sf-style-sirate > li > a:hover, .orange-skin .sf-menu.sf-style-sirate > li > a:active, .orange-skin .sf-menu.sf-style-sirate > li > a.active:hover, .orange-skin .sf-menu.sf-style-sirate .active-trail .sf-depth-1, .orange-skin .sf-menu.sf-style-sirate ul li a.active, .orange-skin .sf-menu.sf-style-sirate ul > li:hover, .orange-skin .sf-menu.sf-style-sirate ul > li.sfHover, .orange-skin .sf-menu.sf-style-sirate ul > li a:focus, .orange-skin .sf-menu.sf-style-sirate ul > li a:hover, .orange-skin .sf-menu.sf-style-sirate ul > li a:active { color: #e78a0b !important; } /** * Responsive Elements */ /* Change skin menu */ #change_skin_menu_wrapper ul li { padding: 5px; } #change_skin_menu_wrapper ul li a { width: 20px; height: 20px; } #change_skin_menu_wrapper ul li.active a { height: 25px; width: 25px; } div.container { width: 972px; } .grid-1 { width: 81px; } .grid-2 { width: 162px; } .grid-3 { width: 243px; } .grid-4 { width: 324px; } .grid-5 { width: 405px; } .grid-6 { width: 486px; } .grid-7 { width: 567px; } .grid-8 { width: 648px; } .grid-9 { width: 729px; } .grid-10 { width: 810px; } .grid-11 { width: 891px; } .grid-12 { width: 972px; } /** Green Color */ /* --- Navigation --- */ a { color: #7e9747; } a:hover, a:focus { color: #7e9747; } body { background: url(images/bg-body.gif) repeat left top; } #page-title { background-color: #7e9747; } .node-title a:hover, .node-title a:active, .node-title a:focus { color: #7e9747; } /* Superfish */ .sf-menu.sf-style-sirate > li.first a, .sf-menu.sf-style-sirate > li.first a:hover, .sf-menu.sf-style-sirate > li.first a.active, .sf-menu.sf-style-sirate > li.first a:focus { background: url("images/ico_home.png") no-repeat center center; } .sf-menu.sf-style-sirate > li.first a:hover, .sf-menu.sf-style-sirate > li.first a.active, .sf-menu.sf-style-sirate > li.first a:focus { background-color: #222; } .sf-menu.sf-style-sirate ul > li:hover, .sf-menu.sf-style-sirate ul > li.sfHover, .sf-menu.sf-style-sirate ul > li a:focus, .sf-menu.sf-style-sirate ul > li a:hover, .sf-menu.sf-style-sirate ul > li a:active { background-color: #7e9747; } .sf-menu.sf-style-sirate ul li a.active { background-color: #7e9747; } .sf-navbar.sf-style-sirate li li:hover, .sf-navbar.sf-style-sirate li li.sfHover, .sf-navbar.sf-style-sirate li li > a:focus, .sf-navbar.sf-style-sirate li li > a:hover, .sf-navbar.sf-style-sirate li li > a:active, .sf-navbar.sf-style-sirate li li > a.active:hover, .sf-navbar.sf-style-sirate ul li > a.active { background-color: transparent !important; color: #7e9747 !important; } /* Navigation */ .block ul.menu li.expanded li.expanded > a, .block ul.menu li li a:hover, .block ul.menu li li a:focus, .block ul.menu li li a:active { color: #7e9747; } .block ul.menu li.expanded li.expanded > a, .block ul.menu li li a:hover, .block ul.menu li li a:focus, .block ul.menu li li a:active, .block ul.menu li li a.active { background: url("images/bullet-1-h.png") no-repeat 1.667em center #222222; color: #7e9747; } .item-list ul.pager li.pager-current { background-color: #7e9747; } ul.pager li a:hover, ul.pager li a:active, ul.pager li a:focus { color: #7e9747; } ul.primary li a:hover { color: #7e9747; } /* Block */ .blue-color .block-inner { background-color: #7e9747; } #panel-fourth-wrapper .block-content ul li a:hover, #panel-fourth-wrapper .block-content ul li a:active, #panel-fourth-wrapper .block-content ul li a:focus { background: url("images/bullet-1-h.png") no-repeat left top; color: #7e9747; } #panel-fourth-wrapper .intro-text .hire-me a:hover { color: #7e9747; } /* Mass Bottom */ #mass-bottom-wrapper .views-field-title a:hover, #mass-bottom-wrapper .views-field-title a:focus { color: #7e9747; } #mass-bottom-wrapper .views-field-view-node a:hover, #mass-bottom-wrapper .views-field-view-node a:focus { background: url("images/bg-button-more.png") no-repeat left -25px; color: #7e9747; } /* Articles */ .article .menu ul.links li a:hover, .article .menu ul.links li a:focus { color: #7e9747; } .article .menu ul.links li.comment_forbidden a:hover { color: #7e9747; } /* Custom Block */ #panel-first-wrapper .block-inner:hover { border-color: #7e9747; } .block-icon:hover .block-title { color: #7e9747; } .block-icon span { background: url("images/ico-block.png") no-repeat; } #panel-fourth-wrapper .intro-text .hire-me a:hover { background: url("images/bg-button-more.png") no-repeat left -25px; } /* Quicktab */ .quicktabs-style-sirate ul.quicktabs-tabs li.active { border-top-color: #7e9747; } .quicktabs-style-sirate ul.quicktabs-tabs li a:hover, .quicktabs-style-sirate ul.quicktabs-tabs li a:focus, .quicktabs-style-sirate .quicktabs_main .block .item-list ul li a:hover, .quicktabs-style-sirate .quicktabs_main .block .item-list ul li a:focus, .quicktabs-style-sirate .quicktabs_main .block .item-list ul li a:active { color: #7e9747; } .quicktabs-style-sirate .quicktabs_main .block div.view-tags .item-list ul li a:hover { background-color: #7e9747; } /* Form */ span.button input.form-submit:hover, .article .menu ul.links li a:hover, .article .menu ul.links li a:focus { background: url("images/bg-button-more.png") no-repeat left -25px; color: #7e9747; } #user-login-form .form-item-name input:focus, #user-login-form .form-item-pass input:focus, #user-login-form .form-item-openid-identifier input:focus { border-color: #7e9747; } .page-forum ul.action-links a:hover, .page-forum ul.action-links a:active, .page-forum ul.action-links a:focus, .page-blog ul.action-links a:hover, .page-blog ul.action-links a:active, .page-blog ul.action-links a:focus, #user-login-form input.form-submit:hover, #user-login-form input.form-submit:focus { background: url("images/bg-button-more.png") no-repeat left -25px; color: #7e9747; } .form-text:focus, textarea:focus { border-color: #7e9747; } #user-login-form .item-list li a:hover, #user-login-form .item-list li a:focus { color: #7e9747; } /* Gallery Formatter */ .galleryformatter .gallery-thumbs .arrow, .galleryformatter-greenarrows .gallery-thumbs li.active a, .galleryformatter-greenarrows .gallery-thumbs li a:hover { background: url("images/btn-photostream.png") no-repeat; } /* Poll */ .page-poll .region-content .block-content ul li a { background: url("images/bullet-1-h.png") no-repeat left center; } www.4399vns.com-˹˶ij-www.4399vns.comʱϷһվʽ

ط^mIlչ

104Ws@hYn-h}}Ma1041214ɴ~WYĺ鸣ԴڎIĎYЭh֮Ҫԣcd^ԌHЄPڵĻf^졣

Subscribe to Ilչо RSS

hЇСWУLԇ12·mŰ񣬴~WDa-Yeh UniversityСWУLΌILӖࡹŮ

x

ȥƄӡlչԌWУ֮^„IӋĄWfW˔δ_30˵ČWУ_³·

x

~Wȥ_OûhҊġСWУLΌILӖࡹ56ˈЌWThĸۼ̨ǰ텢ӡ

x

ɴ~WYġIlչоkġšУLILӑ 1021ڴ~WeУsаλšУLWR

x

51591 ûhlW·168̖

~W Ddؾ

“jˣ???֙C(04) 8511888 #1771

Emailte4008@mail.dyu.edu.tw

No.168, University Rd., Dacun, Changhua 51591, Taiwan(R.O.C.)

Copyright ? 2016 Da-Yeh University ??All Rights Reserved.

Powered by Computer Center