/* This file will hold styles for the mobile version of your website (mobile first). */ /* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */ /* general HTML styles */ h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-weight: bold; } h2 { font-size: 22px; } #page { max-width:960px;margin:auto;box-shadow:0 0 5px #aaa; background: #ffffaa; /* Old browsers */ background: -moz-linear-gradient(top, #ffffc6 0%, #ffffff 66%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffc6), color-stop(66%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffc6 0%,#ffffff 66%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffc6 0%,#ffffff 66%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffc6 0%,#ffffff 66%); /* IE10+ */ background: linear-gradient(to bottom, #ffffc6 0%,#ffffff 66%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffaa', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } tbody, tr ,td{border:solid 1px!important;} /*general drupal styles*/ .block, .region, .zone { margin:4px 0; } .views-row.Sticky { background: #ddd; padding: 10px; border:1px dotted #333; } .inline { display: inline; } .float-right {float:right; } .float-left {float:left; } .views-label { font-weight: bold; } #region-footer-first { font-size:0.8em; } #region-user-first, #region-user-second { padding-top:1em; } .views-row h2 { padding-top:15px; margin-bottom:6px; } #block-block-4 h2 { margin:0 16px; } /*site title*/ #region-header-first { margin-top:0; } #zone-menu-wrapper { display:none; } #search-block-form { float:right; } #block-views-news-titles-block-block .view-footer { margin-top:6px; } .breadcrumb a{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold;} .breadcrumb { margin:10px 0; } .block li, .block ul li.leaf { list-style:none; } #block-system-main li, #block-system-main ul li.leaf { list-style:disc; } #zone-user { border-top:16px solid #8441AA; } #region-content .content {padding:0 14px 6px 14px;} #region-sidebar-first,#region-sidebar-second,#region-content {padding-top:14px;margin-bottom:0;} .block .views-row {border-bottom:2px solid #b8aada; padding-bottom:3px;margin-bottom:3px; } .block .views-row-last {border-bottom:0;} #edit-search-block-form--2 { background: none repeat scroll 0 0 #808080; border: medium none; border-radius: 10px; color: #FFFFFF; font-weight: bold; } #region-sidebar-first { height:100%; background: none repeat scroll 0 0 #dbb9ff; margin-left:0;margin-right:0;width:240px; background: #b8aada; /* Old browsers */ background: -moz-linear-gradient(top, #b8aada 0%, #D3CAE8 70%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8aada), color-stop(70%,#D3CAE8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b8aada 0%,#D3CAE8 70%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b8aada 0%,#D3CAE8 70%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b8aada 0%,#D3CAE8 70%); /* IE10+ */ background: linear-gradient(to bottom, #b8aada 0%,#D3CAE8 70%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8aada', endColorstr='#D3CAE8',GradientType=0 ); /* IE6-9 */ } #region-sidebar-second { height:100%; background: none repeat scroll 0 0 #FFF9c8; margin-left:0;margin-right:0px;width:240px; background: #b8aada; /* Old browsers */ background: #b8aada; /* Old browsers */ background: -moz-linear-gradient(top, #D3CAE8 0%, #c7bce2 70%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D3CAE8), color-stop(70%,#c7bce2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #D3CAE8 0%,#c7bce2 70%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #D3CAE8 0%,#c7bce2 70%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #D3CAE8 0%,#c7bce2 70%); /* IE10+ */ background: linear-gradient(to bottom, #D3CAE8 0%,#c7bce2 70%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3CAE8', endColorstr='#c7bce2',GradientType=0 ); /* IE6-9 */ } #region-sidebar-second .block, #region-sidebar-first .block { margin-left:16px; margin-right:16px; } #block-superfish-1, #region-header-first, #zone-header { margin-bottom:0px; } #zone-content, #region-content, #region-sidebar-first, #region-sidebar-second { margin-top:0px; } /*menu styles*/ #block-system-user-menu li a { color: #333; font-weight: bold; text-decoration: none; font-family:Tahoma, Arial, Helvetica, sans-serif; } #block-system-user-menu ul { text-align: right; } #block-system-user-menu li { display:inline; list-style:none; } #block-menu-block-1 ul li ul li { margin-left:16px; } #block-superfish-1 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 7px 0; background:#8441AA; width:100%; margin-top:0; } #block-superfish-1 li.sf-depth-1 a { color:white; font-family:Tahoma, Arial, Helvetica, sans-serif; display: inline; text-decoration: none; font-size:1.2em; } #block-superfish-1 li.sf-depth-1 a.sf-depth-1 { padding-left: 12.5px;} #block-superfish-1 li.sf-depth-1 a.sf-depth-1:after { content:" | "; padding-left: 12.5px;} #block-superfish-1 li.sf-depth-1.last a.sf-depth-1:after { content:""; } #block-superfish-1 ul li li { padding: 7px 0; } #block-superfish-1 .sf-menu li:hover > ul, #block-superfish-1 .sf-menu li.sfHover > ul { left: -0.6em; top: 1.8em; } #block-superfish-1 .sf-menu li ul {background: #422177; padding-top:1em;} #block-superfish-1 .sf-menu li ul li ul {background: #611144; padding-top:1em;} #block-superfish-1 .sf-sub-indicator {background-image:none;} #block-superfish-1 .sf-depth-2 .menuparent:before {content:">>";} /*sidebar styles*/ .region-sidebar-first .block, .region-sidebar-second .block { padding:12px 6px; } .region-sidebar-second .block h2 { margin:0 -6px; } .region-sidebar-first .block ul li { margin: 0; } .region-sidebar-first .block ul li { margin: 0; } .region-sidebar-first .block, .region-sidebar-second .block { padding:12px 6px; } .region-sidebar-second .block h2 { margin:0 -6px; } .region-sidebar-first .block ul li { margin: 0; } #region-branding img { width:100px; top:-12px;position:relative; } #region-header-first,#region-footer-first,#zone-footer,#section-footer {margin:0;padding-top:0;width:960px;} #region-sidebar-first,#zone-content {margin-bottom:0;} #zone-footer #region-footer-first { background-color:#8441AA; } #zone-footer #region-footer-first .block { padding:10px; } #zone-footer #region-footer-second img { margin:10px} #zone-footer #region-footer-second #etop { margin-left:80px; font-size:1.5em;} #zone-footer #region-footer-second img { position:relative;top:20px;} #zone-footer .block li,#zone-footer .block a, #region-footer-first .block div { color:white;} #block-block-6 #join-us-button { background:url('/sites/default/files/sites/default/files/join-nlcfn.jpg'); float:left; margin-left:38px; height:100px; margin-top:6px; width:283px; color:white; padding-top:10px; padding-left:10px; } #block-block-6 #contact-us-button { background:url('/sites/default/files/sites/default/files/contact-bg.jpg'); float: left; height: 96px; margin-left: 38px; width: 283px; color:white; padding-top:20px; padding-left:10px; } #login-join { width:197px; height:190px; padding:10px; background:url('/sites/default/files/sites/default/files/left-panl-bg.png') 0 0 no-repeat; background-size:88%; } #login-join #login { margin-top:60px; } #login-join a { color:white;text-decoration:none; } #login-join a:hover { ;text-decoration:underline; } #login-join h3 {font-size:1.5em;} /**************/ /* page styles */ /**************/ /*front page*/ .front #page-title {display:none;} #block-block-11, #block-block-9, #block-block-10, #block-block-3 { text-align:center; overflow:hidden; margin:0;}/*front page banner centered*/ #block-block-11 p, #block-block-9 p, #block-block-10 p, #block-block-3 p { margin:0;} #block-block-11 img, #block-block-9 img, #block-block-10 img, #block-block-3 img { width:100%;max-height:263px; } /* publications & resources page*/ .views-field-field-subject-area { width:20%; } #edit-field-date-of-publication-value-min-wrapper, #edit-field-date-of-publication-value-max-wrapper, #edit-field-date-of-publication-value-min, #edit-field-date-of-publication-value-max, #edit-field-date-of-publication-value-min .container-inline-date, #edit-field-date-of-publication-value-max .container-inline-date { display: inline; } .page-publications-resources .views-submit-button {float:right;margin-right:6%;} #edit-field-date-of-publication-value-wrapper { display:block;} .resource_icon img { width:20px; padding:2px; } .resource_icon { display:inline; } /*forum page*/ .node-type-forum .submitted, .node-type-forum .field-name-taxonomy-forums { padding:16px 0; } /***** ***** CIVICRM ******* ******/ .page-civicrm #zone-branding-wrapper, .page-civicrm #zone-menu-wrapper, .page-civicrm #region-user-third {display: none; } .page-civicrm-contribute #priceset legend {display:none;} .page-civicrm-contribute .crm-container fieldset { border-top:0px; } .page-civicrm-contribute #membership-intro h1 { font-size: 1.6em; } .page-user #editrow-state_province-1 { display:none;} #block-system-user-menu ul { text-align: right; } #block-system-user-menu li { display:inline; } #search-block-form { float:right; } .page-taxonomy .node-readmore a { border:none; } .view-display-id-page .views-row, .page-taxonomy .node-teaser { padding-bottom:3em; margin-bottom:2em; border-bottom:1px dotted #aaa; }