OwlCyberSecurity - MANAGER
Edit File: styles.css
/* Browser Reset */ a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { margin: 0; padding: 0; font-size: 100%; font-weight: inherit; font-style: inherit; text-align: inherit; background: transparent; border: 0; font-family: inherit; outline: 0; vertical-align: baseline; white-space: normal; } body a { color: #c0200d ; text-decoration: underline } body a:hover { text-decoration: underline } body.contentpane { padding:10px; } .event-sub .control-label { text-align: left!important; } .event-sub textarea#message { width: 330px; } .item-122 { display: none!important; } i { margin-right: 10px; } .formControlLabel { margin-left: 0px!important; } p.logoname { font-size: 16px; /* color: #999; */ /* font-weight: bold; */ letter-spacing: 1px; } #box-wrap li { list-style-type: square; } .category-desc { margin: 20px 0; } .events { width: 42%; background: #EFEFEF; color: #c0200d; padding: 2%; float: left; margin: 2%; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000 } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #c0200d } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } ol, ul { margin:0 0 0 20px} ul.unstyled { list-style: none; margin:0; padding:0; } blockquote, q { quotes: none } :focus { outline: 0 } table { border-collapse: collapse; border-spacing: 0; } img { height:auto; max-width:100%; } .inline h2 { color: #FFFFFF; padding: 20px; font-weight: 100; font-size: 22px; } .inline { margin-top: -40px; color: #FFF; } /* Grid */ .container { max-width: 960px; min-width: 220px; margin: 0 auto; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .container .row, .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .row { margin-bottom: 1.5em } .col { display: block; float: left; width: 100%; } .col:first-child { margin-left: 0 } .row:after, .col:after, .clr:after, .group:after { display: block; height: 0; clear: both; content: ""; visibility: hidden; } @media (min-width:768px) { /* grid */ .col { margin-left: 2% } .span_1 { width: 6.5% } .span_2 { width: 15.0% } .span_3 { width: 23.5% } .span_4 { width: 32.0% } .span_5 { width: 40.5% } .span_6 { width: 49.0% } .span_7 { width: 57.5% } .span_8 { width: 66.0% } .span_9 { width: 74.5% } .span_10 { width: 83.0% } .span_11 { width: 91.5% } .span_12 { width: 100% } } @media (max-width: 959px) { #wrapper{ padding:0 10px!important; }#header-wrap { padding: 10px!important; }} .count-1 { clear: both; margin-left: 0; } /* Body + Main Containers */ body { background: #fff; color: #555; font: 13px/2em Verdana, Geneva, sans-serif; nowhitespace: afterproperty; } #box-wrap { margin: 20px auto; padding: 0px; } #main-content { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #wrapper { margin:0 auto; padding:0; position: relative; } #comp-wrap { padding:0} .full { padding:0; margin:0; clear:both} .contact a { text-decoration:none} /* Article Columns */ .column-1, .column-2, .column-3, .column-4 { position:relative; margin:0; padding:0; } /* Content styles */ #archive { padding:0; margin:0; } .archive { padding:0; } .archive .article-count { color:#999; } .blog-featured { } .items-leading { position: relative; clear:both; margin:20px 0 20px 0; padding:0; } .leading { margin:0 0 20px 0; position:relative; } .items-row, .item-page, .contact { position: relative; } .item-separator { } .items-row { border: 1px solid #DEDEDE; padding: 15px; } .item-page { position:relative} .item-page-title { margin:0 0 10px 0; } .items-row h1 { font-size: 22px; } .item-page-title, .item-page-title a, .contact-name { text-decoration:none; font-size:35px; line-height:35px; font-weight: 100; } .item-page-title a:hover { } .contact h2{ margin:0 0 20px 0; } .contact .current { margin:0; padding:0; } dl.tabs { display:block; clear:both; } dl dt.tabs { display: inline-block; margin: 0px 0px -1px 20px; height: 40px; line-height: 40px; } dt.tabs h3 { margin:0 2px 5px 0; } dt.open { background: #c0200d; } dt.closed { background: rgba(191, 31, 13, 0.53); } dt.tabs h3 a { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; cursor: pointer; text-decoration: none; color: #FFF; font-weight: lighter; padding: 0 20px; letter-spacing: 1px; } dt.tabs.closed h3 a { } dd.tabs { padding: 10px 20px; border: 1px solid #c0200d; } .jicons-icons { float:left; margin:0 10px 0 0; padding:5px 0 0 0 } h1.componentheading { margin:0 0 10px 0; padding:0; position:relative; color:#333; } ul.button-icons { position:absolute; top:3px; right:5px; margin:10px 0 0 0; padding:0; } ul.button-icons li { display:inline-block} ul.button-icons li.edit-icon, ul.button-icons li.print-icon, ul.button-icons li.email-icon { margin:0; padding:0; width:20px; height:16px; float:left; overflow:hidden; line-height:12px; font-size:12px} .iteminfo, .content_rating { font-size: 11px; display:block; color:#999999; margin:0 0 5px 0; } .content_rating p{ margin:0; padding:0; } .iteminfo span { margin:0 10px 0 0; } .iteminfo a { } .iteminfo a:hover { } .iteminfo .category,.iteminfo .sub-category,.iteminfo .create,.iteminfo .modified,.iteminfo .published,.iteminfo .createdby,.iteminfo .hits { display:inline-block; line-height:20px!important; } .iteminfo .createdby { font-weight:bold; } .items-more { clear:both; } h3.items-more { font-size:14px; padding:0; margin:0; } .items-more ol { margin:0 0 0 30px; padding:0} table.category { } th.item-title, th.list-title { font-size: 15px; font-weight: bold; text-align: left; } /* Commons */ .clear { clear: both } blockquote { position: relative; margin: 30px 0; padding: 20px; background-color: #e9e9e9; color: #505050; border-left: 5px solid #ddd; font-size: 16px; font-style: italic; font-family: 'Georgia', sans-serif; line-height: 1.8em; } pre { font-family: 'Sacramento', cursive; margin: 10px 0; padding: 20px; color: #c0200d; font-size: 30px; line-height: 1.8em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } address { margin: 20px 0; letter-spacing: 1px; } /* Typography */ h1, h2, h3, h4, h5, h6 { color: #c0200d; font-weight: bold; font-family: 'Lato', sans-serif; } h1 { margin: 0 0 20px; font-size: 23px; } h2 { font-size: 18px } h3 { font-size: 16px } h4 { font-size: 14px } h5 { font-size: 12px } h6 { font-size: 10px } .entry p:last-child { margin: 0 } .entry ul { margin: 30px 0 30px 20px } .entry ul li, .entry ol li { margin: 0 0 5px } .entry ol { margin: 30px 0 30px 25px } .entry ol { list-style: decimal } .entry ul { list-style: disc } .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin: 40px 0 20px } p { margin: 15px 0; } p.lead { color: #777; font-size: 21px; line-height: 27px; } em { font-style: italic } strong { font-weight: bold } small { font-size: 80% } hr { height: 0; margin: 30px 0 30px; border: solid #eee; border-width: 1px 0 0; clear: both; } a { outline: 0; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease} a:hover { color:#000} p a, p a:visited { line-height: inherit } /* Header */ #header-wrap { padding: 10px; height:auto; padding-bottom: 0px; } #header-wrap .row { margin-bottom: 0; height: 100px; } #logo { display:inline-block; margin:0 0 10px 0; } #logo img { display:block; width:auto; } #logo a{ color:#000; text-shadow: 0 -2px 0 #cfcfcf; line-height:60px; font-size:60px; text-align:left; text-decoration:none; font-weight:bold; } #site-description { color:#000; text-shadow: 0 -1px 0 #cfcfcf; font-size:12px; font-family: 'Lato', sans-serif; font-weight:normal; text-transform: uppercase; } #top { line-height:18px; float: right; display: inline-block; color: #c0200d; font-weight: 400; padding-top: 5px; } #top a { text-decoration:none; } #top a:hover { text-decoration:underline; color: #c0200d; } #top p { margin: 10px 0; } /* Navigation */ #navbar-wrap { padding: 0px; margin:0 0 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; } #navbar { position: relative; height: 55px; } #navbar.row { margin-bottom: 0 } #navigation { padding:0 10px; } #navigation .menu { margin: 0; padding: 0; list-style: none; } #navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; } #navigation .menu > li { display: block; float: left; } #navigation .menu > li ul { } #navigation .menu ul { position: absolute; left: 0; top: 100%; margin: 10px 0 0 0; /*IE6 only*/ _margin: 0; nowhitespace: afterproperty; opacity: 0; transition: all .2s ease-in-out; visibility: hidden; z-index: 99; } #navigation .menu ul ul { left: 100%; top: 0; } #navigation .menu ul ul li { width: 100% } #navigation .menu li { position: relative; list-style: none; } #navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; } #navigation .menu a { display: block; position: relative; } /* current item */ #navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #c0200d ; } #navigation .menu > .active > a, #navigation li.active > a { color: #c0200d } #navigation .menu > li { margin-right: 20px; padding:0 10px; } #navigation .menu a { height: 55px; color: #606060; font-weight: 400; text-align: left; text-decoration: none; cursor: pointer; line-height: 55px; font-size:14px; } /*drop-down styles*/ #navigation .menu ul { border-top: none; background: #fff; border: 1px solid #ddd; min-width:200px; } #navigation .menu li:hover ul { margin-top: 0; } #navigation .menu ul ul.sub-menu { margin-top: -1px; margin-left: 1px; } #navigation .menu ul li { border-bottom: 1px solid #ddd } #navigation .menu ul li:first-child { } #navigation .menu ul li:last-child { border: 0 } #navigation .menu ul li > a:hover { color: #c0200d } #navigation .menu ul a { display: block; height: auto; margin: 0px; padding: 12px 15px; text-transform: none; border: 0px; line-height: 1.7em; } #navigation .selector { display: none } #navigation ul.sub-menu .icon-angle-down:before { content:"\f105"!important; } #navigation ul.sub-menu a { font-size:12px; } #navigation i { text-align:right} #menu-icon { display: none; } #slide-wrap a:hover{ color:#fff} /* Module Classes */ /* light */ .light { border:2px solid #cfcfcf !important; background:#fff url(../images/light-bg.png) 0 0 repeat !important; color:#555 !important; text-shadow:1px 1px #fff!important} .light .module-title{ color:#555 !important; background:none!important; border-bottom:none!important; } .light .module-body { border-top:none !important; } .light a{ text-decoration:underline !important; }.light a:hover{ color:#333!important} /* normal */ .normal { border:2px solid #c0200d !important; background:#c0200d url(../images/normal-bg.png) 0 0 repeat !important; color:#fff!important; text-shadow:1px 1px #aa2919!important} .normal .module-title{ color:#fff !important; background:none!important; border-bottom:none!important; } .normal .module-body { border-top:none !important; } .normal a{ text-decoration:underline !important; color:#fff!important}.normal a:hover{ color:#fccdc7!important} /* dark */ .dark { border:2px solid #1a1a1a !important; background:#222 url(../images/dark-bg.png) 0 0 repeat !important; color:#fff !important; text-shadow:1px 1px #000!important; } .dark .module-title{ color:#fff !important; background:none !important; border-bottom:none!important; } .dark .module-body { border-top:none !important; } .dark a{ text-decoration:underline !important; color:#ccc!important}.dark a:hover{ color:#fff!important} /* blank */ .blank { border:none!important; background:none!important; padding:5px!important; -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; box-shadow:none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important} .blank .module-title { border:none!important; padding:0 0 0 5px!important} .light, .normal, .dark { padding:10px!important; } .light ul.menu li a, .normal ul.menu li a, .dark ul.menu li a{ text-decoration:none!important} .light .module-title, .normal .module-title, .dark .module-title { padding:0 0 0 5px!important; border:none!important; line-height:30px!important; } .light .module-body, .normal .module-body, .dark .module-body { padding:0 5px !important; } /* Page Navigation */ ul.pagenav { display:block; } ul.pagenav li { list-style:none; } ul.pagenav li a{ display:block} .pagenav-prev { float:left; } .pagenav-next { float:right} #pagination { clear:both; text-align:center; padding:0; } /* Breadcrumbs */ .breadcrumbs { padding:0; margin:0 0 10px 0; color:#999; font-size: 10px; } .breadcrumbs a { color:#999; } .breadcrumbs .icon-angle-right{ padding:0 5px} /* Sidebar */ #leftbar-w { float:left} #rightbar-w { float:right; display:block; } #sidebar { padding:0; } #sidebar .module { margin-bottom:20px; border: 4px solid #fff; position: relative; background:#fff; padding:10px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2)} #sidebar .module-title { font-size:14px; line-height:25px; color:#333; padding:5px 0 5px 10px; letter-spacing:1px; text-transform:uppercase; border-bottom:5px solid #e0e0e0; } #sidebar h3 { margin:0; padding:0 0 5px 0; } #rightbar-w .module-title { } #sidebar .module-body { margin:0; padding:5px; } #sidebar .module-body p{ padding:0; margin:0 0 5px 0; } #sidebar ul li { margin:0 5px; padding:0; } #sidebar a{ } #sidebar a:hover{ } /* Sidebar Menu*/ #sidebar .module ul.menu{ margin:0; padding:0; list-style:none; } #sidebar .module ul.menu li{ list-style:none; margin:0; padding:0; background:url(../images/sidebar-menu-sep.png) bottom left repeat-x; } #sidebar .module ul.menu li:hover{ } #sidebar .module ul.menu li a, #sidebar .module ul.menu li.active ul li a, #sidebar .module ul.menu li ul li.active ul li a{ display:block; margin:0; padding:5px 0 7px 25px; background:url(../images/sidebar-li1.png) 5px 50% no-repeat; text-decoration:none; color: #999; font-family: 'Lato', sans-serif; font-size:16px; line-height:25px; } #sidebar .module ul.menu li a:hover,#sidebar .module ul.menu li.active a, #sidebar .module ul.menu li ul li a:hover, #sidebar .module ul.menu li ul li.active a, #sidebar .module ul.menu li.active ul li a:hover, #sidebar .module ul.menu li ul li.active ul li.active a { background:url(../images/sidebar-li2.png) 5px 50% no-repeat; text-decoration:none; color:#c0200d ; } #sidebar .module ul.menu li.active { } /* Sidebar SubMenu*/ #sidebar .module ul.menu li ul { margin:0; background:url(../images/sidebar-menu-sep.png) top left repeat-x} #sidebar .module ul.menu li ul li { background:none; margin:0; padding:0 0 0 10px } #sidebar .module ul.menu li:last-child, #sidebar .module ul.menu li ul li:last-child, #sidebar .module ul.menu li.active ul li:last-child { background:none } #sidebar .module ul.menu li ul li a{ } #sidebar .module ul.menu li ul li a:hover{ border: 0; } #sidebar .module ul.menu li ul li.active, #sidebar .module ul.menu li.active ul li { background:url(../images/sidebar-menu-sep.png) bottom left repeat-x} .module .menu .icon-angle-down:before { content:""!important} /* User1 and User2 */ #user1-wrap{ margin-bottom:20px; border: 4px solid #fff; position: relative; background:#fff; padding:10px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2)} #user1{ padding:0; margin:0 auto; clear:both; } #user1 .module{ color:#555; margin-bottom:10px} #user1 .inner{ padding:0 10px; } #user1 .module-title{ display: block; font-size: 14px; line-height: 32px; letter-spacing:1px; text-transform:uppercase; } #user1 h3.module-title{ margin-bottom:0; padding-bottom:0; } #user1 .module-body { } #user1 a { } #user1 a:hover{ } #user1 ul { margin:0; padding:0; } #user1 ul li{ border-bottom:none; list-style:none; } #user1 ul li:hover{ } #user1 ul li a{ display:block; padding:0 0 0 20px; background:url(../images/user1-arrow.png) 0 50% no-repeat; text-decoration:none; font-size:14px; font-family: 'Lato', sans-serif; } #user1 ul li a:hover{ } /* User 2 */ #user2-wrap{ border: 1px solid #fff; position: relative; background:#c0200d; padding:30px 0; color: #FFF; margin-top: 70px; padding: 30px 10px; } #user2{ padding:0; margin:0 auto; clear:both; } #user2 .module{ color:#555; margin-bottom:10px; } #user2 .inner{ padding:0 10px; } #user2 .module-title{ display: block; font-size: 25px; line-height: 32px; letter-spacing:1px; font-weight: 100; color: #FFFFFF; } #user2 p { color: #FFF; } #user2 h3.module-title{ margin-bottom:0; padding-bottom:0; } #user2 .module-body { } #user2 a { color: #FFF; text-decoration: underline; } #user2 a:hover{ } #user2 ul { margin:0; padding:0; } #user2 ul li{ border-bottom:none; list-style:none; } #user2 ul li:hover{ } #user2 ul li a{ display:block; padding:0 0 0 20px; background:url(../images/user2-arrow.png) 0 50% no-repeat; text-decoration:none; font-size:14px; font-family: 'Lato', sans-serif; } #user2 ul li a:hover{ } /* Search */ input[type="search"] { display: block; width: 100%; padding: 10px 32px 10px 11px; color: #202020; font-size: 11px; -moz-box-sizing: border-box; -webkit-appearance: none !important; -webkit-box-sizing: border-box; background: #fff; border: 1px solid #ddd; box-sizing: border-box; } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } input[type="search"]::-webkit-search-decoration { display: none } input[type="search"]:focus { color: #000; outline: none; } /* Forms / Inputs / Buttons */ .inputbox, input, textarea, select { background:#fff; border:1px solid #d4d4d4; } .inputbox { width:160px; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], textarea { display: block; max-width: 100%; margin-bottom: 10px; margin-left: 0; padding: 5px !important; color: #808080; font-size: 13px; font-weight: 400; background: #fff; border: 1px solid #ddd; border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.030) inset; } textarea { width: 100%; line-height: 1.6em !important; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus { color: #505050; border-color: #ccc; outline: none; } input[type="button"], input[type="submit"], button[type="submit"], button[type="button"] { display: inline-block; margin-top: 5px; margin-bottom:5px; padding: 0 15px; background-color: #fff; color: #666; text-decoration: none; -webkit-appearance: none !important; background: #fff; background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); font-size: 13px; border: 1px solid #ccc; border-radius:0px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05); cursor: pointer; line-height: 36px; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; nowhitespace: afterproperty; text-shadow: 1px 1px 0 #FFFFFF; } input[type="button"]:active, input[type="submit"]:active, button[type="submit"]:active, button[type="button"]:active { background-image: linear-gradient(to bottom, #efefef 0px, #fff 100%); border-color: #bbb #bbb #ddd; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10) inset; } input[type="button"]:hover, input[type="submit"]:hover, button[type="submit"]:hover, button[type="button"]:hover{ background: #fff } a.btn-readmore { background-color: #c0200d ; color:#fff; padding:5px 10px; } /* Mailto */ .mailto { background:#fff; color:#222; padding:10px; } /* Tooltips */ .tip-wrap { float: left; padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #535353; border: 1px solid #222; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; color: #fff; max-width: 200px; text-shadow:1px 1px #000} .tip-title { padding: 0; margin: 0; display:none} .tip-text { font-size: 100%; margin: 0; } #topcontrol { background:url(../images/arrow_up.png) 50% 50% no-repeat; width:60px; height:60px; white-space:nowrap; cursor: pointer; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); bottom:20px; right:20px; z-index:999; } /* Error */ #error { padding:20px; text-align:center} #error .error { color:#FF0000; display:block; padding:0; font-size: 200px; font-weight: bold; line-height: 200px; } #error .center { width: 400px; margin-left:-200px; left: 50%; position: absolute; text-align: center; top: 20%} #error .error { text-shadow: 0 -1px 0 rgba(0,0,0,0.9), 0 1px 0 rgba(255,255,255,0.7); } #error .error > span { display: inline-block; position: relative; } #error .error > span:before { content: ""; position: absolute; top: 70%; left: -30px; right: -30px; height: 80px; background: url(../images/error.png) no-repeat; background-size: 100% 100%; } #error ol li{ text-align:left; } /* Offline */ .error-offline .error > span:before { top: 65%; } .error-offline .message { width: 350px; } /* Thumbs */ .width-10 { width: 10px; }.width-20 { width: 20px; }.width-30 { width: 30px; }.width-40 { width: 40px; }.width-50 { width: 50px; }.width-60 { width: 60px; }.width-70 { width: 70px; }.width-80 { width: 80px; }.width-90 { width: 90px; }.width-100 { width: 100px; }.height-10 { height: 10px; }.height-20 { height: 20px; }.height-30 { height: 30px; }.height-40 { height: 40px; }.height-50 { height: 50px; }.height-60 { height: 60px; }.height-70 { height: 70px; }.height-80 { height: 80px; }.height-90 { height: 90px; }.height-100 { height: 100px; } .thumbnail{ border:1px solid #ccc!important; max-width: 100%!important; } .thumbnail img { -moz-opacity: 0.8; -webkit-opacity: 0.8; opacity: 1; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .thumbnail img:hover { opacity: 0.7; } .thumbnail.pull-left{ margin-right:10px!important} .thumbnail.pull-right{ margin-left:10px!important} .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } .thumbnails:before, .thumbnails:after { display: table; content: ""; line-height: 0; } .thumbnails:after { clear: both; } .thumbnails > li { float: left; margin-bottom: 18px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 18px; border: 1px solid #ddd; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055); box-shadow: 0 1px 3px rgba(0,0,0,0.055); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a.thumbnail:hover { border-color: #08c; -webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25); -moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25); box-shadow: 0 1px 4px rgba(0,105,214,0.25); } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #555; } /* Footer */ #footer-wrap{ padding:10px 0; } #footer-wrap p{ margin:0; padding:0; } /* Footer Menu*/ #footer-nav { float:right} #footer-nav ul { margin:0; padding:0; float:right; } #footer-nav ul li { list-style:none; display:inline-block; position:relative; padding:0; margin:0 1px 0 0; height:25px; border-right:none; font-family: 'Lato', sans-serif; } #footer-nav ul li a { display:block; padding:0 10px; margin:5px 0 0 0; line-height:12px; text-decoration:none; font-size:10px; text-transform:uppercase; border-right:1px solid #cfcfcf; -webkit-transition:none; -moz-transition:none; -o-transition: none; transition:none} #footer-nav ul li a:hover { color:#000} .copyright { margin:0; padding:0; font-size:12px; text-align: center; } .copyright a { font-size:12px; } .copy a:hover { } .dl-horizontal dt { clear: left; float: left; overflow: hidden; text-align: right; text-overflow: ellipsis; white-space: nowrap; width: 40px; } .dl-horizontal dd { margin-left: 50px; } @media (max-width:1030px) { .inline.span_5.pull-right { display: none; } } @media (max-width:600px) { .item-page-title, .item-page-title a, .contact-name { font-size: 25px; } .inline.span_5.pull-right { display: none; } .items-row { margin-bottom: 20px; } #user2 { padding: 0 20px; } #social { display:block; float:none; } #logo { text-align:center; float:none; display:block} #logo img { max-width:250px; max-height:70px; display:block; margin:0 auto} #logo a{ text-align:center} #site-description { text-align:center} #top { float:none; text-align: center!important; } #menu-icon { width:100%; height: 55px; line-height:55px; text-decoration:none; background:#fff; padding:0; cursor: pointer; display: block; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; } #menu-icon:hover,#menu-icon.active { background-color: #dedede; } .menu-icon-title { font-size:20px; padding:0 0 0 10px; } .icon-double-angle-down { font-size:30px; padding:0 10px 0 0; float:right; height:55px!important; line-height:55px!important; } #navbar{ display: none; height:auto; margin:0; padding:0; } /* Menu */ #navbar-wrap { height:auto; display:block; margin:0 0 10px 0; padding:0; border: 1px solid #dedede; background:#DEDEDE; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; border-radius:0px; } /* Navigation */ #navigation { padding:0 10px; display:block; } #navigation .menu { margin: 0; padding: 0; list-style: none; } #navigation .menu .icon-angle-right { position: absolute; right: 10px; top: 50%; margin-top: -6px; color: #aaa; font-size: 12px; } #navigation .menu > li { display: block; float:none; } #navigation .menu > li ul { } #navigation .menu ul { position: relative; left: 0; top: 100%; margin:0; nowhitespace: afterproperty; opacity: 1; transition:none; visibility: visible; z-index: 99; } #navigation .menu ul ul { position:relative!important; margin:1px 0 0 0; padding:0; left:0px; width:100%; display:block; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none; } #navigation .menu ul ul li { width:auto} #navigation .menu li { position: relative } #navigation .menu li:hover > ul { margin: 0; opacity: 1; visibility: visible; } #navigation .menu a { display: block; position: relative; } /* current item */ #navigation .menu > li > a:hover, #navigation .menu > li.sfHover > a, #navigation .menu > .active > a, #navigation .active > a:hover, #navigation .active > a:hover { color: #c0200d ; } #navigation .menu > .active > a, #navigation li.active > a { font-weight: bold; color: #c0200d } #navigation .menu > li { margin:0; padding:0; } #navigation .menu a { height:auto; color: #606060; font-weight: 400; text-align: left; text-decoration: none; cursor: pointer; line-height: 45px; font-size:16px; padding:0 10px; } /*drop-down styles*/ #navigation .menu ul { border-top: none; background:#ececec; border:none; display:none } #navigation .menu li:hover ul { margin: 0; } #navigation .menu ul ul.sub-menu { margin:0; padding:0; border-top: 1px solid #fff } #navigation .menu ul ul.sub-menu li{ margin:0; padding:0; } #navigation .menu ul li { border-bottom:1px solid #fff } #navigation .menu ul li:first-child { } #navigation .menu ul li:last-child { border: 0 } #navigation .menu ul li > a:hover { color: #c0200d } #navigation .menu ul a { display: block; height: auto; margin: 0px; padding: 0 15px; text-transform: none; border: 0px; } #navigation ul.sub-menu .icon-angle-down:before { content:""!important; } #navigation ul.sub-menu a { font-size:12px; line-height: 35px; } #navigation i { text-align:right} #footer-nav { float:none} #footer-nav ul { float:none} .copyright { float:none; text-align:center} }