/** * Fixes to Leviton + Drupal CSS conflicts. * * Recommended to use ID selector #leviton for higher specificity over * the default CSS. */ /* Header menu */ #header .region { float: right; height: 28px; width: 600px; margin-right: 48px; } #header .region ul { float: right; position: relative; padding-right: 0px; } #header ul.menu li { padding: 0; padding-left: 8px; } /* Navigation menu */ #nav ul.menu li { margin: 0; padding: 0; width: auto; } #nav ul.menu li.first { background-image: none; padding-left: 10px; } #nav>ul>li>a { margin-left: 0em; margin-right: 0em; padding-top: 0em; padding-bottom: 0pt; padding-right: .5em; padding-left: 1.0em; } /* Hide special menu separator from breadcrumb display */ .breadcrumb .separator { display: none; } .page-options li.last a { border-right: 0px !important; } /* Sidebar second: multiple nested div messes this up */ /* A nested div unnamed class is just asking for trouble in theming so lets just override Leviton stylesheet. */ /* Primary links */ #column-container ul.primary, .left-column ul.primary { border: 0px; float: right; margin: 10px 0px 10px; } #column-container ul.primary:after, .left-column ul.primary:after { clear: both; } #column-container ul.primary li, .left-column ul.primary li { list-style-type: none; float: left; font-size: 77%; font-weight: bold; height: 13px; } #column-container ul.primary li a, .left-column ul.primary li a { text-decoration: none; color: #333; display: block; background: none no-repeat right center; padding-right: 0px; margin-left: 8px; height: 13px; line-height: 13px; border-style: none; } #column-container { clear: both; } /* Form elements */ .xlabel { font-weight: bold; font-size: 14px; line-height: 21px; height: 21px; } .form-item label { font-size: 14px; font-weight: normal; } .form-item .description ul li { font-size: inherit; line-height: inherit; } .form-item select { border: 1px inset; border-radius: 5px; height: 32px; padding: 5px; } .form-item select[multiple="multiple"] {; height: auto; } .form-item input[type="color"], .form-item input[type="email"], .form-item input[type="number"], .form-item input[type="password"], .form-item input[type="tel"], .form-item input[type="url"], .form-item input[type="text"] { border: 1px inset; border-radius: 5px; padding: 5px; } .form-item textarea { border: 1px inset; border-radius: 5px; padding: 5px; } html.js input.form-autocomplete { background-position: 100% 4px; background-size: 17px auto; } html.js input.throbbing { background-position: 100% -18px; } /* Date field */ .form-type-date-popup label { display: none; } .container-inline-date .date-padding { padding: 0px !important; } .field-type-datetime fieldset { border-radius: 0px; margin-bottom: 0px; } .field-type-datetime fieldset legend { background: none; border-radius: 0; width: 100%; padding: 0; } .field-type-datetime .fieldset-legend { font-size: 100%; font-weight: bold; margin: 0; } .field-type-datetime .fieldset-legend a { color: inherit; } .field-type-datetime .fieldset-wrapper { background: none; border: 0px; } .field-type-datetime .fieldset-content { margin: 0px; } /* Fieldset */ fieldset { border-radius: 5px 5px 5px 5px; margin-bottom: 8px; height: auto !important; } fieldset legend { background: none repeat scroll 0 0 #CCCCCC; border-radius: 5px 5px 0 0; width: 100%; padding: 8px 0 8px 0; } .fieldset-legend { font-size: 93%; font-weight: bold; margin-left: 12px; } .fieldset-legend a { color: #000; } .fieldset-wrapper { background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #E7E7E7; } .ie7 .fieldset-wrapper { zoom: 1; } .fieldset-wrapper:before, .fieldset-wrapper:after { content: " "; display: block; height: 0; overflow: hidden; } .fieldset-wrapper:after { clear: both; } .fieldset-content { margin: 16px 55px 16px 16px; } .fieldset-content .lft { width: 50%; } .fieldset-description { font-size: 14px; line-height: 21px; margin-bottom: 21px; } .form-item .description { font-size: 10px; } /* Drupal messages */ #column-container .messages ul, #column-container .error ul { background-color: inherit; margin: 0 0 0 1em; padding: 0; } /* Comments */ #comments span { white-space: pre-line; } .comment-unpublished, .comment-unpublished div { background-color: #E7E7E7 !important; color: black !important; } /* Widgets */ /*.widg-content div { border-bottom-width: 0px; text-align: center; background: inherit; }*/ .widg-content ul li { padding: 10px 0px !important; list-style-type: none !important; } .widg-content .form-item .form-item { margin: 0px !important; } /*.widg-content .views-field { padding: 0px 30px 8px 30px; text-align: left; }*/ .widg-content .views-field .field-content, .widg-content .views-field .field-content div { font-size: 100%; text-align: left !important; } .widg-content .views-field .field-content a { padding: 0px; display: inline; font-size: inherit; font-weight: normal; text-align: left !important; } .widg-content .field-content img { margin-left: 0px !important; text-align: left; } .widg-content .file img { margin-right: 0px !important; } .widg-content .file a { padding-top: 0; text-align: left; display: inline-block; font-weight: normal; width: 150px !important; word-break: break-all; } .image-widg div div { background: transparent !important; } .brand-page-widget.image-widg .item-list ul, .brand-page-widget.image-widg .view-content ul { background: transparent; } #user-login-form .item-list ul li { padding: 0 0 !important; } .brand-page-widget.image-widg .view-content ul li { margin-left: 30px; /* http://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */ word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; /* Non standard for webkit */ word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .brand-page-widget.image-widg .view-content ul li a { padding-left: 0px; padding-top: 0px; text-align: left; width: auto; *zoom: 1; } .brand-page-widget.image-widg .view-content ul li img { margin-left: 0px; } /* This affects the user login */ #user-login-form .item-list ul { border-bottom: 0px solid #CCC; margin: 0px; padding: 0px; } .brand-page-widget .item-list ul li { border-bottom: 0px solid #DDD; } .brand-page-widget .item-list ul li a { padding: 4px; } .brand-page-widget .widg-content li { list-style-image: none; margin: 0px 14px; } /* Footer */ #global-footer div { height: 28px; } /* Views table */ .product-box-cont { margin-bottom: 21px; } .product-box-cont .views-table { padding: 2px; width: 100%; } .product-box-cont .views-table thead th { font-size: 93%; padding: 8px 12px 8px 12px; white-space: nowrap; } .product-box-cont .views-table tbody { border: 2px solid #E7E7E7; } .product-box-cont .views-table thead th a { color: #444; } .product-box-cont .views-table tbody td { font-size: 93%; padding: 8px 12px 8px 12px; vertical-align: middle; } .product-box-cont .views-table tbody td p { font-size: inherit; height: inherit; line-height: inherit; margin-bottom: inherit; } .product-box-cont .views-table tbody td.views-field-title { width: 25%; } .product-box-cont .views-table tr.odd, .product-box-cont .views-table tr.views-row-first { background-color: #FFF; border-width: 0px; } .product-box-cont .views-table tr.even { background-color: #F9F9F9; border-width: 0px; } /* Vertical tabs */ .vertical-tabs .fieldset-wrapper { background: inherit; border: 0px; } .vertical-tabs ul.vertical-tabs-list { margin: -1px 0 -1px -15em !important; padding: 0px !important; width: 15em !important; } .vertical-tabs ul.vertical-tabs-list li { list-style-type: none !important; } /* Views: table */ .views-table, .views-table table { width: 100%; } .views-table .cols-3 td { text-align: center; width: 33%; } .views-table .cols-4 td { text-align: center; width: 25%; } /* Plupload Integration */ .plupload_filelist { padding: 0px !important; margin: 0px !important; } li.plupload_droptext { float: none; height: inherit; margin: 0px !important; background: transparent !important; text-align: center !important; vertical-align: middle !important; border: 0 !important; line-height: 115px !important; list-style-type: none !important; } .plupload_filelist li { background: #F5F5F5 url('images/backgrounds.gif') repeat-x 0 -156px !important; border-bottom: 1px solid #DDD !important; padding: 10px 8px !important; width: auto !important; } /** Comments **/ #comments .comment-box { background: white; border: 2px solid #E7E7E7; padding: 0px; line-height: 13px; } #comments table { width: 100%; } #comments tr.odd { background-color: #FFF; border-width: 0px; } #comments tr.even { background-color: #F9F9F9; border-width: 0px; } #comments tr.comment-unpublished { background-color: #FFF4F4; } #comments .avatar { padding: 10px 10px 10px 22px; float: left; height: 28px; } #comments .author { padding: 10px 10px 10px 0px; } #comments .author a { text-decoration: none; color: #415F98; vertical-align: middle; width: auto; } #comments td.content { font-size: 11px; padding: 15px 10px 10px 22px; width: 80%; } #comments span { white-space: pre-line; } #comments .posted, #comments .operation { clear: both; padding: 0px 10px 0px 22px; font-size: 11px; line-height: 14px; width: auto; white-space: nowrap; } #comments .posted .comment-unpublished { display: block; margin-top: 8px; } #comments .operation ul { background-color: transparent !important; padding-bottom: 12px; float: none !important; } #comments .operation ul li { float: none; padding-right: 0px; font-size: 14px; line-height: inherit; text-transform: capitalize; } #comments .operation ul li a { margin: 0; } #comments .new { color: red; } .comment-form .form-actions input:disabled { background-color: #bbb !important; color: white !important; } /** Button Links **/ .left-column .content ul.links li { padding-right: 0px; margin-right: 2px; } .left-column .content ul.links li a { width: auto; padding: 0 8px; } .left-column ul.links { float: right; padding: 0px; clear: both; } .left-column ul.links li { float: left; padding-right: 12px; list-style-type: none; } .left-column ul.links li a { background: #8DC63F; display: block; text-align: center; color: white; height: 22px; width: 160px; margin: 12px auto 0px; text-decoration: none; font-size: 85%; line-height: 22px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative; } .ie7 .fieldset-content, .ie7 .fieldset-content div { height: 1%; } .ie7 .fieldset-content .form-item-field-account-address-und-0-last-name { vertical-align: top; display: inline-block; *display: inline; zoom: 1; height: 1%; } /* Colorbox Chrome issue: http://drupal.org/node/1186346 */ a.colorbox-inline:focus { outline: none; } /* Panels */ #column-container .panels-ipe-handlebar-wrapper ul { background-color: transparent; padding: 0; margin: 0; width: auto; } #column-container .panels-ipe-handlebar-wrapper li { float: left; height: auto; list-style-type: none; margin: 0 .5em 0 0; width: auto; } .panel-display .image-widg .widg-container { background: #eee url(../images/bg_imgWidg.png) no-repeat center 10px; border-bottom: 5px solid #ccc; } .panel-display .image-widg .widg-container .widg-content { background: #eee url(../images/bg_imgWidgBottom.jpg) no-repeat center 0px; padding-bottom: 12px; border-bottom: 0px; } .panel-display .image-widg .widg-container .widg-content div { text-align: left; } .panel-display .image-widg .widg-container .widg-content img { float: inherit; margin: 0px auto; padding-top: 20px; text-align: center; } .panel-display .product-box { padding: 0; } .panel-display .field-collection-container { border-bottom: 0px solid #D3D7D9; margin-bottom: 0em; } .panel-display .product-box li div { padding: inherit; } .panel-display .file img { display: none; } .panels-ipe-display-container .panels-ipe-placeholder-content h3 { color: inherit; font: inherit; height: auto; line-height: inherit; margin: 1.154em 0; text-align: left; } table { width: 100%; } .submitted span { font-size: 14px; font-style: italic; line-height: 21px; margin-bottom: 21px; } .content > .field { clear: both; } /* views date remove format */ .views-exposed-widget .container-inline-date .form-type-textfield .description { display: none; } .views-exposed-widget .container-inline-date .form-item input, .views-exposed-widget .container-inline-date .form-item select, .views-exposed-widget .container-inline-date .form-item option { margin-right: 0px; } .image-widg .widg-container .tagclouds { display: inherit; padding: 0px; text-align: left; } .image-widg .widg-container .tagclouds-term a { font-weight: normal; } .image-widg .widg-container .tagclouds.level1 { font-size : 1em; } .image-widg .widg-container .tagclouds.level2 { font-size : 1.2em; } .image-widg .widg-container .tagclouds.level3 { font-size : 1.4em; } .image-widg .widg-container .tagclouds.level4 { font-size : 1.6em; } .image-widg .widg-container .tagclouds.level5 { font-size : 1.8em; } .image-widg .widg-container .tagclouds.level6 { font-size : 2em; } .image-widg .widg-container .tagclouds.level7 { font-size : 2.2em; } .image-widg .widg-container .tagclouds.level8 { font-size : 2.4em; } .tagclouds.level9 { font-size : 2.6em; } .tagclouds.level10 { font-size : 2.8em; } #user-login-form { text-align: center; } .form-item { margin-bottom: .2em; } /** ie7 **/ html.ie7 ul.inline li a { display: inline-block; } .brand-page .left-column .brand-page-1-content h2 { margin-bottom: 0px; } #header ul.contextual-links, #nav ul.contextual-links { height: auto; width: auto; margin: 0; } #header ul.contextual-links li, #nav ul.contextual-links li { background: none; list-style-type: none; line-height: 100%; float: none; position: relative; width: auto; white-space: nowrap; z-index: inherit; }