/*
Theme Name: M25 Consortium
Theme URI: http://www.m25lib.ac.uk
Description: M25 Consortium theme template for Wordpress 3.5.1.
Author: Mickey & Mallory
Author URI: http://www.mickeyandmallory.com
Version: 0.1
Note:
It is recommended, if you're working on this theme, that you review the functions.php
to review what it is doing, where and why so you're not caught off guard because of a
minor change the functions file has made. If you add anything to the functions file
please add it to the functionality notes at the top.
Ruleset Ordering:
1. Positioning
2. Display & Box
3. Visual
4. Vendor Specific
Styles Sections
0. Layout
1. Links
2. Navigation Menu
3. Search
4. Content
5. Breadcrumbs
6. Widgets
7. Events
8. BuddyPress (Overwrites)
9. Downloads Overwrites
10. BBPress Overwrites
11. Print Styles
12. Document Pages
*/
/* =========================
0. Layout
==========================*/
/*
* 0.0 Body Defaults
*
* Applies default body rulesets.
*
* Examples:
*
*
*
*/
.body-defaults {
padding: 0;
margin: 0;
padding-bottom: 40px;
clear: both;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 77%;
color: #333;
}
.body-defaults a {
color: #A06700;
}
.body-defaults ul {
padding: 0;
margin: 0;
list-style: none;
}
.body-defaults ol > li {
margin-bottom: 10px;
}
.pull-left {
float: left;
text-align: left;
}
.pull-right {
float: right;
text-align: right;
}
.clear-fix {
clear: both;
}
a > img {
border: none;
text-decoration: none;
outline: none;
}
.entry-header {
clear: both;
}
/*
* 0.1 Content Container
*
* Full width of body container to wrap content
* sections.
*
* Examples:
*
* ...
* ...
*
*
*/
.container {
margin: 0 auto;
width: 940px;
}
/*
* 0.2 Container Row
*
* When using .span-* elements wrap in container-row to
* clear floats cleanly.
*
* Examples:
*
*
*
*/
.container-row:after {
clear: both;
}
/*
* 0.3 Page Header
*
* Page heading element containing branging and header
* imagery.
*
* Examples:
*
*
*
*/
.header {
height: 105px;
background-color: #FCF2DC;
}
.header img {
display: inline-block;
zoom: 1;
*display: inline;
}
/*
* 0.4 Branding / Logo Container
*
* Contains logo for brand.
*
*/
.branding {
height: 105px;
}
/*
* 0.5 Runner
*
* Runner bar with running background.
*
* Examples:
*
* ...
*
*/
.runner {
height: 36px;
background-repeat: repeat-x;
background-image: url("images/backgrounds/top-runner-bg.png");
}
/*
* 0.6 Column Spans
*
* Splits out set size columns relative to the
* container width. Use with container-row to
* ensure floats are cleared.
*
* Examples:
*
*
*
*/
.span-4 {
float: left;
width: 220px;
}
.span-12 {
float: left;
width: 720px;
}
/*
* 0.7 main Content Wrapper
*
* Main content wrapper.
*/
.main-content {
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
}
.sidebar {
background-image: url("images/backgrounds/menu-bg.png");
background-repeat: repeat-x;
}
/* =========================
1. Links
==========================*/
/*
* 1.0 Skip Link
*
* Assessible hidden link at top of the body to allow for quick access
* to site sections.
*
* :active,:focus; - Displays the link in the top left of the page.
*
* Examples:
*
* Skip to Navigation
*
*/
.skip-link, .skip-link:hover, .skip-link:visited {
/* Positioning */
position: absolute;
left: 0;
top: -500px;
/* Display & Box */
width: 1px;
height: 1px;
/* Visual */
overflow:hidden;
}
.skip-link:focus, .skip-link:active {
position: static;
width: auto;
height: auto;
}
/*
* 2.0 Quick Links
*
* Header quick links to external sites found on the top runner.
*
* :active,:focus; - Displays the link in the top left of the page.
*
* Examples:
*
*
*
*/
.quick-links {
float: right;
height: 34px;
max-height: 34px;
margin: 0;
padding: 0;
list-style: none;
}
.quick-link {
display: block;
float: right;
width: 90px;
height: 34px;
max-height: 34px;
line-height: 34px;
padding: 0;
margin: 0;
/*padding-left: 15px;
padding-right: 15px;*/
overflow: hidden;
font-size: 0;
color: black;
cursor: pointer;
background-position: 0 0;
background-repeat: no-repeat;
border-right: 1px solid #D2D2CF;
}
a.quick-link {
height: 34px;
line-height: 100px;
overflow: hidden;
color: black;
text-decoration: none;
font-size: 0;
}
.quick-link:hover {
background-position: 0 -36px;
}
.quick-link-m25 {
background-image: url("images/quick-links/m25site.png");
}
.quick-link-inform25 {
background-image: url("images/quick-links/search25.png");
}
.quick-link-cpd25 {
background-image: url("images/quick-links/cpd25.png");
}
/* =========================
2. Navigation Menu
==========================*/
.main-menu {
padding: 10px;
}
.nav-menu {
margin: 0;
padding: 0;
list-style: none;
}
.menu {
padding: 0 10px 0 10px;
margin: 0;
list-style: none;
}
.nav-menu .sub-menu {
position: absolute;
z-index: 100;
width: 200px;
margin-top: -18px;
margin-left: 182px;
padding: 0;
display: none;
list-style: none;
}
.menu-item {
padding: 3px 3px 2px 18px;
background-image: url("images/arrow.gif");
background-repeat: no-repeat;
background-position: left 5px;
}
.sub-menu .menu-item {
background-color: #FFFCD0;
border-bottom: 1px solid #FFCC00;
}
.menu-item:hover,
.sub-menu .menu_item:hover {
background-color: #FFCC00;
}
.menu-item:hover > .sub-menu {
display: block;
}
.menu-item > a {
color: #555555;
font-weight: normal;
font-style: normal;
white-space: normal;
text-decoration: none;
}
.widget_nav_menu .widgettitle {
padding-left: 10px;
margin: 0;
margin-bottom: 10px;
font-size: 1em;
}
/* =========================
3. Search
==========================*/
/*
* 3.0 Search
*
* Ruleset to fit the Wordpress search form into the
* runner element.
*/
.search {
float: left;
line-height: 36px;
margin-left: 10px;
}
/* =========================
4. Content
==========================*/
/*
* 4.0 Page/Entry Titles
*
* Page headings, normally attached to element.
*
* Examples:
*
* Welcome to website
*/
.entry-title,
.page-title {
margin-top: 20px;
padding-bottom: 6px;
border-bottom-color: #dfdfdf;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.6em;
line-height: 1.6em;
font-weight: normal;
color: #222222;
text-align: left;
vertical-align: middle;
}
/*
* 4.1 Adobe Message
*
* Customized paragraph for the adobe message on the left
* hand side of the site.
*/
.adobe-message {
margin: 0 auto;
width: 70%;
font-size: 1em;
color: #666;
}
/*
* 4.2 Content Links
*
* Strip of links found within the body of the main content.
* Found at the head and footer of the main content section.
*
* -left - Float content links to the left.
* -right - Float content links to the right.
*
* Examples:
*
*
...
* ...
*
*
*/
.content-links {
height: 35px
}
.content-links:after {
clear: both;
}
.content-link-left {
float: left;
margin-right: 10px;
}
.content-link-right {
float: right;
margin-left: 10px;
}
/*
* 4.3 Align Classes
*
* Aligns content to the left or right using a combination
* of floats and text align. Used by the WP WYSIWYG.
*
* Examples:
*
* ...
*/
.alignright {
text-align: right;
float: right;
}
.alignleft {
text-align: left;
float: left;
}
.page ul > li,
.post ul > li {
padding: 3px 3px 2px 18px;
background-image: url("images/arrow.gif");
background-repeat: no-repeat;
background-position: left 5px;
}
.post {
margin-bottom: 40px;
}
.category-item {
padding: 5px;
}
.category-item:nth-child(odd) {
background-color: #F6F0DC;
}
.front-page-widgets .no-style-list .cat-post-item {
padding-left: 3px;
padding-top: 0;
background-image: none;
}
.archive-table {
width: 100%;
text-align: left;
border-spacing: 0;
border: none;
}
.archive-table th,
.archive-table td {
padding: 4px;
border: none;
}
.archive-table tbody tr:nth-child(even) td {
background-color: #F6F0DC;
}
/* TABLES!!! Woooooo */
.content table {
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
.content table thead td,
.content table thead th {
background-color: #F8F8F8;
font-weight: bold;
}
.content table td,
.content table th {
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 10px;
}
.read-more {
display: block;
width: 100%;
text-align: right;
}
.additional-header-images {
display: inline;
text-align: right;
}
.additional-header-images > img {
display: inline;
padding: 0;
margin: 0;
margin-right: -5px;
}
/* =========================
5. Breadcrumbs
==========================*/
/*
* 5.0 Breadcrumb link
*
* Breadcrumb link wrapped with a paragraph tag.
*
* :hover - Link underlining.
*
* Examples:
*
*
* Home
* Page
*
*
*/
.breadcrumbs {
width: 80%;
}
.breadcrumbs a {
color: #d38300;
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
/* =========================
6. Widgets
==========================*/
/*
* 6.0 Widget zone.
*
* List element containing widgets which themselves
* are wrapped with tags. Ruleset clears out
* default list styles.
*
* Examples:
*
*
*
*/
.widget-zone {
display: table;
margin: 0;
padding: 0;
list-style: none;
}
.widget {
list-style: none;
}
.widget ul {
padding: 15px;
padding-top: 0;
}
ul.front-page-widgets {
margin-top: 30px;
width: 100%;
}
.front-page-widgets {
border: 1px solid #D8D8D8;
}
.front-page-widgets p {
margin: 0;
line-height: 140%;
}
.front-page-widgets a {
line-height: 150%;
}
.front-page-widgets .widget {
width: 33.33%;
display: table-cell;
}
.front-page-widgets .cat-post-item {
padding: 3px 3px 2px 18px;
background-image: url("images/arrow.gif");
background-repeat: no-repeat;
background-position: left 5px;
}
.front-page-widgets .widgettitle {
margin: 0;
padding: 15px;
font-weight: normal;
font-size: 1.5em;
}
.front-page-widgets .widget:nth-child(even) {
background-color: #DBDBDB;
}
.related-sites-list .cat-post-item {
background-color: white;
width: 95%;
border: 1px solid #FEB53D;
margin-bottom: 10px;
}
.related-sites-list p {
padding: 5px;
padding-top: 10px;
}
.consortium-facts img {
margin-bottom: 10px;
}
/* =========================
7. Events
==========================*/
.events-table {
width: 100%;
border: 1px solid #EEE;
margin-top: 20px;
}
.events-table thead {
text-align: left;
font-size: 1em;
background-color: #F7F7F7;
}
.events-table td {
padding: 5px;
}
.events-table th {
border-bottom: 1px solid #DDD;
padding: 5px;
}
.events-table td:first-child {
width: 30%;
}
.events-table tbody tr:nth-child(odd) {
background-color: #F6F0DC;
}
/* =========================
8. BuddyPress (Overwrites)
==========================*/
#buddypress table tr.alt td {
background-color: #F6F0DC;
}
#buddypress div.item-list-tabs ul li.current a,
#buddypress div.item-list-tabs ul li.selected a {
background-color: #F6F0DC;
color: black;
}
/* BuddyMenu overwrites involve !important. I'm so sorry for this
but the developer of the plugin thought it was a good idea to use
them in the first place. */
#buddymenu-2 .widgettitle {
padding-left: 10px;
margin: 0;
margin-bottom: 10px;
font-size: 1em;
}
.buddymenu {
padding: 0;
}
div.buddymenu li {
padding: 3px 3px 2px 18px!important;
background-image: url("images/arrow.gif")!important;
background-repeat: no-repeat;
background-position: left 5px;
}
div.buddymenu li:hover {
background-color: #FFCC00;
}
.buddymenu ul {
padding-left: 10px;
padding-bottom: 0;
}
.buddymenu a {
color: #555555;
font-weight: normal;
font-style: normal;
white-space: normal;
text-decoration: none;
}
#menu-directors-room {
padding-left: 10px;bbpress-functions.php
}
#buddypress #members-list li {
padding: 10px;
}
#members-list li:nth-child(odd) {
background-color: #F6F0DC;
}
#members-list .item,
#members-list .role
#members-list .action {
float: left;
margin-right: 30px;
}
#members-list .member-item-left {
width: 40%;
float: left;
}
#members-list .member-item-center {
width: 50%;
float: left;
}
#members-list .member-item-right {
width: 10%;
float: left;
}
/* =========================
9. Downloads Overwrites
==========================*/
#download-page .download_category {
float: none;
clear: none;
width: 99%;
}
#download-page .download_category:nth-child(even) {
float: none;
}
#download-page ul.page-numbers li,
#download-page .download-monitor-orderby li {
padding: 0;
background: none;
}
#download-page ul.page-numbers {
margin-top: 15px;
}
.download-button a {
color: white!important;
}
#download-page .download-monitor-subcategories li {
float: none;
padding: 3px 3px 2px 18px;
}
#download-page .download-monitor-subcategories li:first-child {
border: none;
background: none;
padding: 0;
}
a.download-button {
color: white!important;
}
/* =========================
10. BBPress Overwrites
==========================*/
#bbpress-forums .bbp-forums-list {
border: none;
padding: 0;
margin: 0;
}
#bbpress-forums .bbp-forums-list li {
font-size: 12px;
display: block;
padding: 5px;
}
#bbpress-forums .bbp-forums-list > li {
border-bottom: 1px solid #EEEEEE;
}
.bbp-forum-title {
background-color: #EAEAEA;
width: 100%;
display: block;
float: none;
padding: 5px;
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
.bbp-forum-title:first-child {
border-top: none;
}
a.bbp-forum-title {
color: black;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}
#bbpress-forums li.bbp-body ul.forum {
padding: 0;
}
li.bbp-forum-info{
width: 100%;
float: none;
display: block;
}
#bbpress-forums ul.bbp-forums {
border: 1px solid #EEEEEE;
margin-top: 10px;
margin-bottom: 0;
}
.bbp-forum .title, .bbp-forum .topic-reply-counts, .bbp-forum .freshness-forum-link {
display: inline-block;
vertical-align: top;
}
.bbp-forum .title {
width: 50%;
}
.bbp-forum .topic-reply-counts {
width: 20%;
padding-left: 5%;
}
.bbp-forum .freshness-forum-link {
width: 25%;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content {
margin: 0;
}
#bbpress-forums #bbp-search-form {
margin-bottom: 10px;
}
/* =========================
11. Print Styles
==========================*/
@media print {
#print-link {
display: none;
}
body {
background: white;
color: black;
margin: 0;
}
.header {
border-bottom: 1px solid #DFDFDF;
}
.runner {
display: none;
}
.span-4 {
width: 219px;
}
.sidebar {
background: none;
}
.main-content {
border-left: 1px solid #DFDFDF;
}
.menu-item > a {
color: black;
}
}