/****** FILE: themes/jagemann/css/base.css *****/ /* #Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* #Images ================================================== */ img.scale-with-grid, scale-with-grid { max-width: 100%; height: auto; } /* #Misc ================================================== */ .remove-bottom { margin-bottom: 0 !important; } .remove-top { margin-top: 0 !important; } .half-bottom { margin-bottom: 10px !important; } .half-top { margin-top: 10px !important; } .add-bottom { margin-bottom: 20px !important; } .add-top { margin-top: 20px !important; } .double-top { margin-top: 40px !important; } .double-bottom { margin-bottom: 40px !important; } .float-right {float: right !important;} .float-left {float: left !important;} #SilverStripeNavigatorMessage { padding: 0px !important; right: 0 !important; top: 0 !important; font-size: 8px !important; } /****** FILE: themes/jagemann/css/flexslider.css *****/ /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0; overflow: hidden;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0px; border: none; position: relative; zoom: 1; margin-bottom: 20px; } .homeslider .flexslider {background-color: #000; padding-bottom: 0px;} .flexslider.detail {border-bottom: none !important;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .homeslider .slide-description {color: #dc1100; text-transform: uppercase; margin: 20px 0px 0px 20px; font-family: "nimbus-sans-condensed", Helvetica, Arial, sans-serif; font-weight: 900; font-size: 55px; line-height: 50px;} .homeslider .slide-description a, .homeslider .slide-description a:visited {color: #dc1100; text-decoration: none;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/themes/jagemann/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; display: none;} /* Control Nav */ .DetailThumbSlide .flex-control-nav {display: none;} .flex-control-nav {float: right; display: none;} .flexslider.detail .flex-control-nav {margin-top: -20px;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #a2a2a2; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #cfcfcf; } .flex-control-paging li a.flex-active { background: #58a349; cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} #carousel {background: none; margin-top: 20px; } #carousel li {margin-right: 20px; cursor: pointer;} .DetailThumbSlide .flexslider {border: 2px solid #D1CAAB;} #carousel .CarouselImage {border: 2px solid #D1CAAB; display: block;} .DetailThumbSlide #carousel {border: none;} .HomeLink a {font-size: 22px; margin-left: 40px; font-weight: 900; padding-top: 10px;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /****** FILE: themes/jagemann/css/layout.css *****/ /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ .mobile-menu, #mobilenavs {display: none;} #topper, #bottom {width: 100%; background-color: #b20011;} #bottom {padding-bottom: 40px; height: 100%;} .content {min-height: 500px;} .header { position: relative; padding: 20px 0 0px; } .header h1 img { display: block; } .footer { padding: 20px 0px; color: #fff;} .footerNav, .footerNav ul { display: inline; margin: 0; padding: 0; } .footerNav li { padding: 2px 7px; text-transform: uppercase; } .footerNav a, .footerNav a:visited {color: #fff;} .column-row {clear: both;} /*Main Navigation */ #access li { display: inline-block; text-align: right; position: relative; padding-bottom: 30px; } #access a { color: #fff; display: block; text-decoration: none; text-transform: uppercase; padding: 6px; } #access ul li:hover {background-color: #c50013;} #access ul li.last-parent .sub-pages, #access ul .sub-pages.Resources { right: -10px; left: auto; } #access ul .sub-pages { visibility: hidden; background: #fff; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; padding: 10px; border: 10px solid rgba(217,218,217,.5); border-top: 0px; top: 60px; left: -10px; position: absolute; } #access ul ul { margin: 0; z-index: 99999; white-space: nowrap; padding: 10px 10px 4px 10px; float: left; position: relative; left: -10px; } #access ul ul li { display: block; text-align: left; margin: 0px; padding-bottom: 4px; height: auto; } #access ul ul a { color: #000; font-size: 13px; font-weight: normal; line-height: 14px; width: auto; font-family:'Trade Gothic W01 Roman', "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: none; margin: 0px; padding: 2px 2px 4px 2px; letter-spacing: normal; border-bottom: none !important; } #access li li:hover { background: #fff; } #access li li.current_page_item > a, #access li li.current_page_ancestor > a { border-bottom: 0px; } #access ul ul :hover > a { border-bottom: 0px; background: #f1f1f1; } #access ul li:hover > .sub-pages { visibility: visible; } nav.primary ul { text-align: right; position: relative; z-index: 1000; margin-top: 10px;} nav.primary li { padding-bottom: 17px; margin: 0 5px; padding-bottom: 0; white-space: nowrap; } nav.utility a {color: #681717; padding: 0px 6px;} nav.utility ul {margin-bottom: 5px; margin-top: -5px;} nav.utility li {display: inline-block; text-align: right; margin: 0px 6px;} nav.utility {text-align: right;} .sidebar ul { /*margin-left: 10px;*/ } .sidebar ul li { margin-bottom: 5px; } .secondary ul li ul { display: none; } .secondary ul li.section ul, .secondary ul li.current ul { display: block; } .secondary ul ul { /*margin-left: 10px;*/ } .secondary ul ul li { padding: 0; line-height: 18px; } .navigation li:hover ul.child {display: block; width: 100%; text-align: left;} ul.child {margin: 0px !important; padding-bottom: 40px; display: none; left: 130px;} ul.child li {font-size: 12px; padding-right: 0px; line-height: 16px;margin-left: 5px !important; margin-right: 5px !important; } ul.child li:first-child {padding-left: 0px;} ul.child li.last-child {padding-right: 0px; border: none;} .header a, .footer a, .sidebar a { text-decoration: none; } nav.primary li a, nav.primary li a:visited { font-size: 14px; padding: 6px 0px; font-weight: normal; display: block; color: #000; text-transform: uppercase; } nav.primary li a:hover, nav.primary li.section a, nav.primary li.current a { color: #000; } .secondary ul li a { font-size: 14px; color: #b20011; } .secondary ul li li a, .secondary ul li.section li a, .secondary ul li.current li a { color: inherit; } .social a span {display: none;} .social a {height: 28px; width: 28px; display: block; float: left; margin-right: 5px; float: right;} .social a.yt {background: url('/themes/jagemann/images/youtube.jpg') no-repeat left top;} .social a.li {background: url('/themes/jagemann/images/linkedin.png') no-repeat left top;} .social a.go {background: url('/themes/jagemann/images/google.jpg') no-repeat left top;} .social a:hover {opacity: .75;} nav.footerNav {font-size:12px; line-height: 12px; } li.current ul.child a, li.current ul.child a:visited, li.section ul.child a, li.section ul.child a:visited {color: #799d59;} li.current ul.child a:hover, li.current ul.child a:focus, li.section ul.child a:hover, li.section ul.child a:focus {color: #b0da9b } ul.child li a {font-size: 12px; padding-top: 0px; padding-bottom: 0px;} /* #Page Styles ================================================== */ h3.blog-title {color: #a8a8a8;} h3.subtitle {font-size: 24px !important;} .crumbs {font-size: 12px; line-height: 12px; margin-top: 20px; margin-bottom: 0px !important;} .crumbs a {/*color: #000 !important;*/} .home .home-spiff {position: relative; overflow: hidden; width: 300px; height: 199px; margin-bottom: 20px;} .home .home-spiff .home-spiff-text {padding: 10px; position: absolute; top: 150px; display: block;z-index: 500; background: #b20011; width: 280px; color: #fff; height: 200px; } .home .home-spiff .home-spiff-text h4 { font-family: "nimbus-sans-condensed", Helvetica, Arial, sans-serif; font-weight: 700; color: #fff; background: url('/themes/jagemann/images/arrow-up.png') 95% center no-repeat; margin-bottom: 10px} .home .home-spiff-text * a {color: #fff !important;} /*.home .home-spiff-text p a, .home-spiff-text p a:visited {text-decoration: underline !important;} .home .home-spiff-text p a:hover {font-weight: bold;}*/ .home-spiff-text h5 a {color: #333333} .footer-logo { border-top: 3px solid #c81708; margin-top: 10px;} .company-footer {padding-right: 10px;} .spiff-text h4 {line-height: 21px;} /*** Misc Alignment ***/ .text-right { text-align: right; } .float-right { float: right; margin: 0 0 0 10px; } .float-left { float: left; margin: 0 10px 0 0; } /* Definition Lists */ .content dl { margin: 0 0 20px; width: 100%; line-height: 20px; float: left; /*overflow: hidden;*/ } .content dt { float: left; clear: left; width: 30%; margin-bottom: 5px; font-weight: bold; } .content dd { /*white-space: nowrap;*/ min-height: 21px; margin-left: 30%; margin-bottom: 5px; } /* Pagination */ .apple_pagination { background: #84D374; border: 1px solid #009117; text-align: center; padding: 1em; cursor: default; margin-bottom: 20px; } .apple_pagination a, .apple_pagination span { padding: 0.2em 0.3em; } .apple_pagination .disabled { color: #fff; font-weight: bold; } .apple_pagination .current { font-style: normal; font-weight: bold; background-color: #3C9220; display: inline-block; width: 1.4em; height: 1.4em; line-height: 1.5; -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; color: #fff; } .apple_pagination a { text-decoration: none; color: #fff; font-weight: bold } .apple_pagination a:hover, .apple_pagination a:focus { color: #3C9220; } /* News */ .toolbar { border-bottom: 1px solid #eee; padding-bottom: 0px; margin-bottom: 10px; } .home-slider {margin-top: 80px;} .gallery:hover img {opacity: .85;} #Search .middleColumn {width: 100%} /* Image & Video Gallery */ .GalleryHolder a, .red-link a {color: #b20011 !important;} .GalleryHolder h5 a {text-decoration: none; color: #333333 !important;} .GalleryHolder h5 {line-height: 17px; margin-bottom: 10px;margin-top: 10px;} .ImageGalleryDummy, .VideoDummy, .DummySpiff {width: 100%; height: 150px; background-color: grey; } .top-border {border-top: 1px solid #D1CAAB; padding-top: 50px;margin-top: 40px;} .side-top-border {border-top: 1px solid #D1CAAB; padding-top: 40px;margin-top: 40px;} .top-border-special {border-top: 1px solid #D1CAAB; margin-top: 40px;} .condense {font-family: "nimbus-sans-condensed", Helvetica, Arial, sans-serif; font-weight: 700;} .home-spiff-text, .GalleryHolder {font-family: "nimbus-sans-condensed", Helvetica, Arial, sans-serif; } .home-spiff-text a, .home-spiff-text p {margin-top: 10px; margin-bottom: 10px;} .spacer {margin-top: 20px;} .addressMap img {width: 100%; height: auto;} .mobile-only {display: none !important;} .map-border {border: 2px ridge #D1CAAB;} #video-overlay {display: none;} #video-overlay, #transparent-bg {position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 5000; background: url('/themes/jagemann/images/video-bg.png') repeat top left;} #video-overlay #video {margin-left: auto; margin-right: auto; text-align: center; display: block; position: relative; z-index: 9999; top: 20%;} #video-overlay #video a.VideoClose {position: absolute; top: -25px; right: 25%;} .ImageGallery {margin-bottom: 40px;} .simple_overlay img {max-width: 900px; height: auto; max-height: 80%; height: 80%;} .simple_overlay object {position: relative; z-index: 5010} /* the overlayed element */ .simple_overlay { /* must be initially hidden */ display:none; /* place overlay on top of other elements */ z-index:10000; /* styling */ background-color:#333; border:1px solid #666; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } .simple_overlay img{z-index: 9999;position: relative;} /* close button positioned on upper right corner */ .simple_overlay .close { background-image:url(/themes/jagemann/images/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; z-index: 10001; } .spiff-border {border: 2px solid #D1CAAB; height: 144px; display: block;} .spiff-border-opg {border: 2px solid #D1CAAB; height: 184px; display: block;} .home-spiff .spiff-border {height: auto !important; border: none;} .sidebar h4 {line-height: 21px;} /*div#TEST *{padding-bottom: 30px !important;}*/ .slider-caption {z-index: 10000; font-size: 25px; background: rgba(0,0,0,.5); width: 100%; display: block; padding: 10px !important; color: #fff;} div#TEST div {height: 550px !important; left: 0px !important; padding-bottom: 30px;} .typography table {width: 100%; text-align: left;} .typography table th {width: 35% !important;} .typography table td {width: 65%;} .GalleryHolder.OnPage {margin-bottom: 20px;} .iphone .iphoneimg {width: 45%; float: left;} .iphone .iphoneimg.even {margin-right: 9%;} table.AddBorder td {border: 1px solid #000 !important; padding: 2px 5px !important;} p.sharethis { margin: 15px 0 30px; } a.ShareIcon {width: 17px; height: 17px; background: url('/themes/jagemann/images/ShareIcons.png') no-repeat top left; display: inline-block; margin-right: 10px;} a.fb-share.ShareIcon {background-position: 0px 0px;} a.tw-share.ShareIcon {background-position: -18px 0px;} a.go-share.ShareIcon {background-position: -36px 0px;} a.li-share.ShareIcon {background-position: -55px 0px;} a.pi-share.ShareIcon {background-position: -74px 0px;} a.em-share.ShareIcon {background-position: -92px 0px;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .crumbs, #access {display: none !important;} .mobile-navigation {float: right;margin-top: 20px;} .mobile-menu {display: block; width: 125px; margin-top: 40px; } #mobilenavs{ list-style:none; margin-left: auto; margin-right: auto; position:relative; z-index:550; display: block !important; } #mobilenavs li{ position:relative; text-align: center; } #mobilenavs a{ display:block; } #mobilenavs ul{ position:absolute; left:-9999px; margin: 7px 0px 0px; background: rgba(238,236,226,0.9); } #mobilenavs ul a{ white-space:nowrap; padding: 7px 5px; height: auto; } #mobilenavs li ul{ margin-left: auto; margin-right: auto; left: auto; right: 0px; width: 748px; display: none; top: 34px; z-index: 600 !important; } #mobilenavs li ul a{ text-decoration:none; color: #b20011; font-size: 19px; font-weight: 900; } #mobilenavs li ul li.mobile-util a{ text-decoration:none; color: #1e1c2d; font-size: 16px; font-weight: normal; } #mobilenavs li:hover ul li a:hover{ text-decoration: none !important; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } #mobilenavs ul li { padding: 3px 0px 8px; width: 90%; margin: 0px auto; border-left: none; border-right: none; border-bottom: 2px solid #5a5a5a; text-align: center; } #mobilenavs ul li:last-child { border: none; } nav.mobile-subnav {display: block !important; } nav.mobile-subnav li {width: 767px !important;} nav.utility {display: none;} .simple_overlay img {max-width: 748px; height: auto;} .home .home-spiff .home-spiff-text {width: 220px; } .spiff-border {height: 112px;} .spiff-border-opg {height: 144px;} ul.thumbs img {width: 88px !important;} div.nav-controls {top: 200px !important;} div.slideshow-container {height: 400px !important;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .crumbs, #access {display: none !important;} .mobile-navigation {float: right; margin-top: 20px;} #mobilenavs{ list-style:none; margin-left: auto; margin-right: auto; position:relative; z-index:550; display: block !important; } #mobilenavs li{ position:relative; text-align: center; } #mobilenavs a{ display:block; } #mobilenavs ul{ position:absolute; left:-9999px; margin: 7px 0px 0px; /*background: url('/themes/dynamic-core-theme/images/mobile-menu-bg.png') repeat;*/ background-color: rgba(238,236,226,0.9); } #mobilenavs ul a{ white-space:nowrap; padding: 7px 5px; height: auto; } #mobilenavs li ul{ margin-left: auto; margin-right: auto; left: auto; right: 0px; width: 300px; display: none; top: 34px; z-index: 600 !important; } #mobilenavs li ul a{ text-decoration:none; color: #b20011; font-size: 19px; font-weight: 900; } #mobilenavs li ul li.mobile-util a{ text-decoration:none; color: #1e1c2d; font-size: 16px; font-weight: normal; } #mobilenavs li:hover ul li a:hover{ text-decoration: none !important; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; } #mobilenavs ul li { padding: 3px 0px 8px; width: 90%; margin: 0px auto; border-left: none; border-right: none; border-bottom: 2px solid #5a5a5a; text-align: center; } #mobilenavs ul li:last-child { margin-bottom: 20px; } .header .five.columns, .header .eleven.columns {width: 50% !important;} .blog-list .two.columns {width: 76px !important;} .blog-list .ten.columns {width: 210px !important; margin-left: 10px;} .footer .columns {margin-bottom: 10px !important;} .mobile-top {margin-top: 20px !important;} nav.utility {display: none;} .content {margin-top: 20px !important;} .sidebar {margin-top: 20px !important; padding-top: 20px; border-top: 2px solid #D1CAAB; } .footer .social ul {display: block} .footer .social li {display: inline-block;} .field, .control-group {min-width: 98% !important;} .mobile-left {width: 50% !important; float: left !important;} .mobile-right {width: 50% !important; float: right !important; text-align: right;} .spacer {margin-top: 0px;} .home-spiff {margin-bottom: 20px !important;} .homeslider .slide-description {font-size: 35px; line-height: 30px;} .mobile-only {display: block;} .mobile-half-top {padding-top: 10px;} .simple_overlay img {max-width: 280px; height: auto;} .jssort02 {display: none;} div#TEST * {width: 300px !important; height: 300px !important; left: 0px !important; padding-bottom: 50px;} .jssord05r {left: 260px !important;} .jssord05l, .jssord05r {top: 110px !important; display: none;} .slider-caption {top: 310px !important; background: none; color: #5a5a5a; } .spiff-border {border: 2px solid #D1CAAB; height: 197px; display: block;} .home-spiff .spiff-border {height: auto !important; border: none;} #slider1_container {height: 400px !important; width: 300px !important;} #thumbs {display: none !important;} div.slideshow-container {height: 280px !important;} div.nav-controls {top: 150px !important;} .spiff-border-opg {height: 197px;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #mobilenavs{ list-style:none; margin-left: auto; margin-right: auto; position:relative; z-index:601; display: block !important; } #mobilenavs li ul {width: 420px; right: 0px; left: auto;} .blog-list .ten.columns {width: 330px !important; } .simple_overlay img {max-width: 400px; height: auto;} .slider-caption {top: 430px !important; } div#TEST * {width: 420px !important; height: 420px !important; left: 0px !important; padding-bottom: 50px;} .jssord05r {left: 380px !important;} .jssord05l, .jssord05r {top: 180px !important; display: none;} .spiff-border {border: 2px solid #D1CAAB; height: 277px; display: block;} .home-spiff .spiff-border {height: auto !important; border: none;} .home .home-spiff .home-spiff-text {width: 400px; } #slider1_container {height: 465px !important; width: 420px !important;} div.slideshow-container {height: 400px !important;} div.nav-controls {top: 210px !important;} .spiff-border-opg {height: 277px;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {} /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ /****** FILE: themes/jagemann/css/typography.css *****/ /* #Typography ================================================== */ body { background: #edebe2; font: 14px/18px "nimbus-sans", Helvetica, Arial, sans-serif; color: #5a5a5a; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } h1, h2, h3, h4, h5, h6 { color: #333333; font-family: "nimbus-sans-condensed", Helvetica, Arial, sans-serif; font-weight: 900; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; } h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; } h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; } h5 { font-size: 17px; line-height: 24px; } h6 { font-size: 14px; line-height: 21px; } p { margin: 0 0 20px 0; } p img { margin: 0; } p.lead { font-size: 21px; line-height: 27px; color: #777; } .footer, span.tags {font-size: 12px; line-height: 18px;} em { font-style: italic; } strong, .strong { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 10px; height: 0; } /* #Links ================================================== */ a, a:visited { color: #b20011; text-decoration: none; outline: 0; } a:hover, a:focus { text-decoration: underline; } p a, p a:visited { line-height: inherit; } /* #Lists ================================================== */ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { line-height: 18px; } ul.large li { line-height: 21px; } li p { line-height: 21px; } .typography ul {list-style-type: disc; margin-left: 20px;} .typography ol {list-style-type: decimal; margin-left: 20px;} /* LINK ICONS - shows type of file ================================================== */ .typography a[href$=".pdf"], .typography a[href$=".PDF"], .typography a.pdf { padding: 2px; padding-left: 20px; background: url(/dynamic-core/images/icons/page_white_acrobat.png) no-repeat left center; } .typography a[href$=".doc"], .typography a[href$=".DOC"], .typography a.doc { padding: 2px; padding-left: 20px; background: url(/dynamic-core/images/icons/page_word.png) no-repeat left center; } .typography a[href$=".xls"], .typography a[href$=".XLS"], .typography a.xls { padding: 2px; padding-left: 20px; background: url(/dynamic-core/images/icons/page_excel.png) no-repeat left center; } .typography a[href$=".gz"], .typography a[href$=".GZ"], .typography a[href$=".gzip"], .typography a[href$=".GZIP"], .typography a[href$=".zip"], .typography a[href$=".ZIP"], .typography a.archive { padding: 2px; padding-left: 20px; background: url(/dynamic-core/images/icons/page_white_zip.png) no-repeat left center; } .typography a[href$=".exe"], .typography a[href$=".EXE"], .typography a.application { padding: 2px; padding-left: 20px; background: url(/dynamic-core/images/icons/application.png) no-repeat left center; } /* WYSIWYG EDITOR ALIGNMENT CLASSES -------------------------------------------- */ .typography .left { text-align: left } .typography .center { text-align: center } .typography .right { text-align: right } /* IMAGES -------------------------------------------- */ .typography img.left { float: left; max-width: 50%; margin: 5px 20px 10px 0; } .typography img.right { float: right; max-width: 50%; /* Responsive width */ margin: 5px 0 10px 20px; } .typography img.leftAlone { float: left; margin-right: 100%; margin-bottom: 10px; clear: both; } .typography img.center { float: none; margin-left: auto; margin-right: auto; display: block; margin-bottom: 10px; clear: both; } /****** FILE: themes/jagemann/css/form.css *****/ /* #Buttons ================================================== */ .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: #eee; /* Old browsers */ background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */ background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */ background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */ background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */ border: 1px solid #aaa; border-top: 1px solid #ccc; border-left: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #444; display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, .75); cursor: pointer; margin: 0px 0px 20px 0px; line-height: normal; padding: 8px 10px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { color: #222; background: #ddd; /* Old browsers */ background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */ background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */ background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */ background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */ background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */ border: 1px solid #888; border-top: 1px solid #aaa; border-left: 1px solid #aaa; } .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active { border: 1px solid #666; background: #ccc; /* Old browsers */ background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */ background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */ background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */ background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */ background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */ background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ } .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width { width: 100%; padding-left: 0 !important; padding-right: 0 !important; text-align: center; } /* Fix for odd Mozilla border & padding issues */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* #Forms ================================================== */ form { margin-bottom: 20px; } fieldset { margin-bottom: 20px; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border: 1px solid #ccc; padding: 6px 4px; outline: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #777; margin: 0; width: 100%; max-width: 100%; display: block; margin-bottom: 20px; background: #fff; } select { padding: 0; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus { border: 1px solid #aaa; color: #444; -moz-box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); box-shadow: 0 0 3px rgba(0,0,0,.2); } textarea { min-height: 60px; } label, legend { display: block; font-weight: bold; font-size: 13px; } select { height: 29px; height: 30px\9 } input[type="checkbox"] { display: inline; } label span, legend span { font-weight: normal; font-size: 13px; color: #444; } .file {margin-bottom: 10px;} /* EXTRA CLASSES ------------------------------------ */ .field, .control-group { display: block; float: left; margin-right: 4%; min-width: 46%} .control-group .fullfield { width: 98%; } .fullfield { width: 98%; } .field.checkbox label {display:inline-block;} #Search, #Search .middleColumn input, #SearchForm_SearchForm input {display: inline;} #Search .middleColumn {display: inline-block;} .optionset label, .checkboxset label {display: inline-block;} .field.optionset.checkboxset {min-width: 90%;} .dropdown {min-width: 47%; margin-right: 3%;} /****** FILE: themes/jagemann/javascript/meanMenu/meanmenu.css *****/ /* ####################################################################### meanMenu -------- To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/) ####################################################################### */ /* hide the link until viewport size is reached */ a.meanmenu-reveal { display: none; } /* when under viewport size, .mean-container is added to body */ .mean-container .mean-bar { float: left; width: 100%; position: relative; background: #0c1923; padding: 4px 0; min-height: 42px; z-index: 999999; } .mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; } .mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .mean-nav { float: left; width: 100%; background: #0c1923; margin-top: 33px; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-bottom: 1px solid #383838; border-bottom: 1px solid rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid rgba(255,255,255,0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255,255,255,0.1); } .mean-container .mean-nav ul li a.mean-expand { width: 26px; height: 26px; border: none !important; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; } .mean-container .mean-nav ul li a.mean-expand:hover { background: none; } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } /****** FILE: themes/jagemann/css/skeleton.css *****/ /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Contents ================================================== #Base 960 Grid #Tablet (Portrait) #Mobile (Portrait) #Mobile (Landscape) #Clearing */ /* #Base 960 Grid ================================================== */ .container { position: relative; width: 960px; margin: 0 auto; padding: 0; } .container .column, .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; } .row { margin-bottom: 20px; } /* Nested Column Classes */ .column.alpha, .columns.alpha { margin-left: 0; } .column.omega, .columns.omega { margin-right: 0; } /* Base Grid */ .container .one.column, .container .one.columns { width: 40px; } .container .two.columns { width: 100px; } .container .three.columns { width: 160px; } .container .four.columns { width: 220px; } .container .five.columns { width: 280px; } .container .six.columns { width: 340px; } .container .seven.columns { width: 400px; } .container .eight.columns { width: 460px; } .container .nine.columns { width: 520px; } .container .ten.columns { width: 580px; } .container .eleven.columns { width: 640px; } .container .twelve.columns { width: 700px; } .container .thirteen.columns { width: 760px; } .container .fourteen.columns { width: 820px; } .container .fifteen.columns { width: 880px; } .container .sixteen.columns { width: 940px; } .container .full.columns { width: 960px; margin-left: 0px; margin-right: 0px; } .container .one-third.column { width: 300px; } .container .two-thirds.column { width: 620px; } /* Offsets */ .container .offset-by-one { padding-left: 60px; } .container .offset-by-two { padding-left: 120px; } .container .offset-by-three { padding-left: 180px; } .container .offset-by-four { padding-left: 240px; } .container .offset-by-five { padding-left: 300px; } .container .offset-by-six { padding-left: 360px; } .container .offset-by-seven { padding-left: 420px; } .container .offset-by-eight { padding-left: 480px; } .container .offset-by-nine { padding-left: 540px; } .container .offset-by-ten { padding-left: 600px; } .container .offset-by-eleven { padding-left: 660px; } .container .offset-by-twelve { padding-left: 720px; } .container .offset-by-thirteen { padding-left: 780px; } .container .offset-by-fourteen { padding-left: 840px; } .container .offset-by-fifteen { padding-left: 900px; } /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container { width: 768px; } .container .column, .container .columns { margin-left: 10px; margin-right: 10px; } .column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; } .column.omega, .columns.omega { margin-right: 0; margin-left: 10px; } .alpha.omega { margin-left: 0; margin-right: 0; } .container .one.column, .container .one.columns { width: 28px; } .container .two.columns { width: 76px; } .container .three.columns { width: 124px; } .container .four.columns { width: 172px; } .container .five.columns { width: 220px; } .container .six.columns { width: 268px; } .container .seven.columns { width: 316px; } .container .eight.columns { width: 364px; } .container .nine.columns { width: 412px; } .container .ten.columns { width: 460px; } .container .eleven.columns { width: 508px; } .container .twelve.columns { width: 556px; } .container .thirteen.columns { width: 604px; } .container .fourteen.columns { width: 652px; } .container .fifteen.columns { width: 700px; } .container .sixteen.columns { width: 748px; } .container .full.columns { width: 767px; margin-left: 0px; margin-right: 0px; } .container .one-third.column { width: 236px; } .container .two-thirds.column { width: 492px; } /* Offsets */ .container .offset-by-one { padding-left: 48px; } .container .offset-by-two { padding-left: 96px; } .container .offset-by-three { padding-left: 144px; } .container .offset-by-four { padding-left: 192px; } .container .offset-by-five { padding-left: 240px; } .container .offset-by-six { padding-left: 288px; } .container .offset-by-seven { padding-left: 336px; } .container .offset-by-eight { padding-left: 384px; } .container .offset-by-nine { padding-left: 432px; } .container .offset-by-ten { padding-left: 480px; } .container .offset-by-eleven { padding-left: 528px; } .container .offset-by-twelve { padding-left: 576px; } .container .offset-by-thirteen { padding-left: 624px; } .container .offset-by-fourteen { padding-left: 672px; } .container .offset-by-fifteen { padding-left: 720px; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .container { width: 300px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .full.columns { width: 300px; } /* Offsets */ .container .offset-by-one, .container .offset-by-two, .container .offset-by-three, .container .offset-by-four, .container .offset-by-five, .container .offset-by-six, .container .offset-by-seven, .container .offset-by-eight, .container .offset-by-nine, .container .offset-by-ten, .container .offset-by-eleven, .container .offset-by-twelve, .container .offset-by-thirteen, .container .offset-by-fourteen, .container .offset-by-fifteen { padding-left: 0; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 420px; } .container .columns, .container .column { margin: 0; } .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column, .container .full.columns { width: 420px; } } /* #Clearing ================================================== */ /* Self Clearing Goodness */ .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } /* You can also use a
to clear columns */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /****** FILE: themes/jagemann/css/shadowbox.css *****/ #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;} #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;} #sb-overlay{position:relative;height:100%;width:100%;} #sb-wrapper{position:absolute;visibility:hidden;width:100px;} #sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;} #sb-body{position:relative;height:100%;} #sb-body-inner{position:absolute;height:100%;width:100%;} #sb-player.html{height:100%;overflow:auto;} #sb-body img{border:none;} #sb-loading{position:relative;height:100%;} #sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;} #sb-loading-inner span{background:url(/themes/kcaw/images/shadowbox/loading.gif) no-repeat;padding-left:34px;display:inline-block;} #sb-body,#sb-loading{background-color:#060606;} #sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;} #sb-title,#sb-title-inner{height:26px;line-height:26px;} #sb-title-inner{font-size:16px;} #sb-info,#sb-info-inner{height:20px;line-height:20px;} #sb-info-inner{font-size:12px;} #sb-nav{float:right;height:16px;padding:2px 0;width:45%;} #sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;} #sb-nav-close{background-image:url(/themes/kcaw/images/shadowbox/close.png);} #sb-nav-next{background-image:url(/themes/kcaw/images/shadowbox/next.png);} #sb-nav-previous{background-image:url(/themes/kcaw/images/shadowbox/previous.png);} #sb-nav-play{background-image:url(/themes/kcaw/images/shadowbox/play.png);} #sb-nav-pause{background-image:url(/themes/kcaw/images/shadowbox/pause.png);} #sb-counter{float:left;width:45%;} #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;} #sb-counter a.sb-counter-current{text-decoration:underline;} div.sb-message{font-size:12px;padding:10px;text-align:center;} div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}