/* Title: Main CSS File Theme Name: 55 Central Author Name: Anon NOTE: ------ PLEASE DO NOT EDIT THIS CSS, IF YOU NEED USE "CUSTOM.CSS" FILE FOR WRITING YOUR CUSTOM CSS. I WILL RELEASE FUTURE UPDATES SO IT WILL OVERWRITE THIS FILE IT'S BETTER USE "CUSTOM.CSS". ----------------------------------*/ /*Header*/ .phone { position: relative; top: 15px; left: 3%; font-size: 20px; } .welcome { position: relative; top: 11px; } .username { color: #6a3f01; } .graphics { border: 1px #CCC solid; height: 250px; width: 100%; } .span5 > div > span.header-icon-phone { /*width: 30px; height: 31px; background: url(img/phone-icon.png); margin-bottom: 5px;*/ vertical-align: middle; /*margin-right: 10px;*/ position: relative; top: -8px; } .span5 > div > span.header-icon-email { /*width: 30px; height: 31px; background: url(img/email-icon.png); margin-bottom: 5px;*/ vertical-align: middle; /*margin-right: 10px;*/ position: relative; top: -8px; } div.phone > div > span { position:relative; top: -6px; } /*Menu*/ .nav-collapse > ul.nav { width: 100%; margin-top: 17px; position: relative; left: 1%; } /* Slider */ #slider { background: #E4E4E4 url(img/slider-bg.png) repeat-x; height: auto; } #myCarousel { margin: 4px 0px; } div.item > img { width: 100%; height: 420px !important; } /*Content Styling */ .content { margin: 25px 0px; line-height: 28px; word-spacing: 3px; font-size: 16px; } .content > .span12 > .span8 > div > div > div > h1 { color: #219cd0; font-size: 26px; } .content > .span12 > .span8 > div > h2, #main-content > .container > .span9 > div > h2 { color:#7d561f; font-size: 19px; padding: 0px; margin:0px; height: 0px; } .content > .span12 > .span8 > div > div > div.edit { position: relative; top: 10px; cursor: pointer; left: 50px; } .editorContent { display:none; } .editorContent > div > div > h1, .editorContent > div > div > h2, .editorContent > h2 { padding-top:7px; padding-left:10px; } .editorContent > div > div > h1:hover, .editorContent > div > div > h2:hover, .editorContent > h2:hover { background:#CCC; } .editorContent > p, #addNews { padding: 10px; } .editorContent > p:hover, #addNews:hover { background:#CCC; } .updated { font-size:14px; margin-top:1px; font-family:Acme; color:#666; } .contact { margin-top:50px; clear:both; } .divider { background: url(img/divider.png) center no-repeat; width: 100%; height: 3px; margin: 20px 0px; } .editCode { width: 50px; } #stories { } #stories > h1{ color: #219cd0; /*font-size: 26px;*/ width: 100%; margin: 0px; } .inner-stories { margin-top: 10px; } .inner-stories > .span6 > div > div > div > h3 { color:#7d561f; /*font-size: 19px;*/ margin: 5px 0px; } .inner-stories > .span6 > div > div > div.edit { position: relative; top: 8px; cursor: pointer; left: 20px; } .inner-stories > .span6 > div > div > div.bullet { position: relative; top: 8px; cursor: pointer; right: 0px; } .inner-stories > .span6 > div span a { color:#fff; } .dividerLine { border-top: 1px solid #7e8e12; } .storiesBox { cursor: pointer; } #services { } #services > h1{ color: #219cd0; /*font-size: 26px;*/ width: 100%; margin: 0px; } .inner-services { margin: 10px 0px 20px 0px; } /*.inner-services > .span4:first-child{ height:800px; }*/ .inner-services > .span4 > a > div { border-radius: 10px; box-shadow: 0 0 4px #888888; padding:10px; transition: background-color linear 1s; } .inner-services > .span4 > a > div:hover { transition-duration: 1s; /* applies to the transition *to* the :hover state */; } .inner-services > .span4 > div > div > div > h3 { color:#7d561f; /*font-size: 18px;*/ margin: 5px 0px; } .inner-services > .span4 > div > div > div.edit { position: relative; top: 8px; cursor: pointer; } .inner-services > .span4 > div > div > div.bullet { position: relative; top: 8px; cursor: pointer; right:10px; } .inner-services > .span4 > div > p > img { margin: 0px 10px 0px 0px; position: relative; top: 6px; vertical-align: text-top; } .addNews > div { margin: 0px 20px 20px 0px; font-size:16px; } #addNews { margin-bottom: 10px; display:none; } .newsDate { font-family: Acme; } /*Twitter Tweets*/ #twitterTweets { background-color: #219cd0; *background-color: #219cd0; background-image: -moz-linear-gradient(top, #219cd0, #5eb1d0); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#219cd0), to(#5eb1d0)); background-image: -webkit-linear-gradient(top, #219cd0, #5eb1d0); padding: 10px 0px 20px 0px; background-image: -o-linear-gradient(top, #219cd0, #5eb1d0); color: #FFF; background-image: linear-gradient(to bottom, #219cd0, #5eb1d0); border-radius: 10px; margin-top:20px; } #twitterTweets > h3 { font-family: AveriaSerifLibre; font-size: 20px; font-weight:normal; padding: 0px 20px; margin: 0px; } #twitterTweets > div { padding: 0px 20px; font-size:13px; line-height: 28px; } #twitterTweets > div > div { font-size:12px; margin-top:10px; font-family:Acme; } #twitterTweets > div.twitterDivider { background:url(img/twitter-divider.png) repeat-x; height:2px; margin:10px 0px; } #twitterTweets > .pull-right > a { color: #fff; font-size:13px; margin-right:20px; } #twitterTweets > div > div.newsMore > a { color: #fff; font-size:13px; margin-right:40px; } .twitterTail { background: url(../img/twitter-tail.png) no-repeat; width: 59px; height: 47px; position: absolute; margin-top: 40px; margin-left: 270px; } /*Footer*/ #footer { background: #121212 url(img/footer-bg.png) top repeat-x; margin-top: 0px; color: #FFF; } #footer > .container { padding: 10px; } #footer > .container > div > ul > li > a { color: #fff; text-decoration: none !important; } /*#footer > .container > div > table > tbody > tr > td > div.phone-icon { background: url(../img/footer-phone-icon.png) no-repeat; height: 26px; width: 20px; } #footer > .container > div > table > tbody > tr > td > div.email-icon { background: url(../img/email.png) no-repeat; height: 26px; width: 32px; } #footer > .container > div > table > tbody > tr > td > div.address-icon { background: url(../img/address-icon.png) no-repeat; height: 26px; width: 32px; vertical-align:top; }*/ #footer > .container > div > table > tbody > tr > td > a > div.twitter-icon { background: url(../img/twitter-icon.png) no-repeat; height: 34px; width: 35px; opacity: .8; } #footer > .container > div > table > tbody > tr > td > a > div.twitter-icon:hover { cursor: pointer; opacity: 1; transition-duration: 1s; } #footer > div > div#copyright { font-family:Amaranth; font-size:13px; color: #ccc; } #footer > div > div#footerMenu { font-family:Amaranth; } #footer > div > div#footerMenu > table > tbody > tr > td > a { padding:0px 10px; font-size:13px; color: #ccc; } span.icon-play { position: relative; top: 2px; margin-right:5px; } #footer > div.container > div.span3 > a > img { margin-top: 10px; } /*Main Content*/ #main-content{ margin: 0px 0px 0px 0px; background: url(img/content-bg.png); border-bottom:1px solid #CCC; box-shadow: 0px 1px 7px #666; /*padding: 0px 0px 30px 0px;*/ } #main-content > .container > div > h1 { text-align: left; /*font-size: 33px; font-weight: bold;*/ color: #219cd0; } #main-content > .container > div > div > h1 { /*font-size: 33px;*/ /*font-weight: bold;*/ color: #219cd0; } #main-content > .container > div > div > div > div > h1 { /*font-size: 33px;*/ /*font-weight: bold;*/ color: #219cd0; } #main-content > .container > div > div > div > div > h2 { /*font-size: 20px;*/ } #main-content > .container > div > div > div > div.edit { position: relative; top: 8px; cursor: pointer; left: 50px; margin-bottom:0px; } #main-content > .container > div > div > p > img { margin: 0px 10px 0px 0px; position: relative; top: 7px; } #main-content > .container > div > div.serviceBreak { clear: both; padding-top: 20px; } #main-content > .container > div > div.serviceBox:hover { border:1px solid #CCC; transition-duration: 1s; box-shadow: 0 0 4px #888888; } #main-content > .container > div > div.serviceBox { box-shadow: inset 0 0 10px #ccc; border:1px solid #CCC; margin:10px 0px; width:98%; transition: background-color linear 1s; } /*Sidebar*/ .sidebar-nav > div > h3 { text-align: left; /*font-size: 24px; font-weight: normal;*/ color: #219cd0; } .sidebar-nav > div > p > a.btn { width: 100%; display: block; font-weight: bold; padding: 15px 0px !important; border: none; background:#CCC; background-image: linear-gradient(to bottom, #ccc, #E1E1E1); font-size: 18px; color:#333; float: left; } .sidebar-nav > div > p > a.btn-primary:hover { background-color: #E1E1E1; transition-duration: 1s; box-shadow: 0 0 4px #888888; } .sidebar-nav > div > p > a.btn > img { margin-top:0px; } .sidebar-nav > div > p > a.btn > span { text-align:left; padding:4px 0px 0px 10px; text-transform:uppercase; font-size:14px; } /*Text Scroll*/ .webwidget_slideshow_common { position: relative; font-size: 14px; color: #4d4d4c; padding: 5px; } .webwidget_slideshow_common .slides_box{ padding: 0px; margin: 0px; overflow: hidden; position: absolute; } .webwidget_slideshow_common .slides_box > ul > li { line-height: 26px; } .webwidget_slideshow_common .slides_box > ul > li > a.link { line-height: 17px; color: #fff; text-decoration:none; font-size: 14px; } .webwidget_slideshow_common > ul > li > p { color: #4d4d4c; text-shadow: 0px 0px 1px #333; } .webwidget_slideshow_common div.twitterDivider { background:url(img/twitter-divider.png) repeat-x; height:2px; margin:6px 0px; } .sidebarDivider { background: url(img/sidebarDivider.png) repeat-x; margin: 30px 0px 0px 0px; height: 2px; } /*Breadcrumb*/ #breadcrumb { margin: 10px 0px; } #breadcrumb .breadcrumb { margin: 0px; margin-top: 10px; padding: 2px 0px; } #breadcrumb > div > div > ul.breadcrumb > li { padding: 0px 0px; } #breadcrumb > div > div > ul.breadcrumb > li:first-child { padding-left: 5px; } div.login > div > span.labelText { width: 200px; } textarea { width: 98%; min-height:150px; } #map { height:200px; } .donateNow { background:url(img/donate.png) no-repeat; height: 184px; width:256px; } .donateNow:hover { background:url(img/donateHover.png) no-repeat; } .kosherACNC{ background:url(img/acnc-logo.png) no-repeat; height: 275px; width:275px; }