Community Forums › Forums › Archived Forums › General Discussion › Menu Width on News Theme
- This topic has 6 replies, 2 voices, and was last updated 11 years, 2 months ago by cehwitham.
-
AuthorPosts
-
February 12, 2013 at 8:33 pm #19989jbarilowMember
I need to expand the width of the menu so I don't get the wrapping effect. Where would I modify this? Same applies for sub categories.
February 19, 2013 at 8:42 am #21310cehwithamMemberLook for the following in style.css:
#nav ul {
float: left;
width: 100%;
}As default the menu is set to be 100% of it's container. Unless this has been changed, you'll need to increase the size of the container as below, this is also in your style.css file. You'll need to increase the 960px default width.
#nav {
background: url(images/bg-dark.png);
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
clear: both;
color: #fff;
font-family: 'Oswald', arial, serif;
margin: 0 auto;
overflow: hidden;
text-transform: uppercase;
width: 960px;
}
Twitter: cehwitham Web: cehwitham.com
February 19, 2013 at 8:45 am #21312jbarilowMemberGuess I should have clarified more. The drop down menus, not the overall menu bar itself. I had a pic but it didnt come through in the original post i guess.
February 19, 2013 at 9:41 am #21342cehwithamMemberShould be around line 393 in style.css:
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: url(images/bg-dark.png);
border: 1px solid #444;
border-top-width: 0;
color: #fff;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}If you provide a link to your site I can check.
Twitter: cehwitham Web: cehwitham.com
February 19, 2013 at 10:18 am #21353jbarilowMemberHere are the 2 style sheets. The Genesis and News Child
GENESIS
<code>
/*
Theme Name: Genesis
Theme URI: http://my.studiopress.com/themes/genesis
Description: The industry standard in design frameworks for WordPress. Please <strong>do not modify</strong> this stylesheet, as it might get overridden in updates.
Author: StudioPress
Author URI: http://www.studiopress.com/
Version: 1.9.1
Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-readyLicense: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*//* WARNING - Please read the notice below:
This file is part of the core Genesis Framework. DO NOT edit this file under any circumstances. Please do all modifications in the form of a child theme.
Copy the contents of this file to the child theme. Do not use @import, as the CSS included with Genesis might change in the future.*/
/* Table of Contents
01 Import Fonts
02 Defaults
03 Typography
- Font Color
- Font Family
- Font Size
- Font Miscellaneous
04 Layout
- Structure
- 1152px CSS Grid
- Header
- Main Content
- Post Info & Meta
- Column Classes
- Miscellaneous
05 Menus
- Primary Navigation Extras
06 Headings
07 Lists
08 Post Navigation
09 Comments
10 Sidebars
11 Footer
- Footer Widgets
12 Forms & Buttons
- Gravity Forms
13 Images & Captions
14 Media Queries
- max-width: 1024px
- max-width: 768px
- max-width: 480px*/
/*
01 Import Fonts
---------------------------------------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/css?family=Lato:400,700);/*
02 Defaults
---------------------------------------------------------------------------------------------------- */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,
input, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}html {
font-size: 100%; /* 16px browser default */
}body {
background-color: #fff;
line-height: 1;
}body,
input,
select,
textarea,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}a,
a:visited,
button,
input[type="button"],
input[type="submit"],
.btn {
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}::-moz-selection {
background-color: #1e1e1e;
color: #fff;
}::selection {
background-color: #1e1e1e;
color: #fff;
}a img {
border: none;
}/*
03 Typography
-------------------------------------------------------------------------------------------------------This section covers font colors, families, size, styles and weight.
This style sheet uses rem values with a pixel fallback.
The rem values are calculated per the examples below:12 / 16 = 0.75rem
14 / 16 = 0.875rem
16 / 16 = 1rem
18 / 16 = 1.125rem
20 / 16 = 1.25rem
24 / 16 = 1.5rem
30 / 16 = 1.875rem
36 / 16 = 2.25rem
42 / 16 = 2.625rem
48 / 16 = 3remFurther reading on the use and compatibility of rems:
http://caniuse.com/rem
http://snook.ca/archives/html_and_css/font-size-with-rem*/
/* 03a - Font Color ----------- */
a:hover,
body,
h2 a,
h2 a:visited,
h4.widgettitle a,
input,
.author,
.date,
.genesis-nav-menu a,
.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited,
.post-comments,
#title a,
#title a:hover {
color: #1e1e1e;
}a,
h2 a:hover,
.genesis-nav-menu li a:hover,
.genesis-nav-menu li:hover a,
.genesis-nav-menu li li a:hover,
.genesis-nav-menu .current-menu-item a {
color: #ff2a00;
}.post-info,
.post-meta,
#description {
color: #636363;
}blockquote::before,
blockquote p,
input,
select,
textarea {
color: #999;
}button,
input[type="button"],
input[type="submit"],
.btn,
.genesis-nav-menu .highlight-menu-item a,
.genesis-nav-menu .highlight-menu-item a:hover,
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
}/* 03b - Font Family ----------- */
body,
input,
textarea,
.author-box h1 {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a,
#title {
font-family: 'Lato', sans-serif;
}/* 03c - Font Size ----------- */
#title {
font-size: 42px;
font-size: 2.625rem;
}h1,
.entry-title,
.entry-title a {
font-size: 36px;
font-size: 2.25rem;
}blockquote::before {
font-size: 32px;
font-size: 2rem;
}h2 {
font-size: 30px;
font-size: 1.875rem;
}h3 {
font-size: 24px;
font-size: 1.5rem;
}h4,
.archive-title,
.taxonomy-description h1,
.widgettitle {
font-size: 20px;
font-size: 1.25rem;
}h5 {
font-size: 18px;
font-size: 1.125rem;
}h6,
.author-box h1,
.sidebar h2 a {
font-size: 16px;
font-size: 1rem;
}input,
select,
textarea,
.genesis-nav-menu,
.post-info,
.post-meta,
.wp-caption,
#footer p {
font-size: 14px;
font-size: 0.875rem;
}/* 03d - Font Miscellaneous ----------- */
blockquote p {
font-style: italic;
}cite {
font-style: normal;
}button,
input[type="button"],
input[type="submit"],
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.entry-title a,
.genesis-nav-menu,
.post-comments,
.post-info .author,
.post-info .date,
.wp-caption,
#footer p,
#title {
font-weight: 700;
}.wp-caption {
text-align: center;
}h2 a,
h2 a:visited,
.genesis-nav-menu a,
.navigation li a,
.widgettitle a,
#title a {
text-decoration: none;
}/*
04 Layout
---------------------------------------------------------------------------------------------------- *//* 04a - Structure ----------- */
#wrap {
margin: 0 auto;
max-width: 1152px;
}#inner {
clear: both;
overflow: hidden;
padding-top: 40px;
padding-top: 2.5rem;
}/* 04b - 1152px CSS Grid ----------- */
#sidebar-alt {
width: 15.277777777%; /* 176px / 1152px */
}.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar,
#header .widget-area {
width: 30.555555555%; /* 352px / 1152px */
}.content-sidebar-sidebar .sidebar,
.sidebar-content-sidebar .sidebar,
.sidebar-sidebar-content .sidebar {
width: 37.931034482%; /* 352px / 928px */
}.content-sidebar-sidebar #content,
.sidebar-content-sidebar #content,
.sidebar-sidebar-content #content {
width: 56.896551724%; /* 528px / 928px */
}.content-sidebar #content,
.sidebar-content #content,
#title-area {
width: 65.277777777%; /* 752px / 1152px */
}.content-sidebar-sidebar #content-sidebar-wrap,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
width: 80.555555555%; /* 928px / 1152px */
}.content-sidebar #content-sidebar-wrap,
.full-width-content #content,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
width: 100%; /* 1152px / 1152px */
}.footer-widgets-1,
.footer-widgets-2,
.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar,
#content,
#content-sidebar-wrap,
#footer .gototop,
#sidebar-alt,
#title-area {
float: left;
}.content-sidebar-sidebar #sidebar-alt,
.footer-widgets-3,
.sidebar,
.sidebar-content #content,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content,
.sidebar-sidebar-content #content-sidebar-wrap,
#footer .creds,
#header .widget-area {
float: right;
}/* 04c - Header ----------- */
#header {
border-bottom: 2px solid #1e1e1e;
min-height: 120px;
overflow: hidden;
padding-bottom: 32px;
padding-bottom: 2rem;
}#title {
line-height: 1;
margin: 40px 0 8px;
margin: 2.5rem 0 0.5rem;
}.header-image #title {
margin: 0;
}#description {
line-height: 1.25;
}.header-full-width #title,
.header-full-width #title a,
.header-full-width #title-area {
width: 100%;
}.header-image #title,
.header-image #title a,
.header-image #title-area {
display: block;
float: left;
min-height: 120px;
overflow: hidden;
text-indent: -9999px;
width: 50%;
}.header-image #description {
display: block;
overflow: hidden;
}/* 04d - Main Content ----------- */
#content {
padding-bottom: 40px;
padding-bottom: 2.5rem;
}.entry,
.page .post.entry {
margin-bottom: 80px;
margin-bottom: 5rem;
}.single .entry {
margin-bottom: 48px;
margin-bottom: 3rem;
}.page .entry {
margin: 0;
}.entry-content {
overflow: hidden;
}.entry-content,
.entry-content p {
line-height: 1.625;
}.entry-content p {
margin-bottom: 26px;
margin-bottom: 1.625rem;
}blockquote {
padding: 24px 64px;
padding: 1.5rem 4rem;
}blockquote::before {
content: "“";
display: block;
height: 0;
left: -20px;
position: relative;
top: -10px;
}/* 04e - Post Info & Meta ----------- */
.post-info,
.post-meta {
clear: both;
line-height: 1.5;
}.post-info {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}.post-comments {
background: url(images/post-comments.png) no-repeat center left;
margin-left: 16px;
margin-left: 1rem;
padding-left: 20px;
padding-left: 1.25rem;
}.post-meta {
border-top: 1px solid #ccc;
padding-top: 24px;
padding-top: 1.5rem;
}.categories,
.tags {
display: block;
}/* 04f - Column Classes ----------- */
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 4.166666666%; /* 48px / 1152px */
}.one-half,
.three-sixths,
.two-fourths {
width: 47.9166666666%; /* 552px / 1152px */
}.one-third,
.two-sixths {
width: 30.555555555%; /* 352px / 1152px */
}.four-sixths,
.two-thirds {
width: 65.277777777%; /* 752px / 1152px */
}.one-fourth {
width: 21.875%; /* 252px / 1152px */
}.three-fourths {
width: 73.958333333%; /* 852px / 1152px */
}.one-fifth {
width: 16.666666666%; /* 192px / 1152px */
}.two-fifths {
width: 37.5%; /* 432px / 1152px */
}.three-fifths {
width: 58.333333333%; /* 672px / 1152px */
}.four-fifths {
width: 79.166666666%; /* 912px / 1152px */
}.one-sixth {
width: 13.194444444%; /* 152px / 1152px */
}.five-sixths {
width: 82.638888888%; /* 952px / 1152px */
}.first {
margin-left: 0;
}/* 04g - Miscellaneous ----------- */
p.subscribe-to-comments {
padding: 24px 0 16px;
padding: 1.5rem 0 1rem;
}p.pages,
.clear,
.clear-line,
.first {
clear: both;
}.clear-line {
border-bottom: 1px solid #ccc;
margin-bottom: 26px;
margin-bottom: 1.625rem;
}.alignleft,
.archive-page {
float: left;
}.alignright {
float: right;
}.archive-page {
width: 50%;
}.author-box,
.sticky {
margin-bottom: 80px;
margin-bottom: 5rem;
}.author-box,
.author-box h1,
.taxonomy-description {
line-height: 1.5;
}.author-box,
.breadcrumb,
.sticky,
.taxonomy-description {
background-color: #f5f5f5;
margin-bottom: 48px;
margin-bottom: 3rem;
overflow: hidden;
padding: 32px;
padding: 2rem;
}/*
05 Menus
---------------------------------------------------------------------------------------------------- */.genesis-nav-menu {
clear: both;
overflow: hidden;
}#header .genesis-nav-menu {
float: right;
margin-top: 48px;
margin-top: 3rem;
width: auto;
}.genesis-nav-menu.menu-primary,
.genesis-nav-menu.menu-secondary {
border-bottom: 1px solid #ccc;
}.genesis-nav-menu ul {
float: left;
width: 100%;
}.genesis-nav-menu li {
display: inline-block;
float: left;
list-style-type: none;
text-align: left;
}.genesis-nav-menu a {
display: block;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
position: relative;
}.genesis-nav-menu li.highlight-menu-item {
margin-left: 20px;
margin-left: 1.25rem;
}.genesis-nav-menu .highlight-menu-item a {
background-color: #1e1e1e;
}.genesis-nav-menu .highlight-menu-item a:hover {
background-color: #ff2a00;
}.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited {
background-color: #fff;
border: 1px solid #ccc;
border-top: none;
padding: 20px;
padding: 1.25rem;
position: relative;
width: 170px;
}.genesis-nav-menu li ul {
left: -9999px;
position: absolute;
width: 212px;
z-index: 99;
}.genesis-nav-menu li ul ul {
margin: -55px 0 0 211px;
}.genesis-nav-menu li:hover ul ul,
.genesis-nav-menu li.sfHover ul ul {
left: -9999px;
}.genesis-nav-menu li:hover,
.genesis-nav-menu li.sfHover {
position: static;
}ul.genesis-nav-menu li:hover>ul,
ul.genesis-nav-menu li.sfHover ul,
#header .genesis-nav-menu li:hover>ul,
#header .genesis-nav-menu li.sfHover ul {
left: auto;
}.genesis-nav-menu li a .sf-sub-indicator,
.genesis-nav-menu li li a .sf-sub-indicator,
.genesis-nav-menu li li li a .sf-sub-indicator {
position: absolute;
text-indent: -9999px;
}#wpadminbar li:hover ul ul {
left: 0;
}/* 05a - Primary Navigation Extras ----------- */
.genesis-nav-menu li.right {
float: right;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
}.genesis-nav-menu li.right a {
display: inline;
padding: 0;
}.genesis-nav-menu li.search {
padding: 6px 0 0;
padding: 0.375rem 0 0;
}.genesis-nav-menu li.rss a {
background: url(images/rss.png) no-repeat center left;
margin-left: 20px;
margin-left: 1.25rem;
padding-left: 20px;
padding-left: 1.25rem;
}.genesis-nav-menu li.twitter a {
background: url(images/twitter-nav.png) no-repeat center left;
padding-left: 24px;
padding-left: 1.5rem;
}/*
06 Headings
---------------------------------------------------------------------------------------------------- */h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a {
line-height: 1.2;
margin-bottom: 16px;
margin-bottom: 1rem;
}.author-box h1 {
margin: 0
}.taxonomy-description h1 {
margin-bottom: 4px;
margin-bottom: 0.25rem;
}.archive-title {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}/*
07 Lists
---------------------------------------------------------------------------------------------------- */.entry-content ol,
.entry-content ul {
margin-bottom: 26px;
margin-bottom: 1.625rem;
}.entry-content ol li,
.entry-content ul li {
line-height: 1.625;
}.entry-content ol li,
.entry-content ul li {
margin-left: 40px;
margin-left: 2.5rem;
}.entry-content ol li {
list-style-type: decimal;
}.entry-content ul li {
list-style-type: disc;
}.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}/*
08 Post Navigation
---------------------------------------------------------------------------------------------------- */.navigation li {
display: inline;
}.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
background-color: #1e1e1e;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}.navigation li a:hover,
.navigation li.active a {
background-color: #ff2a00;
}/*
09 Comments
---------------------------------------------------------------------------------------------------- */#comments,
#respond {
line-height: 1.5;
overflow: hidden;
}.ping-list,
#comments {
margin-bottom: 48px;
margin-bottom: 3rem;
}#author,
#email,
#url {
width: 50%;
}.commentmetadata,
#author,
#email,
#url {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}#comment {
margin: 12px 0;
margin: 0.75rem 0;
}label {
margin-left: 12px;
margin-left: 0.75rem;
}.comment-list li,
.ping-list li {
list-style-type: none;
margin-top: 24px;
margin-top: 1.5rem;
padding: 32px;
padding: 2rem;
}.comment-list li ul li {
margin-right: -32px;
margin-right: -2rem;
}.comment-header {
overflow: hidden;
}.comment {
background-color: #f5f5f5;
border: 2px solid #fff;
border-right: none;
}.comment-content p {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}.bypostauthor {
}#comments .navigation {
margin-top: 32px;
margin-top: 2rem;
}/*
10 Sidebars
---------------------------------------------------------------------------------------------------- */.sidebar {
display: inline;
line-height: 1.5;
}.sidebar p {
margin-bottom: 16px;
margin-bottom: 1rem;
}.sidebar .widget {
border-bottom: 1px solid #ccc;
margin-bottom: 32px;
margin-bottom: 2rem;
padding-bottom: 32px;
padding-bottom: 2rem;
overflow: hidden;
}.sidebar.widget-area ul li {
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.375rem;
word-wrap: break-word;
}/*
11 Footer
---------------------------------------------------------------------------------------------------- */#footer {
clear: both;
}#footer .wrap {
border-top: 2px solid #1e1e1e;
overflow: hidden;
padding: 48px 0;
padding: 3rem 0;
}#footer .creds {
text-align: right;
}#footer .creds,
#footer .gototop {
margin: 8px 0;
margin: 0.5rem 0;
}/* 11a - Footer Widgets ----------- */
.footer-widgets {
border-top: 2px solid #1e1e1e;
clear: both;
line-height: 1.5;
overflow: hidden;
padding: 32px 0 16px;
padding: 2rem 0 1rem;
}.footer-widgets p {
margin-bottom: 16px;
margin-bottom: 1rem;
}.footer-widgets .widget {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}.footer-widgets .widget-area ul li {
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.375rem;
word-wrap: break-word;
}.footer-widgets-1 {
margin-right: 4.166666666%; /* 48px / 1152px */
}/*
12 Forms & Buttons
---------------------------------------------------------------------------------------------------- */input,
select,
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 0 5px #ddd inset;
padding: 16px;
padding: 1rem;
width: 100%;
}#header .search-form {
float: right;
margin-top: 56px;
margin-top: 3.5rem;
width: 100%;
}button,
input[type="button"],
input[type="submit"],
.btn {
background-color: #1e1e1e;
border: none;
box-shadow: none;
cursor: pointer;
padding: 16px 24px;
padding: 1rem 1.5rem;
width: auto;
}button:hover,
input:hover[type="button"],
input:hover[type="submit"],
.btn:hover {
background-color: #ff2a00;
}.enews input[type="submit"],
.search-form input[type="submit"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}/* 12a - Gravity Forms ----------- */
#content div.gform_wrapper input,
#content div.gform_wrapper select,
#content div.gform_wrapper textarea,
#content div.gform_wrapper .ginput_complex label {
font-size: 16px;
font-size: 1rem;
padding: 16px;
padding: 1rem;
}#content div.gform_wrapper input[type="submit"] {
padding: 16px 24px;
padding: 1rem 1.5rem;
}#content div.gform_wrapper .ginput_complex label {
padding: 0;
}div.gform_wrapper li,
div.gform_wrapper form li {
margin: 16px 0 0;
margin: 1rem 0 0;
}/*
13 Images & Captions
---------------------------------------------------------------------------------------------------- */embed,
img,
object,
video {
max-width: 100%;
}img {
height: auto;
}.alignleft .avatar {
margin-right: 24px;
margin-right: 1.5rem;
}.alignright .avatar {
margin-left: 24px;
margin-left: 1.5rem;
}.author-box .avatar {
float: left;
margin-right: 24px;
margin-right: 1.5rem
}.comment-list li .avatar {
float: left;
margin: 0 16px 24px 0;
margin: 0 1rem 1.5rem 0;
}img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
margin: 0 auto 1.5rem
}img.alignnone {
display: inline;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}img.alignleft,
.post-image,
.wp-caption.alignleft {
display: inline;
margin: 0 24px 24px 0;
margin: 0 1.5rem 1.5rem 0;
}img.alignright,
.wp-caption.alignright {
display: inline;
margin: 0 0 24px 24px;
margin: 0 0 1.5rem 1.5rem;
}p.wp-caption-text {
line-height: 1.2;
margin-top: 12px;
margin-top: 0.75rem;
}.gallery-caption {
}/*
14 Media Queries
---------------------------------------------------------------------------------------------------- *//* Desktops, laptops and iPads (landscape) ----------- */
@media only screen and (max-width: 1024px) {#wrap {
max-width: 960px;
}}
/* iPads (portrait) ----------- */
@media only screen and (max-width: 768px) {#wrap {
padding: 0 5%;
}.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.wrap,
#footer .creds,
#footer .gototop,
#header .widget-area,
#inner,
#title-area,
#wrap .sidebar,
#wrap #content,
#wrap #content-sidebar-wrap,
#wrap #sidebar-alt {
width: 100%;
}.genesis-nav-menu li,
#footer .creds,
#footer .gototop,
#header ul.genesis-nav-menu,
#header .search-form {
float: none;
}.genesis-nav-menu,
#description,
#footer .creds,
#footer .gototop,
#header .search-form,
#title,
#title-area {
text-align: center;
}.genesis-nav-menu a {
padding: 20px 16px;
padding: 1.25rem 1rem;
}#title {
margin: 16px 0;
margin: 1rem 0;
}#header .search-form {
margin: 32px auto 0;
margin: 2rem auto 0;
width: 50%;
}.genesis-nav-menu li.right {
display: none;
}#footer .wrap {
padding: 24px 0;
padding: 1.5rem 0;
}.footer-widgets-1,
#header .genesis-nav-menu {
margin: 0;
}}
/* iPhones (portrait and landscape) ----------- */
@media only screen and (max-width: 480px) {html {
font-size: 87.5%; /* 14px base */
}#header .search-form {
width: 100%;
}.archive-page,
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}}
</code>
NEWS CHILD
<code>
/*
Theme Name: News Child Theme
Theme URI: http://www.studiopress.com/themes/news
Description: News is a two or three column child theme created for the Genesis Framework.
Author: StudioPress
Author URI: http://www.studiopress.com/Version: 2.1
Tags: black, custom-background, custom-header, custom-menu, featured-images, fixed-width, gray, left-sidebar, one-column, right-sidebar, sticky-post, theme-options, threaded-comments, three-columns, translation-ready, two-columns, white
Template: genesis
Template Version: 1.8.2License: GNU General Public License v2.0
License URI: http://www.opensource.org/licenses/gpl-license.php
*//* Table of Contents
* Import Fonts
* Defaults
* Hyperlinks
* Body
* Wrap
* Header
* Image Header - Partial Width
* Image Header - Full Width
* Navigation Constants
* Header Right Navigation
* Primary Navigation
* Primary Navigation Extras
* Secondary Navigation
* Social Icons
* Inner
* Breadcrumb
* Taxonomy Description
* Content-Sidebar Wrap
* Content
* Column Classes
* Featured Post Grid
* Headlines
* Ordered / Unordered Lists
* Post Info
* Post Meta
* Author Box
* Sticky Posts
* Archive Page
* Post Icons
* Images
* Post Navigation
* Primary / Secondary Sidebars
* Dropdowns
* Featured Page / Post
* User Profile
* Buttons
* Search Form
* eNews & Updates Widget
* Calendar Widget
* Footer Widgets
* Footer
* Comments
* Gravity Forms
* News Green
* News Orange
* News Pink
* News Purple
* News Red
* News Teal
* Responsive Design*/
/* Import Fonts
------------------------------------------------------------ */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);/* Defaults
------------------------------------------------------------ */body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
color: #333;
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 22px;
margin: 0;
padding: 0;
text-decoration: none;
}input {
color: #333;
font-family: 'Droid Sans', sans-serif;
}input,
select,
textarea,
.breadcrumb,
.sticky,
.taxonomy-description {
background-color: #f5f5f5;
border: 1px solid #ddd;
}li,
ol,
ul {
margin: 0;
padding: 0;
}ol li {
list-style-type: decimal;
}/* Hyperlinks
------------------------------------------------------------ */a,
a:visited {
color: #0094d2;
text-decoration: none;
}a:hover {
text-decoration: underline;
}a img {
border: none;
}/* Body
------------------------------------------------------------ */body {
background: url(images/bg-light.png);
}/* Wrap
------------------------------------------------------------ */#wrap {
margin: 0 auto;
}/* Header
------------------------------------------------------------ */#header {
background-color: #fff;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
border-top: 1px solid #d5d5d5;
min-height: 110px;
margin: 0 auto;
overflow: hidden;
width: 960px;
}#title-area {
float: left;
overflow: hidden;
padding: 18px 0 0 20px;
width: 440px;
}#title {
font-family: 'Droid Sans', sans-serif;
font-size: 54px;
font-weight: bold;
line-height: 54px;
margin: 0;
text-shadow: 3px 3px #ccc;
text-transform: uppercase;
}#title a,
#title a:hover {
color: #333;
text-decoration: none;
}#description {
color: #999;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}#header .widget-area {
float: right;
padding: 25px 0 0;
width: 493px;
}/* Image Header - Partial Width
------------------------------------------------------------ */.header-image #title-area,
.header-image #title,
.header-image #title a {
display: block;
float: left;
height: 110px;
overflow: hidden;
padding: 0;
text-indent: -9999px;
width: 465px;
}.header-image #description {
display: block;
overflow: hidden;
}/* Image Header - Full Width
------------------------------------------------------------ */.header-full-width #title-area,
.header-full-width #title,
.header-full-width #title a {
width: 960px;
}/* Navigation Constants
------------------------------------------------------------ */li:hover ul ul,
li.sfHover ul ul {
left: -9999px;
}li:hover,
li.sfHover {
position: static;
}li a .sf-sub-indicator {
position: absolute;
text-indent: -9999px;
}/* Header Right Navigation
------------------------------------------------------------ */#header ul.menu {
float: right;
}#header ul.menu ul {
float: right;
margin: 0;
padding: 0;
width: 100%;
}#header ul.menu li {
float: left;
list-style-type: none;
text-transform: uppercase;
}#header ul.menu li a {
color: #999;
display: block;
font-size: 12px;
padding: 6px 15px 5px;
position: relative;
text-decoration: none;
}#header ul.menu li a:hover,
#header ul.menu li a:active,
#header ul.menu .current_page_item a,
#header ul.menu .current-cat a,
#header ul.menu .current-menu-item a {
color: #0094d2;
}#header ul.menu li li a,
#header ul.menu li li a:link,
#header ul.menu li li a:visited {
background-color: #111;
border: 1px solid #444;
border-top-width: 0;
color: #999;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 128px;
}#header ul.menu li li a:hover,
#header ul.menu li li a:active {
color: #0094d2;
}#header ul.menu li ul {
height: auto;
left: -9999px;
margin: 0 0 0 -1px;
position: absolute;
width: 150px;
z-index: 9999;
}#header ul.menu li ul a {
width: 230px;
}#header ul.menu li ul ul {
margin: -33px 0 0 149px;
}#header ul.menu li:hover>ul,
#header ul.menu li.sfHover ul {
left: auto;
}/* Primary Navigation
------------------------------------------------------------ */#nav {
background: url(images/bg-dark.png);
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
clear: both;
color: #fff;
font-family: 'Oswald', arial, serif;
margin: 0 auto;
overflow: hidden;
text-transform: uppercase;
width: 960px;
}#nav ul {
float: left;
width: 100%;
}#nav li {
float: left;
list-style-type: none;
}#nav li a {
color: #fff;
display: block;
font-size: 14px;
padding: 9px 15px;
position: relative;
text-decoration: none;
}#nav li a:hover,
#nav li a:active,
#nav .current_page_item a,
#nav .current-cat a,
#nav .current-menu-item a {
color: #0094d2;
}#nav li li a,
#nav li li a:link,
#nav li li a:visited {
background: url(images/bg-dark.png);
border: 1px solid #444;
border-top-width: 0;
color: #fff;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}#nav li li a:hover,
#nav li li a:active {
color: #0094d2;
}#nav li ul {
height: auto;
left: -9999px;
position: absolute;
width: 140px;
z-index: 9999;
}#nav li ul a {
width: 120px;
}#nav li ul ul {
margin: -33px 0 0 139px;
}#nav li:hover>ul,
#nav li.sfHover ul {
left: auto;
}/* Primary Navigation Extras
------------------------------------------------------------ */#nav li.right {
float: right;
font-size: 14px;
padding: 9px 15px;
}#nav li.right a {
background: none;
border: none;
color: #fff;
display: inline;
text-decoration: none;
}#nav li.right a:hover {
color: #0094d2;
text-decoration: none;
}#nav li.search {
padding: 0 10px;
}#nav li.rss a {
background: url(images/rss.png) no-repeat center left;
margin: 0 0 0 20px;
padding: 7px 0 5px 18px;
}#nav li.twitter a {
background: url(images/twitter-nav.png) no-repeat center left;
padding: 7px 0 5px 20px;
}/* Secondary Navigation
------------------------------------------------------------ */#subnav {
clear: both;
font-family: 'Oswald', arial, serif;
margin: 0 auto;
overflow: hidden;
width: 960px;
}#subnav ul {
float: left;
width: 100%;
}#subnav li {
float: left;
list-style-type: none;
}#subnav li a {
color: #333;
display: block;
font-size: 12px;
padding: 12px 15px 10px;
position: relative;
text-decoration: none;
}#subnav li a:hover,
#subnav li a:active,
#subnav .current_page_item a,
#subnav .current-cat a,
#subnav .current-menu-item a {
color: #0094d2;
}#subnav li li a,
#subnav li li a:link,
#subnav li li a:visited {
background: url(images/bg-light.png);
border: 1px solid #ccc;
border-top-width: 0;
color: #333;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}#subnav li li a:hover,
#subnav li li a:active {
color: #0094d2;
}#subnav li ul {
height: auto;
left: -9999px;
position: absolute;
width: 140px;
z-index: 9999;
}#subnav li ul a {
width: 120px;
}#subnav li ul ul {
margin: -33px 0 0 139px;
}#subnav li:hover>ul,
#subnav li.sfHover ul {
left: auto;
}/* Social Icons
------------------------------------------------------------ */#subnav li.social-facebook,
#subnav li.social-rss,
#subnav li.social-twitter {
float: right;
}#subnav li.social-facebook a,
#subnav li.social-facebook a:hover,
#subnav li.social-rss a,
#subnav li.social-rss a:hover,
#subnav li.social-twitter a,
#subnav li.social-twitter a:hover {
display: block;
height: 23px;
padding: 0;
text-indent: -9999px;
width: 23px;
}#subnav li.social-facebook a,
#subnav li.social-facebook a:hover,
#subnav li.social-rss a,
#subnav li.social-rss a:hover,
#subnav li.social-twitter a,
#subnav li.social-twitter a:hover {
background: url(images/social-icons.png);
margin: 10px 10px 0 0;
}#subnav li.social-rss a,
#subnav li.social-rss a:hover {
margin: 10px 15px 0 0;
}#subnav li.social-facebook a {
background-position: 0 0;
}#subnav li.social-facebook a:hover {
background-position: 0 -23px;
}#subnav li.social-rss a {
background-position: -46px 0;
}#subnav li.social-rss a:hover {
background-position: -46px -23px;
}#subnav li.social-twitter a {
background-position: -23px 0;
}#subnav li.social-twitter a:hover {
background-position: -23px -23px;
}/* Inner
------------------------------------------------------------ */#inner {
background-color: #fff;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
overflow: hidden;
margin: 0 auto;
width: 960px;
}.news-landing #inner {
margin: 20px auto;
width: 700px;
}#inner:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}.content-sidebar #inner {
background: url(images/inner-cs.png);
}.sidebar-content #inner {
background: url(images/inner-sc.png);
}.content-sidebar-sidebar #inner {
background: url(images/inner-css.png);
}.sidebar-sidebar-content #inner {
background: url(images/inner-ssc.png);
}.sidebar-content-sidebar #inner {
background: url(images/inner-scs.png);
}.full-width-content #inner {
background: #fff;
}/* Home Top
------------------------------------------------------------ */#home-top {
border-bottom: 1px solid #d5d5d5;
overflow: hidden;
}#home-top .border {
border-bottom: 4px solid #eee;
overflow: hidden;
}#home-top .wrap {
overflow: hidden;
padding: 20px 25px 15px;
}#home-top .ui-tabs ul.ui-tabs-nav {
border-bottom: 1px dotted #ddd;
margin: 10px 0;
padding: 0 0 13px;
}#home-top .ui-tabs ul.ui-tabs-nav li a {
background-color: #f5f5f5;
font-weight: bold;
}#home-top .ui-tabs ul.ui-tabs-nav li a:hover,
#home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a {
background-color: #00a7ed;
color: #fff;
}#home-top .ui-tabs .post {
background-color: #fff;
margin: 0;
padding: 0;
}/* Home Middle
------------------------------------------------------------ */#home-middle {
border-bottom: 1px solid #d5d5d5;
overflow: hidden;
}#home-middle .border {
border-bottom: 4px solid #eee;
overflow: hidden;
}#home-middle .wrap {
overflow: hidden;
padding: 25px 25px 15px;
}.home-middle-left {
float: left;
width: 290px;
}.home-middle-right {
float: right;
width: 285px;
}/* Home Bottom
------------------------------------------------------------ */#home-bottom {
overflow: hidden;
}#home-bottom .wrap {
overflow: hidden;
padding: 20px 25px 15px;
}/* Breadcrumb
------------------------------------------------------------ */.breadcrumb {
border: none;
font-size: 12px;
line-height: 20px;
margin: 0 0 30px;
padding: 5px 10px;
}/* Taxonomy Description
------------------------------------------------------------ */.taxonomy-description {
border: none;
margin: 0 0 30px;
padding: 10px;
}/* Content-Sidebar Wrap
------------------------------------------------------------ */#content-sidebar-wrap {
float: left;
width: 810px;
}.content-sidebar-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
width: 805px;
}.content-sidebar #content-sidebar-wrap,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
width: 960px;
}.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
float: right;
}.news-landing #content-sidebar-wrap {
width: 700px;
}/* Content
------------------------------------------------------------ */#content {
float: left;
padding: 25px 35px;
width: 430px;
}.content-sidebar #content,
.sidebar-content #content {
width: 580px;
}.content-sidebar-sidebar #content {
width: 425px;
}.sidebar-content #content,
.sidebar-sidebar-content #content {
float: right;
}.home.news.content-sidebar #content {
padding: 0;
width: 650px;
}.full-width-content #content {
width: 910px;
}.full-width-content.news-landing #content {
width: 630px;
}blockquote {
background-color: #f5f5f5;
margin: 5px 15px 20px;
padding: 15px 20px 0;
}blockquote p {
color: #666;
font-family: Georgia, Times, 'Times New Roman', serif;
font-style: italic;
}.post {
margin: 0 0 40px;
}.single .post {
margin: 0 0 10px;
}.entry-content {
overflow: hidden;
}.entry-content p {
padding: 0 0 15px;
}p.subscribe-to-comments {
padding: 20px 0 10px;
}.after-post-ad {
background-color: #f5f5f5;
margin: 5px 0 10px;
padding: 10px;
overflow: hidden;
}.after-content-ad {
clear: both;
margin: 0 auto;
overflow: hidden;
padding: 0 0 20px;
text-align: center;
width: 960px;
}.more-from-category {
background: url(images/list.png) no-repeat top left;
list-style-type: none;
padding: 0 0 0 15px;
}.clear {
clear: both;
}.clear-line {
border-bottom: 1px dotted #ddd;
clear: both;
margin: 0 0 15px;
}/* Column Classes
------------------------------------------------------------ */.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin: 0 0 20px;
padding-left: 3%;
}.one-half,
.three-sixths,
.two-fourths {
width: 48%;
}.one-third,
.two-sixths {
width: 31%;
}.four-sixths,
.two-thirds {
width: 65%;
}.one-fourth {
width: 22.5%;
}.three-fourths {
width: 73.5%;
}.one-fifth {
width: 17.4%;
}.two-fifths {
width: 37.8%;
}.three-fifths {
width: 58.2%;
}.four-fifths {
width: 78.6%;
}.one-sixth {
width: 14%;
}.five-sixths {
width: 82%;
}.first {
clear: both;
padding-left: 0;
}/* Featured Post Grid
------------------------------------------------------------ */.genesis-grid-even {
float: right;
padding: 0 0 15px;
width: 48%;
}.genesis-grid-odd {
clear: both;
float: left;
padding: 0 0 15px;
width: 48%;
}.genesis-grid-even,
.genesis-grid-odd {
margin: 0 0 20px;
}/* Headlines
------------------------------------------------------------ */h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Oswald', arial, serif;
margin: 0 0 10px;
}h1,
h2,
h2 a,
h2 a:visited {
font-family: 'Oswald', arial, serif;
font-size: 24px;
line-height: 30px;
}.featuredpost h2,
.featuredpost h2 a {
font-size: 16px;
line-height: 20px;
margin: 0 0 5px;
}#home-bottom h2,
#home-top h2 {
margin: 5px 0;
}.home-middle-right .featuredpost h2,
.home-middle-right h2 a,
.sidebar .featuredpost h2,
.sidebar .featuredpost h2 a {
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
font-weight: bold;
line-height: 18px;
margin: 10px 0 0;
}.taxonomy-description h1,
.widget-area h2,
.widget-area h2 a {
font-size: 18px;
line-height: 24px;
}h2 a:hover {
color: #0094d2;
text-decoration: none;
}h3 {
font-size: 24px;
}h4 {
font-size: 20px;
}.widget h4,
.widget-area h4 {
text-transform: uppercase;
word-spacing: 2px;
}.widget h4,
.widget-area h4 {
font-size: 14px;
}.widget-area h4 a {
color: #333;
text-decoration: none;
}#footer-widgets h4 {
background: none;
border: none;
margin: 0 0 5px;
padding: 0;
}h5 {
font-size: 18px;
}h6 {
font-size: 16px;
}/* Ordered / Unordered Lists
------------------------------------------------------------ */.entry-content ol,
.entry-content ul {
margin: 0;
padding: 0 0 15px;
}.entry-content ol {
margin: 0;
}.archive-page ul li,
.entry-content ul li {
list-style-type: square;
margin: 0 0 0 30px;
padding: 0;
}.entry-content ol li {
margin: 0 0 0 35px;
}.archive-page ul ul,
.entry-content ol ol,
.entry-content ul ul {
padding: 0;
}/* Post Info
------------------------------------------------------------ */.post-info {
font-size: 11px;
margin: 0 0 15px;
}.featuredpost .post-info,
.ui-tabs .post-info {
color: #666;
margin: 0;
}.ui-tabs .post-info {
margin: 0 0 5px;
}/* Post Meta
------------------------------------------------------------ */.post-meta {
background-color: #f5f5f5;
clear: both;
font-size: 11px;
padding: 7px 10px 5px;
}/* Author Box
------------------------------------------------------------ */.author-box {
background-color: #f5f5f5;
margin: 0 0 40px;
overflow: hidden;
padding: 10px;
}.author-box p {
font-size: 13px;
line-height: 20px;
}/* Sticky Posts
------------------------------------------------------------ */.sticky {
margin: 0 0 40px;
padding: 20px;
}/* Archive Page
------------------------------------------------------------ */.archive-page {
float: left;
padding: 20px 0;
width: 45%;
}/* Post Icons
------------------------------------------------------------ */.categories {
background: url(images/icon-categories.png) no-repeat top left;
padding: 3px 0 3px 22px;
}.post-comments {
background: url(images/icon-comments.png) no-repeat top left;
margin: 0 0 0 10px;
padding: 2px 0 2px 22px;
}.tags {
background: url(images/icon-tags.png) no-repeat top left;
margin: 0 0 0 10px;
padding: 3px 0 3px 20px;
}.time {
background: url(images/icon-time.png) no-repeat top left;
padding: 2px 0 2px 21px;
}.featuredpost .post-comments,
.featuredpost .time {
background: none;
margin: 0;
padding: 0;
}/* Images
------------------------------------------------------------ */img {
height: auto;
max-width: 100%;
}.avatar,
.entry-content img,
.featuredpage img,
.featuredpost img,
.post-image,
.ui-tabs img {
background-color: #fff;
border: 4px solid #eee;
padding: 1px;
}.featuredpost img {
margin: 0 0 10px;
}img.ad-left {
float: left;
margin: 5px 10px 5px 0;
}img.ad-right {
float: left;
margin: 5px 0;
}.author-box .avatar {
background-color: #fff;
border: 4px solid #ddd;
float: left;
height: 72px;
margin: 0 10px 0 0;
width: 72px;
}.post-image {
margin: 0 10px 10px 0;
}.comment-list li .avatar {
background-color: #fff;
float: left;
height: 30px;
margin: 0 5px 0 0;
width: 30px;
}img.centered,
.aligncenter {
display: block;
margin: 0 auto 10px;
}img.alignnone {
display: inline;
margin: 0 0 15px;
}img.alignleft {
display: inline;
margin: 0 15px 10px 0;
}img.alignright {
display: inline;
margin: 0 0 10px 15px;
}.alignleft {
float: left;
margin: 0 10px 0 0;
}#home-top .alignleft {
margin: 0 15px 0 0;
}.alignright {
float: right;
margin: 0 0 0 10px;
}.wp-caption {
background-color: #f5f5f5;
padding: 10px;
text-align: center;
}p.wp-caption-text {
font-size: 12px;
line-height: 16px;
padding: 5px 0;
}.wp-smiley,
.wp-wink {
border: none;
float: none;
}.gallery-caption {
}/* Post Navigation
------------------------------------------------------------ */.navigation {
overflow: hidden;
padding: 20px 0;
width: 100%;
}.navigation li {
display: inline;
}.navigation li a,
.navigation li.disabled,
.navigation li a:hover,
.navigation li.active a {
background-color: #333;
border: 1px solid #333;
color: #fff;
padding: 5px 8px;
text-decoration: none;
}.navigation li a:hover,
.navigation li.active a {
background-color: #0094d2;
border: 1px solid #0094d2;
}/* Primary / Secondary Sidebars
------------------------------------------------------------ */.sidebar {
display: inline;
float: right;
font-size: 13px;
line-height: 20px;
width: 305px;
}.sidebar p {
font-size: 13px;
line-height: 20px;
}#sidebar-alt {
float: left;
width: 150px;
}.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar {
float: left;
}.content-sidebar-sidebar #sidebar-alt {
float: right;
}#sidebar .widget,
#sidebar-alt .widget {
border-bottom: 1px solid #d5d5d5;
}.sidebar .widget-wrap {
border-bottom: 4px solid #eee;
overflow: hidden;
padding: 15px 20px 20px;
}.sidebar .widget ul {
margin: 5px 0 -5px;
}.sidebar .widget ul li,
.sidebar .widget-area ul li {
background: url(images/list.png) no-repeat top left;
border-bottom: 1px solid #eee;
list-style-type: none;
margin: 0 0 7px;
padding: 0 0 5px 15px;
word-wrap: break-word;
}/* Dropdowns
------------------------------------------------------------ */#cat,
.widget_archive select {
display: inline;
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
width: 100%;
}/* Featured Page / Post
------------------------------------------------------------ */.featuredpage,
.featuredpost {
clear: both;
overflow: hidden;
}.featuredpage .page,
.featuredpost .post {
border-bottom: 1px dotted #ddd;
overflow: hidden;
margin: 0 0 10px;
padding: 0 0 15px;
}.home.content-sidebar .home-middle-right .featuredpost .post,
.home.content-sidebar #home-bottom .featuredpost .post {
padding: 0;
}/* User Profile
------------------------------------------------------------ */.user-profile {
overflow: hidden;
}/* Buttons
------------------------------------------------------------ */input[type="button"],
input[type="submit"] {
background-color: #00a7ed;
border: 1px solid #0094d2;
color: #fff;
cursor: pointer;
font-family: 'Droid Sans', sans-serif !important;
font-size: 13px;
font-weight: normal;
padding: 5px;
text-decoration: none;
}input:hover[type="button"],
input:hover[type="submit"] {
background-color: #0094d2;
border: 1px solid #0094d2;
color: #fff;
text-decoration: none;
}/* Search Form
------------------------------------------------------------ */#header .searchform {
float: right;
padding: 25px 20px 0 0;
}#nav .searchform {
float: right;
padding: 2px 0 0;
}.s {
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
margin: 5px -6px 0 0;
padding: 5px;
width: 180px;
}/* eNews and Update Widget
------------------------------------------------------------ */.enews {
background: url(images/enews.png) no-repeat top right;
}.enews #subbox {
font-family: 'Droid Sans', sans-serif;
font-size: 13px;
margin: 10px -2px 0 0;
padding: 5px;
width: 175px;
}/* Calendar Widget
------------------------------------------------------------ */#wp-calendar {
width: 100%;
}#wp-calendar caption {
font-size: 12px;
font-style: italic;
padding: 2px 5px 0 0;
text-align: right;
}#wp-calendar thead {
background-color: #f5f5f5;
font-weight: bold;
margin: 10px 0 0;
}#wp-calendar td {
background-color: #f5f5f5;
padding: 2px;
text-align: center;
}/* Footer Widgets
------------------------------------------------------------ */#footer-widgets {
background-color: #fff;
border-left: 1px solid #d5d5d5;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
margin: 0 auto;
overflow: hidden;
width: 960px;
}#footer-widgets .wrap {
border: 4px solid #f5f5f5;
font-size: 13px;
line-height: 20px;
overflow: hidden;
padding: 15px 14px 0;
}#footer-widgets .widget {
background: none;
border: none;
margin: 0 0 15px;
padding: 0;
}#footer-widgets .textwidget {
padding: 0;
}#footer-widgets .widget_tag_cloud div div {
padding: 0;
}#footer-widgets p {
font-size: 13px;
line-height: 20px;
padding: 0 0 10px;
}#footer-widgets .widget ul li,
#footer-widgets .widget-area ul li {
background: url(images/list.png) no-repeat top left;
border-bottom: 1px dotted #ddd;
list-style-type: none;
margin: 0 0 7px;
padding: 0 0 5px 18px;
word-wrap: break-word;
}#footer-widgets #wp-calendar thead,
#footer-widgets #wp-calendar td {
background: none;
}.footer-widgets-1 {
float: left;
margin: 0 20px 0 0;
width: 295px;
}.footer-widgets-2 {
float: left;
width: 290px;
}.footer-widgets-3 {
float: right;
width: 295px;
}/* Footer
------------------------------------------------------------ */#footer {
background: url(images/footer.png) no-repeat top;
clear: both;
font-size: 11px;
margin: 0 auto;
padding: 30px 0 20px;
overflow: hidden;
text-transform: uppercase;
width: 960px;
}#footer p {
color: #666;
font-size: 11px;
}#footer a,
#footer a:visited {
color: #666;
}#footer a:hover {
color: #0094d2;
text-decoration: none;
}#footer .gototop {
float: left;
padding: 0 0 0 10px;
width: 200px;
}#footer .creds {
float: right;
padding: 0 10px 0 0;
text-align: right;
width: 735px;
}/* Comments
------------------------------------------------------------ */#comments,
#respond {
margin: 0 0 30px;
overflow: hidden;
}#comments {
font-size: 13px;
line-height: 20px;
}#author,
#comment,
#email,
#url {
font-size: 12px;
margin: 10px 5px 0 0;
padding: 5px;
width: 250px;
}#comment {
height: 150px;
margin: 10px 0;
width: 98%;
}.ping-list {
margin: 0 0 40px;
}.comment-list ol,
.ping-list ol {
margin: 0;
padding: 10px;
}.comment-list li,
.ping-list li {
font-weight: bold;
list-style: none;
margin: 10px 0 0;
padding: 10px;
}.comment-list li ul li {
list-style-type: none;
}.comment-list p,
.ping-list p {
font-size: 13px;
font-weight: normal;
line-height: 20px;
margin: 10px 5px 10px 0;
padding: 0;
text-transform: none;
}.comment-list ul.children {
margin-top: 20px;
}.comment-list ul.children li.comment {
background: #fff;
}.comment-list cite,
.ping-list cite {
font-style: normal;
font-weight: bold;
}.commentmetadata {
font-weight:normal;
}.comment-author {
background: #e5e5e5;
font-size: 12px;
font-weight: bold;
padding: 8px 10px 0;
}.comment-meta {
background: #e5e5e5;
font-size: 12px;
padding: 0 10px 8px;
}.nocomments {
text-align: center;
}#comments .navigation {
display: block;
padding: 0;
}.bypostauthor {
}.thread-alt,
.thread-even {
background: #f5f5f5;
}.alt,
.depth-1,
.even {
border: 1px solid #ddd;
}/* Gravity Forms
------------------------------------------------------------ */div.gform_wrapper input,
div.gform_wrapper select,
div.gform_wrapper textarea {
color: #333;
font-family: 'Droid Sans', sans-serif;
font-size: 12px !important;
padding: 4px 5px !important;
}div.gform_footer input.button {
color: #fff;
}div.gform_wrapper .ginput_complex label {
font-size: 12px;
}div.gform_wrapper li,
div.gform_wrapper form li {
margin: 0 0 10px;
}div.gform_wrapper .gform_footer {
border: none;
margin: 0;
padding: 0;
}/* News Green
------------------------------------------------------------ */.news-green a,
.news-green a:visited {
color: #1c9b3d;
text-decoration: none;
}.news-green a:hover {
text-decoration: underline;
}.news-green #header ul.nav li li a,
.news-green #header ul.nav li li a:link,
.news-green #header ul.nav li li a:visited,
.news-green #header ul.menu li li a,
.news-green #header ul.menu li li a:link,
.news-green #header ul.menu li li a:visited,
.news-green #nav li li a,
.news-green #nav li li a:link,
.news-green #nav li li a:visited {
color: #fff;
}.news-green #subnav li li a,
.news-green #subnav li li a:link,
.news-green #subnav li li a:visited,
.news-green h2 a,
.news-green h2 a:visited {
color: #333;
}.news-green #header ul.nav li a:hover,
.news-green #header ul.nav li a:active,
.news-green #header ul.nav .current_page_item a,
.news-green #header ul.nav .current-cat a,
.news-green #header ul.nav .current-menu-item a,
.news-green #header ul.menu li a:hover,
.news-green #header ul.menu li a:active,
.news-green #header ul.menu .current_page_item a,
.news-green #header ul.menu .current-cat a,
.news-green #header ul.menu .current-menu-item a,
.news-green #header ul.nav li li a:hover,
.news-green #header ul.nav li li a:active,
.news-green #header ul.menu li li a:hover,
.news-green #header ul.menu li li a:active,
.news-green #nav li a:hover,
.news-green #nav li a:active,
.news-green #nav .current_page_item a,
.news-green #nav .current-cat a,
.news-green #nav .current-menu-item a,
.news-green #nav li li a:hover,
.news-green #nav li li a:active,
.news-green #nav li.right a:hover,
.news-green #subnav li a:hover,
.news-green #subnav li a:active,
.news-green #subnav .current_page_item a,
.news-green #subnav .current-cat a,
.news-green #subnav .current-menu-item a,
.news-green #subnav li li a:hover,
.news-green #subnav li li a:active,
.news-green h2 a:hover,
.news-green #footer a:hover {
color: #1c9b3d;
}.news-green #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-green #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-green .navigation li a:hover,
.news-green .navigation li.active a {
background-color: #1c9b3d;
}.news-green .navigation li a:hover,
.news-green .navigation li.active a {
border: 1px solid #1c9b3d;
}.news-green h2 a:hover {
text-decoration: none;
}.news-green input[type="button"],
.news-green input[type="submit"] {
background-color: #27c753;
border: 1px solid #1c9b3d;
}.news-green input:hover[type="button"],
.news-green input:hover[type="submit"] {
background-color: #1c9b3d;
border: 1px solid #1c9b3d;
}/* News Orange
------------------------------------------------------------ */.news-orange a,
.news-orange a:visited {
color: #e88e05;
text-decoration: none;
}.news-orange a:hover {
text-decoration: underline;
}.news-orange #header ul.nav li li a,
.news-orange #header ul.nav li li a:link,
.news-orange #header ul.nav li li a:visited,
.news-orange #header ul.menu li li a,
.news-orange #header ul.menu li li a:link,
.news-orange #header ul.menu li li a:visited,
.news-orange #nav li li a,
.news-orange #nav li li a:link,
.news-orange #nav li li a:visited {
color: #fff;
}.news-orange #subnav li li a,
.news-orange #subnav li li a:link,
.news-orange #subnav li li a:visited,
.news-orange h2 a,
.news-orange h2 a:visited {
color: #333;
}.news-orange #header ul.nav li a:hover,
.news-orange #header ul.nav li a:active,
.news-orange #header ul.nav .current_page_item a,
.news-orange #header ul.nav .current-cat a,
.news-orange #header ul.nav .current-menu-item a,
.news-orange #header ul.menu li a:hover,
.news-orange #header ul.menu li a:active,
.news-orange #header ul.menu .current_page_item a,
.news-orange #header ul.menu .current-cat a,
.news-orange #header ul.menu .current-menu-item a,
.news-orange #header ul.nav li li a:hover,
.news-orange #header ul.nav li li a:active,
.news-orange #header ul.menu li li a:hover,
.news-orange #header ul.menu li li a:active,
.news-orange #nav li a:hover,
.news-orange #nav li a:active,
.news-orange #nav .current_page_item a,
.news-orange #nav .current-cat a,
.news-orange #nav .current-menu-item a,
.news-orange #nav li li a:hover,
.news-orange #nav li li a:active,
.news-orange #nav li.right a:hover,
.news-orange #subnav li a:hover,
.news-orange #subnav li a:active,
.news-orange #subnav .current_page_item a,
.news-orange #subnav .current-cat a,
.news-orange #subnav .current-menu-item a,
.news-orange #subnav li li a:hover,
.news-orange #subnav li li a:active,
.news-orange h2 a:hover,
.news-orange #footer a:hover {
color: #e88e05;
}.news-orange #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-orange #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-orange .navigation li a:hover,
.news-orange .navigation li.active a {
background-color: #e88e05;
}.news-orange .navigation li a:hover,
.news-orange .navigation li.active a {
border: 1px solid #e88e05;
}.news-orange h2 a:hover {
text-decoration: none;
}.news-orange input[type="button"],
.news-orange input[type="submit"] {
background-color: #f5a506;
border: 1px solid #e88e05;
}.news-orange input:hover[type="button"],
.news-orange input:hover[type="submit"] {
background-color: #e88e05;
border: 1px solid #e88e05;
}/* News Pink
------------------------------------------------------------ */.news-pink a,
.news-pink a:visited {
color: #c62765;
text-decoration: none;
}.news-pink a:hover {
text-decoration: underline;
}.news-pink #header ul.nav li li a,
.news-pink #header ul.nav li li a:link,
.news-pink #header ul.nav li li a:visited,
.news-pink #header ul.menu li li a,
.news-pink #header ul.menu li li a:link,
.news-pink #header ul.menu li li a:visited,
.news-pink #nav li li a,
.news-pink #nav li li a:link,
.news-pink #nav li li a:visited {
color: #fff;
}.news-pink #subnav li li a,
.news-pink #subnav li li a:link,
.news-pink #subnav li li a:visited,
.news-pink h2 a,
.news-pink h2 a:visited {
color: #333;
}.news-pink #header ul.nav li a:hover,
.news-pink #header ul.nav li a:active,
.news-pink #header ul.nav .current_page_item a,
.news-pink #header ul.nav .current-cat a,
.news-pink #header ul.nav .current-menu-item a,
.news-pink #header ul.menu li a:hover,
.news-pink #header ul.menu li a:active,
.news-pink #header ul.menu .current_page_item a,
.news-pink #header ul.menu .current-cat a,
.news-pink #header ul.menu .current-menu-item a,
.news-pink #header ul.nav li li a:hover,
.news-pink #header ul.nav li li a:active,
.news-pink #header ul.menu li li a:hover,
.news-pink #header ul.menu li li a:active,
.news-pink #nav li a:hover,
.news-pink #nav li a:active,
.news-pink #nav .current_page_item a,
.news-pink #nav .current-cat a,
.news-pink #nav .current-menu-item a,
.news-pink #nav li li a:hover,
.news-pink #nav li li a:active,
.news-pink #nav li.right a:hover,
.news-pink #subnav li a:hover,
.news-pink #subnav li a:active,
.news-pink #subnav .current_page_item a,
.news-pink #subnav .current-cat a,
.news-pink #subnav .current-menu-item a,
.news-pink #subnav li li a:hover,
.news-pink #subnav li li a:active,
.news-pink h2 a:hover,
.news-pink #footer a:hover {
color: #c62765;
}.news-pink #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-pink #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-pink .navigation li a:hover,
.news-pink .navigation li.active a {
background-color: #c62765;
}.news-pink .navigation li a:hover,
.news-pink .navigation li.active a {
border: 1px solid #c62765;
}.news-pink h2 a:hover {
text-decoration: none;
}.news-pink input[type="button"],
.news-pink input[type="submit"] {
background-color: #e8358a;
border: 1px solid #c62765;
}.news-pink input:hover[type="button"],
.news-pink input:hover[type="submit"] {
background-color: #c62765;
border: 1px solid #c62765;
}/* News Purple
------------------------------------------------------------ */.news-purple a,
.news-purple a:visited {
color: #8827c7;
text-decoration: none;
}.news-purple a:hover {
text-decoration: underline;
}.news-purple #header ul.nav li li a,
.news-purple #header ul.nav li li a:link,
.news-purple #header ul.nav li li a:visited,
.news-purple #header ul.menu li li a,
.news-purple #header ul.menu li li a:link,
.news-purple #header ul.menu li li a:visited,
.news-purple #nav li li a,
.news-purple #nav li li a:link,
.news-purple #nav li li a:visited {
color: #fff;
}.news-purple #subnav li li a,
.news-purple #subnav li li a:link,
.news-purple #subnav li li a:visited,
.news-purple h2 a,
.news-purple h2 a:visited {
color: #333;
}.news-purple #header ul.nav li a:hover,
.news-purple #header ul.nav li a:active,
.news-purple #header ul.nav .current_page_item a,
.news-purple #header ul.nav .current-cat a,
.news-purple #header ul.nav .current-menu-item a,
.news-purple #header ul.menu li a:hover,
.news-purple #header ul.menu li a:active,
.news-purple #header ul.menu .current_page_item a,
.news-purple #header ul.menu .current-cat a,
.news-purple #header ul.menu .current-menu-item a,
.news-purple #header ul.nav li li a:hover,
.news-purple #header ul.nav li li a:active,
.news-purple #header ul.menu li li a:hover,
.news-purple #header ul.menu li li a:active,
.news-purple #nav li a:hover,
.news-purple #nav li a:active,
.news-purple #nav .current_page_item a,
.news-purple #nav .current-cat a,
.news-purple #nav .current-menu-item a,
.news-purple #nav li li a:hover,
.news-purple #nav li li a:active,
.news-purple #nav li.right a:hover,
.news-purple #subnav li a:hover,
.news-purple #subnav li a:active,
.news-purple #subnav .current_page_item a,
.news-purple #subnav .current-cat a,
.news-purple #subnav .current-menu-item a,
.news-purple #subnav li li a:hover,
.news-purple #subnav li li a:active,
.news-purple h2 a:hover,
.news-purple #footer a:hover {
color: #8827c7;
}.news-purple #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-purple #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-purple .navigation li a:hover,
.news-purple .navigation li.active a {
background-color: #8827c7;
}.news-purple .navigation li a:hover,
.news-purple .navigation li.active a {
border: 1px solid #8827c7;
}.news-purple h2 a:hover {
text-decoration: none;
}.news-purple input[type="button"],
.news-purple input[type="submit"] {
background-color: #9f2ede;
border: 1px solid #8827c7;
}.news-purple input:hover[type="button"],
.news-purple input:hover[type="submit"] {
background-color: #8827c7;
border: 1px solid #8827c7;
}/* News Red
------------------------------------------------------------ */.news-red a,
.news-red a:visited {
color: #c72730;
text-decoration: none;
}.news-red a:hover {
text-decoration: underline;
}.news-red #header ul.nav li li a,
.news-red #header ul.nav li li a:link,
.news-red #header ul.nav li li a:visited,
.news-red #header ul.menu li li a,
.news-red #header ul.menu li li a:link,
.news-red #header ul.menu li li a:visited,
.news-red #nav li li a,
.news-red #nav li li a:link,
.news-red #nav li li a:visited {
color: #fff;
}.news-red #subnav li li a,
.news-red #subnav li li a:link,
.news-red #subnav li li a:visited,
.news-red h2 a,
.news-red h2 a:visited {
color: #333;
}.news-red #header ul.nav li a:hover,
.news-red #header ul.nav li a:active,
.news-red #header ul.nav .current_page_item a,
.news-red #header ul.nav .current-cat a,
.news-red #header ul.nav .current-menu-item a,
.news-red #header ul.menu li a:hover,
.news-red #header ul.menu li a:active,
.news-red #header ul.menu .current_page_item a,
.news-red #header ul.menu .current-cat a,
.news-red #header ul.menu .current-menu-item a,
.news-red #header ul.nav li li a:hover,
.news-red #header ul.nav li li a:active,
.news-red #header ul.menu li li a:hover,
.news-red #header ul.menu li li a:active,
.news-red #nav li a:hover,
.news-red #nav li a:active,
.news-red #nav .current_page_item a,
.news-red #nav .current-cat a,
.news-red #nav .current-menu-item a,
.news-red #nav li li a:hover,
.news-red #nav li li a:active,
.news-red #nav li.right a:hover,
.news-red #subnav li a:hover,
.news-red #subnav li a:active,
.news-red #subnav .current_page_item a,
.news-red #subnav .current-cat a,
.news-red #subnav .current-menu-item a,
.news-red #subnav li li a:hover,
.news-red #subnav li li a:active,
.news-red h2 a:hover,
.news-red #footer a:hover {
color: #c72730;
}.news-red #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-red #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-red .navigation li a:hover,
.news-red .navigation li.active a {
background-color: #c72730;
}.news-red .navigation li a:hover,
.news-red .navigation li.active a {
border: 1px solid #c72730;
}.news-red h2 a:hover {
text-decoration: none;
}.news-red input[type="button"],
.news-red input[type="submit"] {
background-color: #e93542;
border: 1px solid #c72730;
}.news-red input:hover[type="button"],
.news-red input:hover[type="submit"] {
background-color: #c72730;
border: 1px solid #c72730;
}/* News Teal
------------------------------------------------------------ */.news-teal a,
.news-teal a:visited {
color: #27c3c7;
text-decoration: none;
}.news-teal a:hover {
text-decoration: underline;
}.news-teal #header ul.nav li li a,
.news-teal #header ul.nav li li a:link,
.news-teal #header ul.nav li li a:visited,
.news-teal #header ul.menu li li a,
.news-teal #header ul.menu li li a:link,
.news-teal #header ul.menu li li a:visited,
.news-teal #nav li li a,
.news-teal #nav li li a:link,
.news-teal #nav li li a:visited {
color: #fff;
}.news-teal #subnav li li a,
.news-teal #subnav li li a:link,
.news-teal #subnav li li a:visited,
.news-teal h2 a,
.news-teal h2 a:visited {
color: #333;
}.news-teal #header ul.nav li a:hover,
.news-teal #header ul.nav li a:active,
.news-teal #header ul.nav .current_page_item a,
.news-teal #header ul.nav .current-cat a,
.news-teal #header ul.nav .current-menu-item a,
.news-teal #header ul.menu li a:hover,
.news-teal #header ul.menu li a:active,
.news-teal #header ul.menu .current_page_item a,
.news-teal #header ul.menu .current-cat a,
.news-teal #header ul.menu .current-menu-item a,
.news-teal #header ul.nav li li a:hover,
.news-teal #header ul.nav li li a:active,
.news-teal #header ul.menu li li a:hover,
.news-teal #header ul.menu li li a:active,
.news-teal #nav li a:hover,
.news-teal #nav li a:active,
.news-teal #nav .current_page_item a,
.news-teal #nav .current-cat a,
.news-teal #nav .current-menu-item a,
.news-teal #nav li li a:hover,
.news-teal #nav li li a:active,
.news-teal #nav li.right a:hover,
.news-teal #subnav li a:hover,
.news-teal #subnav li a:active,
.news-teal #subnav .current_page_item a,
.news-teal #subnav .current-cat a,
.news-teal #subnav .current-menu-item a,
.news-teal #subnav li li a:hover,
.news-teal #subnav li li a:active,
.news-teal h2 a:hover,
.news-teal #footer a:hover {
color: #27c3c7;
}.news-teal #home-top .ui-tabs ul.ui-tabs-nav li a:hover,
.news-teal #home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-selected a,
.news-teal .navigation li a:hover,
.news-teal .navigation li.active a {
background-color: #27c3c7;
}.news-teal .navigation li a:hover,
.news-teal .navigation li.active a {
border: 1px solid #27c3c7;
}.news-teal h2 a:hover {
text-decoration: none;
}.news-teal input[type="button"],
.news-teal input[type="submit"] {
background-color: #2edade;
border: 1px solid #27c3c7;
}.news-teal input:hover[type="button"],
.news-teal input:hover[type="submit"] {
background-color: #27c3c7;
border: 1px solid #27c3c7;
}/* Responsive Design
------------------------------------------------------------ */
@media only screen and (max-width: 960px) {body,
.news-landing #inner,
#inner {
width: 100%;
margin: 0 auto;
}.content-sidebar #inner,
.sidebar-content #inner,
.content-sidebar-sidebar #inner,
.sidebar-sidebar-content #inner,
.sidebar-content-sidebar #inner {
background: #fff;
}#header,
#inner,
#nav {
border: none;
}.archive-page,
.content-sidebar #content,
.content-sidebar #content-sidebar-wrap,
.content-sidebar-sidebar #content,
.content-sidebar-sidebar #content-sidebar-wrap,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.full-width-content.news-landing #content,
.full-width-content #content,
.full-width-content #content-sidebar-wrap,
.home-middle-left,
.home-middle-right,
.home.news.content-sidebar #content,
.news-landing .wrap,
.sidebar,
.sidebar-content #content,
.sidebar-content #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap,
.sidebar-content-sidebar #content,
.sidebar-sidebar-content #content,
#content-sidebar-wrap,
#footer,
#header,
#home-bottom,
#home-middle,
#home-top,
#sidebar-alt {
box-sizing: border-box;
width: 100%;
}#footer .creds,
#footer .gototop,
#header ul.menu,
#header .widget-area,
#nav,
#subnav,
#title-area {
float: none;
text-align: center;
width: 100%;
}#title-area {
padding: 10px 0 0;
}#header .widget-area {
padding: 10px 0;
}#header .searchform {
float: none;
padding: 0;
text-align: center;
}#header ul.menu {
float: none;
}#header li,
#nav li,
#subnav li {
display: inline-block;
float: none;
}#header li li,
#nav li li,
#subnav li li {
text-align: left;
}#nav li.right,
#subnav li.social-facebook,
#subnav li.social-rss,
#subnav li.social-twitter {
display: none;
}.home.content-sidebar #home-bottom .featuredpost .post {
padding: 0 0 10px;
}.entry-content img,
.featuredpage img,
.featuredpost img,
.post-image,
.ui-tabs img {
border: none;
padding: 0;
}img.ad-left,
img.ad-right {
float: left;
margin: 5px 10px 5px 0;
}#footer {
background: none;
padding: 15px 0 10px;
}#footer p {
padding: 0 20px;
}}
@media only screen and (max-width: 600px) {#title {
font-size: 36px;
line-height: 1;
}#nav li a,
#subnav li a {
font-size: 12px;
padding: 5px;
}#home-top .ui-tabs ul.ui-tabs-nav {
display: none;
}#content {
padding: 15px 20px;
}h1,
h2,
h2 a,
h2 a:visited {
font-size: 24px;
}h3,
h4 {
font-size: 18px;
}.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
padding: 0;
width: 100%;
}}
</code>
February 19, 2013 at 10:19 am #21354jbarilowMemberSorry for the obnoxious length of that, cant see how to attach them as files.
February 19, 2013 at 10:24 am #21359cehwithamMemberYes I was right, change the width here:
#nav li li a,
#nav li li a:link,
#nav li li a:visited {
background: url(images/bg-dark.png);
border: 1px solid #444;
border-top-width: 0;
color: #fff;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 118px;
}
Twitter: cehwitham Web: cehwitham.com
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.