/* ----------------------- For Editor styles, search "Editor styles" below, also see page_theme.php ------------------------*/ /* ----------------------- Base styles ------------------------*/ body { margin: 0; padding: 0; color: #ccc; background-color: #000; font: 1em/1.2 "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } h1,h2,h3,h4,h5,h6 { margin: 0 0 1em; font-weight: 500; line-height: 1.1; } h1 { font-size: 2.25em; } h2 { font-size: 1.75em; } h3,h4,h5,h6 { font-size: 1.375em; } /* { font-size: 2.25em; /* 36px font-size: 1.75em; /* 28px font-size: 1.375em; /* 22px font-size: 1.125em; /* 18px font-size: 1em; /* 16px font-size: .875em; /* 14px */ p { margin: 0 0 1.5em; line-height: 1.5; } td p { margin: 0; } blockquote { padding: 1em 2em; margin: 0 0 2em; border-left: 5px solid #1c8cfa; } hr { height: 0; margin-top: 1em; margin-bottom: 2em; border: 0; border-top: 1px solid #1c8cfa; } table { background-color: transparent; border-spacing: 0; border-collapse: collapse; /* border-bottom: 1px solid #1c8cfa; */ } /* Zebra striping */ tr:nth-of-type(even) { background: #191919; } th, td { /* also in "Wide Styles" and "Make Tables Responsive" - below */ padding: .4em 1em; vertical-align: top; text-align: left; } a:link { color: #ddd; } a:visited { color: #ddd; } a:focus { color: #fff; } a:hover { color: #fff; } a:active { color: #FF0000; } /* ----------------------- Layout styles ------------------------*/ .container { /* max-width: 70em; 1120px ? */ max-width: 60em; /* 960px ? */ margin: 0 auto; } .header /*also in Wide styles */ { color: #fff; background-color: #000; /* background-image: url(../img/fireHeader.png); background-size: 100%; background-position: 0 0; background-repeat: no-repeat; */ padding: 1em 1.25em 0 1.25em; margin: 0 auto; /* max-height: 210px; */ max-width: 1020px; } .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .header img { width: 104%; height: auto; margin-left: -1em; } .header-heading { margin: 0; } .header-heading-text { /*also in Wide styles */ font-size: 1.25em; display: inline-block; } .nav-bar { background: #000; padding: 0; } .content { overflow: hidden; padding: 1em 1.25em; } .main, .aside { margin-bottom: 1em; } .footer { color: #fff; background: #000; padding: 1em 1.25em; /* background-image:url(../img/fireLine4Footer.jpg); background-repeat: repeat-x; background-position: bottom; */ } /* ----------------------- Current Page Selector Requires markers for each page and menu file; On each page: On each menu item in nav.html: ------------------------*/ .nav-path-selected, body.dropdownbody a.dropdown, body.dropdown2body a.dropdown, body.dropdown2body a.dropdownpage { /* adds selector to top item in dropdown menu */ color: #FFFF99!important; font-weight: normal!important; margin-top: 2px!important; /* drops top menu item down a bit when child page is active */ margin-bottom: -4px!important; /* bring drop down menu items back up to match non-active items */ font-weight: 400!important; } .nav-selected, body.homebody a.home, body.photobody a.photo-gallery, body.dropdownbody a.dropdownpage, body.dropdown2body a.dropdown2page { color: #FFFF99!important; /* pointer-events: none; - KILLS DROP DOWN ITEMS IN CONCRETE5 */ cursor: crosshair; /* for IE */ cursor: grabbing; cursor: -webkit-grabbing; /* chrome */ font-weight: bold!important; margin-top: 0px!important; margin-bottom: 0px!important; text-shadow: 0 0 9px #fff; } /* ----------------------- Editor styles - See page_theme.php ------------------------*/ /* Inline Styles */ .red { color: red; } .green { color: #33FF00; } .yellow { color: #FFFF00; } .blue { color: #1a82e8; } .veryLargeText { font-size: 2.25em; } /* 36px */ .largerText { font-size: 1.75em; } /* 28px */ .largeText { font-size: 1.375em; } /* 14px */ .moveParagraphUpToH1 { margin: -30px 0 20px 0; color: #66CCFF; } .nowrap { white-space: nowrap; } /* Object Styles */ .imageLeft-spaceRight { float: left; margin-right: 8px; } .imageRight-spaceLeft { float: right; margin-left: 8px; } .text-image-box-right { /* also see this under: @media only screen and (max-width: 540px) */ float: right; width: 350px; margin: 0 0 0 7px; padding: 10px 4px 10px 8px; border-style: solid; border-width: 1px; border-color: #fefb00; /* border-color: #1c8cfa #034F9A #034F9A #1c8cfa; */ border-radius: 0.3em; background-color: #0A0C21; } /* override /packages/easy_image_gallery/blocks/easy_image_gallery/stylesheet/block-view.css */ .easy-gallery-boxes .box-wrap { background-color: #000 !important; } .easy-gallery-boxes .box-wrap img { border-radius: 6px !important; } /* ----------------------- Single styles ------------------------*/ img { max-width: 100%; height: auto; } .btn { color: #fff !important; background-color: royalblue; border-color: #222; display: inline-block; padding: .5em 1em; margin-bottom: 0; font-weight: 400; line-height: 1.2; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: .2em; text-decoration: none; } .btn:hover { color: #fff !important; background-color: green; } .btn:focus { color: #fff !important; background-color: black; } .btn:active { color: #fff !important; background-color: red; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } .call911 { margin: 2px 0 -10px 4%; font-weight: bold; color:#33FF00; display: inline-block; padding: 6px 12px; -webkit-box-shadow:inset 0 0 4px 2px #1c8cfa; box-shadow:inset 0 0 2px 2px #1c8cfa; -webkit-border-radius: 4px; border-radius: 4px; } .cssPropertytest { } /* ----------------------- Replacement Styles (menu etc) ------------------------*/ .cke_reset_all, .cke_reset_all *, .cke_reset_all a, .cke_reset_all textarea { color: #898989 !important; } #cssmenu { background-color: #c20101; max-width: 940px; margin: 0 auto; -webkit-box-shadow:inset 0 0 2px 1px #FFFF00; box-shadow:inset 0 0 1px 1px #FFFF00; -webkit-border-radius: 6px; border-radius: 6px; } #cssmenu ul ul li { -webkit-box-shadow: inset 0 0 2px 1px #FFFF00; box-shadow: inset 0 0 1px 1px #FFFF00; -webkit-border-radius: 6px; border-radius: 6px; border: solid #FFFF00; border-width: 0 1px 1px 1px; } #cssmenu ul ul li a { background-color: #A20404; border-bottom: #111; padding: 11px 15px; -webkit-border-radius: 6px; border-radius: 6px; } .needanImage {} @media (max-width: 784px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), not all, not all, not all, only screen and (max-width: 1024px) and (min-resolution: 192dpi), only screen and (max-width: 1024px) and (min-resolution: 2dppx) { #cssmenu .submenu-button:before { position: absolute; top: 12px; right: 20px; display: block; width: 6px; height: 23px; background: #dddddd; content: ''; } #cssmenu .submenu-button:after { position: absolute; top: 21px; right: 11px; width: 23px; height: 6px; display: block; background: #dddddd; content: ''; } #cssmenu ul ul .submenu-button:before { top: 7px; right: 21px; } #cssmenu ul ul .submenu-button { height: 46px; width: 80px; } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; /* border-left: 12px solid #111; */ height: 46px; width: 80px; cursor: pointer; border-style: solid; border-width: 0 0 0 24px; -moz-border-image: url(../img/navBorderMore.png) 0 24 round; -webkit-border-image: url(../img/navBorderMore.png) 0 24 round; -o-border-image: url(../img/navBorderMore.png) 0 24 round; border-image: url(../img/navBorderMore.png) 0 24 fill round; } #cssmenu .submenu-button.submenu-opened { background: #dd0606; border-left: 24px #ff0606; /* covers down arrow graphic in #cssmenu .submenu-button */ width: 80px; } /* #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 6px solid #111; height: 46px; width: 46px; cursor: pointer; }*/ #cssmenu ul li { border-top: 1px solid #000; } #cssmenu ul ul li a { font-size: 14px; padding-left: 45px!important; height: 46px; padding-top: 14px; margin-top: 0px!important; } #cssmenu ul ul ul li a { padding-left: 95px!important; } #cssmenu #menu-button { color: #dddddd; font-size: 12px; background-color: #dd0606; } } /* ----------------------- Wide styles ------------------------*/ @media (min-width: 50em) { th, td { /* also in normal styles, above and "Make Tables Responsive", below */ padding: .6em 1em; } .wallgallery li a img { padding: 20px; } .nav-bar { padding: 1em 3em; max-width: 54em; margin: 0 auto; } .content { padding: 1em 3em; } .main { float: left; width: 65%; margin-right: 2%; margin-bottom: 1em; } .main-full { width: 100%; margin-bottom: 1em; } .aside { float: right; width: 30%; margin-bottom: 1em; border-left: 0.5px dashed #1c8cfa; padding-left: 0.6em; } .header img { width: 100%; height: auto; margin-left: -1em; } .footer { padding: 2em 3em; } /* .nav li { display: inline; margin: 0 1em 0 0; } .nav a { display: inline; padding: 0; border-bottom: 0; } */ .header-heading-text { font-size: 1.75em; display: inline-block; } } /* Make Tables Responsive */ @media only screen and (max-width: 540px) { th, td { /* also in "Wide Styles" and normal styles */ padding: .1em .2em; } /* Force table to not be like tables anymore - REMOVED 2022 Oct 09 table, thead, tbody, th, td, tr { display: block; } */ /* Hide table headers (but not display: none;, for accessibility) */ thead tr { position: absolute; top: -9999px; left: -9999px; } tr { border-bottom: 1px solid #000; } td { /* Behave like a "row" */ text-align: left!important; position: relative; /* padding-left: 50%; */ } td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .text-image-box-right { float: none; width: 99%; margin: 0 0 10px 0; padding: 6px; } }