@import url("../../../modules/custom/pcg/pcg_ignite/css/mixins.less"); /* body #content { .gradient(horizontal-cylinder, #000000, #ccbbaa, 25%, 0%); color: #000; .gradient(solid, rgba(255,255,127,.4), #000000, 25%, 0%); .gradient(solid, rgba(255,255,127,.25)); .gradient(solid, rgba(255,255,0,.5)); } body div #content { .gradient(solid, rgba(255,255,0,.1)); } body div div #content { .gradient(solid, rgba(255,255,0,.9)); } #footer-inner { .box-shadow(1px, 2px, 3px, #abc); } #footer-inner { .box-shadow(1px, 2px, 3px, 4px, #fff); } #footer-inner { .box-shadow(1px, 2px, 3px, 4px, #fff, inset); } #footer-inner { .gradient-linear( rgba(0,0,0,.3), rgba(250,250,250,.3) ); } #footer-inner { .box-shadow("1px 2px 3px 4px rgba(0,0,0,1) inset, 5px 6px 7px #fff"); .gradient-cylinder( rgba(0,0,0,.3), rgba(250,250,250,.3), 20%, 10%, 90%, 70%, top ); } #block-search-form > .block-liner { background-color: rgba(255,255,255,.3); .border-radius(10px); .box-shadow-lifted(); } .field-name-field-cc-body { position: relative; z-index: 1; .reflect(60%, 1); } .field-name-field-cc-body > div { background-color: #fff; .box-shadow-perspective(); }*/ html, button, input, select, textarea { font-family: sans-serif,"FontAwesome"; } code, kbd, pre, samp { font-family: monospace, serif,"FontAwesome"; } menu, ol, ul { padding-left: 1.2em; } ul.tabs.primary li a { color: #000; } .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { /*background: transparent none;*/ } .camera_pie { display: none; } .resizable-textarea .grippie { display: none; } .item-list ul { padding-left: 19px; } body#tinymce { background: #fff none; } .video-container-outer { overflow: hidden; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 2px; height: 0; overflow: hidden; } .video-container-outer.map .video-container { padding-bottom: 100%; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } input, button, select, textarea { max-width: 95%; } .pcg_node_title_extra_title_present #page-title { display: none; } #main-page-tabs {} ul.primary { white-space: normal; } ul.primary li { display: inline-block; } #messages {} #messages .messages { margin: 0; } /* Basic Layout */ #page { background-color: #fff; } .region-header, .region-header-middle, .region-header-bottom, #content-top > .section, #content > .section, #content-bottom > .section, #footer-border-inner, .region-footer, .region-footer-middle, .region-footer-bottom, .region-top-bar .region-liner { max-width: (@page_width - @page_gutter*2); padding: 0 @page_gutter; margin: 0 auto; } body.page-node-add, body.page-admin, body.page-node-edit, #overlay { .region-header, .region-header-middle, .region-header-bottom, #content-top > .section, #content > .section, #content-bottom > .section, #footer-border-inner, .region-footer, .region-footer-middle, .region-footer-bottom { max-width: none; } } #center {} #center-inner { float: right; width: 100%; } #center-inner-inner {} #content { padding: 15px 0 5px 0; } .sidebar { float: left; width: @sidebar_width; display: block; } #center { margin-left: @sidebar_width + @sidebar_spacing; } body.no-sidebars .sidebar { display: none; } body.no-sidebars #center { margin-left: 0; } .sidebar-first {} .one-sidebar {} .sidebar-second { clear: left; } body.sidebar-right #center { margin-left: @sidebar_width + @sidebar_spacing; position: relative; left: -(@sidebar_width + @sidebar_spacing); } body.sidebar-right .sidebar { display: block; position: relative; left: 100%; margin-left: -(@sidebar_width); } body.sidebar-right.no-sidebars #center { margin-left: 0; left: auto; } body.two-sidebars.sidebar-both #center { margin-left: (@sidebar_width + @sidebar_spacing) * 2; position: relative; left: (@sidebar_width + @sidebar_spacing) * -1; } body.two-sidebars.sidebar-both .sidebar-second { display: block; position: relative; left: 100%; margin-left: (@sidebar_width * 2) * -1; clear: none; } #header { .gradient(@header_bg_bg_type, @header_bg_color_start, @header_bg_color_end, 0, 50%, null, 30%); } #header #logo { float: left; margin-left: 77px; padding: 14px 0 10px 0; .transition("opacity .7s"); } #header #logo:hover { opacity: .7; } #content { .gradient(@content_bg_bg_type, @content_bg_color_start, @content_bg_color_end, 0, 50%, null, 30%); } #footers-wrap { .gradient(@footer_bg_bg_type, @footer_bg_color_start, @footer_bg_color_end, 0%, 100%, null, 30%); } #footer-border { height: @footer_spacer_height; .gradient(@footer_spacer_bg_bg_type, @footer_spacer_bg_color_start, @footer_spacer_bg_color_end, 0%, 100%, null, 30%); border-top: @footer_spacer_border_top; border-bottom: @footer_spacer_border_bottom; } #footer-inner { padding: 25px 0; } #footer-middle-inner, #footer-bottom-inner { padding: 15px 0; } #footer ul.menu, #footer ul.menu li, #footer ul.menu li a { display: inline-block; margin: 0; padding: 0; } html.lt-ie8 #footer ul.menu li, html.lt-ie8 #footer ul.menu li a { display: inline; } #footer ul.menu li a { padding-right: 5px; margin-right: 5px; border-right: 1px solid @link_color; line-height: 1; color: @link_color; } #footer ul.menu li.last a { padding-right: 0; margin-right: 0; border-right: 0 none; } /* Content Styles */ .sidebar ul.menu, .sidebar ul.menu li, .sidebar ul.menu li a { display: block; margin: 0; padding: 0; } /*html.lt-ie8 .sidebar ul.menu li, html.lt-ie8 .sidebar ul.menu li a { display: inline; }*/ .sidebar ul.menu { text-align: left; display: block; margin-bottom: 15px; } .sidebar ul.menu li a { line-height: 1.2; border-right: 0 none; } .sidebar .block { margin-bottom: 14px; } .sidebar .block h2 { margin-top: 0; font-size: 1.25em; } .sidebar, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { /*color: @base_copy_color;*/ } .node-title-hidden-copy { display: none; } .block-pcg-logo-block { float: left; } /* .block-search { float: right; margin-left: 5px; margin-right: 0; } .block-search form { background: #fff none; .border-radius(7px); border: 1px solid #ccc; .box-shadow("1px 1px 12px rgba(30,30,30,.2)"); } .block-search .form-item { margin: 0; } .block-search .form-item input.form-text { border: 0 none; background: transparent none; vertical-align: top; width: 12em; .box-shadow("none"); margin-bottom: 0; padding-top: 2px; padding-bottom: 2px; min-height: 20px; } .block-search input.form-submit { margin: 0; background: transparent url("../img/hourglass.png") scroll no-repeat left 1px; .border-radius(0); border: 0 none; height: 0; padding: 18px 0 0 0; width: 22px; overflow: hidden; font-size: 0; line-height: 0; .box-shadow("none"); } */ .region-header, .region-header-middle, .region-header-bottom { .block { float: right; margin-top: 10px; margin-left: 15px; } .block-pcg-logo-block { padding: 0; float: left; margin-top: 0; margin-left: 0; } #block-pcg-cck-blocks-field-banner-images { float: none; margin: 0 auto; } } .region-footer-middle .block { float: left; margin-top: 10px; } .region-footer-middle .block .block-liner { margin-right: 15px; } .region-footer, .region-footer-bottom { .block { margin-top: 10px; } } .region-footer-middle.num-items-1 .block { width: 100%; } .region-footer-middle.num-items-2 .block { width: 50%; } .region-footer-middle.num-items-3 .block { width: 33.3%; } .region-footer-middle.num-items-4 .block { width: 25%; } .region-footer-middle.num-items-5 .block { width: 20%; } .region-footer-bottom, #footer-bottom-wrapper #footer-bottom #footer-bottom-inner .region-footer-bottom { /* This rule must remain in affect for js footer attachment to function properly */ padding-bottom: 0; } .add-or-remove-shortcuts { display: none; } #overlay .add-or-remove-shortcuts { display: block; } #overlay { display: block; width: auto; max-width: 95%; } .overlay-modal-background {} #overlay-content {} .form-type-radio label, .form-type-checkbox label { position: relative; top: 3px; } /* ============ */ .pff-type-pff_grid { .clearfix(); } .pff-type-pff_grid_2, .pff-type-pff_grid_3, .pff-type-pff_grid_4, .pff-type-pff_grid_5 { margin: 0 -10px; } .pff-type-pff_grid_2, .pff-type-pff_grid_3, .pff-type-pff_grid_4, .pff-type-pff_grid_5 { > .pff-child { float: left; } > .pff-child > .content { padding: 0 10px; } } .pff-type-pff_grid_1 > .pff-child { width: 100%; } .pff-type-pff_grid_2 > .pff-child { width: 50%; } .pff-type-pff_grid_2-1-2 > .pff-child:nth-child(2n+1) { width: 33.3%; } .pff-type-pff_grid_2-1-2 > .pff-child:nth-child(2n) { width: 66.6%; } .pff-type-pff_grid_2-2-1 > .pff-child:nth-child(2n+1) { width: 66.6%; } .pff-type-pff_grid_2-2-1 > .pff-child:nth-child(2n) { width: 33.3%; } .pff-type-pff_grid_3 > .pff-child { width: 33.3%; } .pff-type-pff_grid_4 > .pff-child { width: 25%; } .pff-type-pff_grid_5 > .pff-child { width: 20%; } .pff-type-pff_grid_2 > .pff-child:nth-child(2n+1) { clear: left; } .pff-type-pff_grid_3 > .pff-child:nth-child(3n+1) { clear: left; } .pff-type-pff_grid_4 > .pff-child:nth-child(4n+1) { clear: left; } .pff-type-pff_grid_5 > .pff-child:nth-child(5n+1) { clear: left; } /* ============ */ .pv-grid-2, .pv-grid-3, .pv-grid-4, .pv-grid-5 { margin: 0 -10px; } .pv-grid-2, .pv-grid-3, .pv-grid-4, .pv-grid-5 { .views-grouping { clear: left; } .views-grouping-content .views-row { float: left; } .views-grouping-header, .view-filters, .views-grouping-content .views-row > .views-row-inner { padding: 0 10px; } } .pv-grid-1 .views-grouping-content .views-row { width: 100%; } .pv-grid-2 .views-grouping-content .views-row { width: 50%; } .pv-grid-2 .views-grouping-content .views-row:nth-child(2n+1) { clear: left; } .pv-grid-3 .views-grouping-content .views-row { width: 33.3%; } .pv-grid-3 .views-grouping-content .views-row:nth-child(3n+1) { clear: left; } .pv-grid-4 .views-grouping-content .views-row { width: 25%; } .pv-grid-4 .views-grouping-content .views-row:nth-child(4n+1) { clear: left; } .pv-grid-5 .views-grouping-content .views-row { width: 20%; } .pv-grid-5 .views-grouping-content .views-row:nth-child(5n+1) { clear: left; } .ui-accordion { margin-bottom: 10px; } .ui-accordion .ui-accordion-header { margin-top: 5px; padding: 7px 10px 7px 30px; position: relative; } .ui-accordion .ui-accordion-header.ui-state-default, .ui-accordion .ui-accordion-header.ui-state-active { background: @heading_color none; color: #fff; .transition("background-color .7s"); } .ui-accordion .ui-accordion-header.ui-state-default:hover { background-color: lighten(desaturate(@heading_color, 100%), 10%); } .ui-accordion .ui-accordion-header a { color: #fff; padding-left: 0; } .ui-accordion-content > fieldset > legend { display: none; } .ui-accordion-content > fieldset .field-name-field-cc-heading { display: none; } .horizontal-tabs {} div.horizontal-tabs { border: 0 none; } .horizontal-tabsFunc() { fieldset.horizontal-tabs-pane { padding: 0; } ul.horizontal-tabs-list { background-color: #dedede; clear: both; display: inline-block; height: auto; list-style: outside none none; margin: 0; padding: 0; position: relative; width: 100%; background: transparent none; border: 0 none; } ul.horizontal-tabs-list li { min-width: 5em; float: left; } ul.horizontal-tabs-list li, ul.horizontal-tabs-list li.selected, ul.horizontal-tabs-list li:hover { padding: 0; border: 0 none; background: @heading_color none; border-radius: 6px; margin-right: 5px; margin-bottom: 5px; .transition("background-color .7s"); } ul.horizontal-tabs-list li a { display: block; padding: 0.5em 0.6em 0.3em; position: relative; text-decoration: none; top: 0; } ul.horizontal-tabs-list li a, ul.horizontal-tabs-list li.selected a, ul.horizontal-tabs-list li:hover a { color: #fff; background: transparent none; } ul.horizontal-tabs-list li a strong, ul.horizontal-tabs-list li.selected a strong, ul.horizontal-tabs-list li:hover a strong { color: #fff; } ul.horizontal-tabs-list li:hover, ul.horizontal-tabs-list li.selected { background-color: lighten(desaturate(@heading_color, 100%), 10%); } ul.horizontal-tabs-list li.selected a {} .horizontal-tabs-panes {} } .horizontal-tabsFunc(); .horizontal-tabs { .horizontal-tabsFunc(); } div.vertical-tabs, .vertical-tabs ul.vertical-tabs-list, .vertical-tabs ul.vertical-tabs-list li { border-color: @heading_color; } .vertical-tabs ul.vertical-tabs-list li { background: @heading_color none; .transition("background-color .7s"); } .vertical-tabs ul.vertical-tabs-list li a { color: #fff; } .vertical-tabs ul.vertical-tabs-list li a:focus strong, .vertical-tabs ul.vertical-tabs-list li a:active strong, .vertical-tabs ul.vertical-tabs-list li a:hover strong { text-decoration: none; } /* hide the legends that show up while the js is loading/rendering */ .vertical-tabs-panes, .horizontal-tabs-panes, .pff-type-accordion { fieldset.collapsible .fieldset-legend, fieldset.collapsed .fieldset-legend, fieldset .fieldset-legend { display: none; } } div.vertical-tabs { margin-left: 13em; } .vertical-tabs ul.vertical-tabs-list { margin-left: -13em; width: 13em; } .form-type-textfield { position: relative; /* needed for autocomplete widgets */ } .form-type-textfield > #autocomplete {} .jcarousel-skin-default .jcarousel-item { max-width: none; background: transparent none; } .jcarousel { padding: 0; text-align: left; } .jcarousel li { display: none; list-style: none; } .jcarousel-processed li, .jcarousel li.jcarousel-item-1 { display: block; } .jcarousel, .jcarousel-skin-default .jcarousel-clip-horizontal, .jcarousel-skin-default .jcarousel-container-horizontal { position: relative; overflow: hidden; width: auto; height: auto; } .jcarousel-skin-default .jcarousel-container-horizontal { padding-left: @jcarousel_gutter; padding-right: @jcarousel_gutter; } .jcarousel-skin-default .jcarousel-item { width: 350px; height: auto; vertical-align: top; text-align: left; margin: 0; border: 0 none; } .jcarousel-skin-default .jcarousel-item > .entity { padding: 0 5px; } /* 940 = max-width of page - 80 = hpad of carousel */ .pff-type-jcarousel-2 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2) - (@sidebar_width + @sidebar_spacing))/2); } .pff-type-jcarousel-3 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2) - (@sidebar_width + @sidebar_spacing))/3); } .pff-type-jcarousel-4 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2) - (@sidebar_width + @sidebar_spacing))/4); } .pff-type-jcarousel-5 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2) - (@sidebar_width + @sidebar_spacing))/5); } body.no-sidebars { .pff-type-jcarousel-2 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2))/2); } .pff-type-jcarousel-3 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2))/3); } .pff-type-jcarousel-4 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2))/4); } .pff-type-jcarousel-5 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2))/5); } } body.two-sidebars.sidebar-both { .pff-type-jcarousel-2 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2) - (@sidebar_width + @sidebar_spacing)*2)/2); } .pff-type-jcarousel-3 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2) - (@sidebar_width + @sidebar_spacing)*2)/3); } .pff-type-jcarousel-4 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2) - (@sidebar_width + @sidebar_spacing)*2)/4); } .pff-type-jcarousel-5 .jcarousel-skin-default .jcarousel-item { width: ceil(((@page_width - @page_gutter*2) - (@jcarousel_gutter*2) - (@sidebar_width + @sidebar_spacing)*2)/5); } } .jcarousel-skin-default { /*.jcarousel-next, .jcarousel-prev { background: url("../img/arrows.png") scroll no-repeat 0 0; width: 27px; height: 27px; top: 50%; margin-top: -14px; } .jcarousel-prev:hover { background-position: 0 -43px; } .jcarousel-next { background-position: -40px 0; } .jcarousel-next:hover { background-position: -40px -43px; }*/ .jcarousel-next, .jcarousel-prev { background: transparent none; width: auto; height: auto; top: 50%; margin-top: -.5em; text-decoration: none; transition: opacity .3s ease-out; &:after { content: ""; font-family: FontAwesome; color: #fff; font-size: 4.5em; line-height: 0; } } .jcarousel-prev:hover, .jcarousel-next:hover { opacity: .3; } .jcarousel-next:after { content: ""; } } .field-imagematrix-image .pif-imgcap-wrap { outline: 4px solid #fff; } p:last-child { margin-bottom: 0; } div.horizontal-tabs { margin-bottom: 0; } fieldset.horizontal-tabs-pane { margin-bottom: 0; } a.button, input.button, button.button { background-color: @heading_color; color: #fff; border: 0 none; font-weight: bold; font-family: @heading_font; font-size: 1.285em; border-radius: .2em; padding: .55em .83em; text-decoration: none; display: inline-block; transition: background-color .3s ease-in, color .3s ease-in; &:hover { background-color: desaturate(lighten(@heading_color, 30%), 80%); color: #000; } } .field-name-field-body { .field-items .field-item { margin-bottom: 20px; } } .field-name-field-banner-images { margin-bottom: 40px; } .field-type-image { max-width: 100%; .field-item { .pif-img-wrap, .camera_wrap_outer { img { } text-align: center; .pcg_gallery_camera_loaded { position: relative; } } img { } } &.float_left { .field-item { float: left; margin: 0 15px 15px 0; clear: left; } .field-item:last-child { margin-bottom: 0; } } &.float_right { .field-item { float: right; margin: 0 0 15px 15px; clear: right; } .field-item:last-child { margin-bottom: 0; } } &.pif_grid_2, &.pif_grid_3, &.pif_grid_4, &.pif_grid_5, &.pif_grid_6 { overflow: hidden; > .field-items { margin: 0 -10px; } .field-item { float: left; .pif-imgcap-wrap { margin: 0 5px 10px 5px; } } } &.pif_grid_2 .field-item { width: 50%; &:nth-child(2n+1) { clear: left; } } &.pif_grid_3 .field-item { width: 33.3%; &:nth-child(3n+1) { clear: left; } } &.pif_grid_4 .field-item { width: 25%; &:nth-child(4n+1) { clear: left; } } &.pif_grid_5 .field-item { width: 20%; &:nth-child(5n+1) { clear: left; } } &.pif_grid_6 .field-item { width: 16.66%; &:nth-child(6n+1) { clear: left; } } } .field-type-image.formatter-from_field-pcg_imagematrix, .field-type-image.formatter-pcg_imagematrix_formatter { margin-bottom: 30px; } .field-imagematrix-image.new-row { clear: both; } .field-collection-item-field-content-subpages-section, .field-collection-item-field-content-subpages { margin-bottom: 20px; } .field-collection-item-field-content-subpages-section:last-of-type, .field-collection-item-field-content-subpages:last-of-type { margin-bottom: 0; } .pif-img-wrap, .cameraContent { a.video-slide { text-decoration: none; &:before { content: ""; font-family: FontAwesome; color: #fff; font-size: 3.428em; left: .2em; bottom: .05em; line-height: 1; position: absolute; z-index: 5; opacity: .8; transition: color .3s ease-in; } &:hover:before { color: #000; } } } .sidr-class-contextual-links-wrapper { display: none; } img.wysiwyg-left { float: left; margin: 0 15px 15px 0; clear: left; } img.wysiwyg-right { float: right; margin: 0 0 15px 15px; clear: right; } /* ======================================================================= */