/* Theme Name: DFL Description: Version: 1.0 Date: July 2008 */ /*RESET AND CLEARFIX ----------------------------*/ :link,:visited { text-decoration:none } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;} ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img { border:none } address {font-style:normal} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} .clearfix {display:block;} /* BODY -----------------------------------*/ html, body {height:100%; background:#3b2d1d;} .switch1 {background-color:#ded8d5; margin-bottom: 10px; padding: 5px;} .switch2 {background-color:#cdd3d5; margin-bottom: 10px; padding: 5px;} /* BASE TYPOGRAPHY -----------------------------------*/ body {font: 62.5%/1.4em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:white;} p, ul, ol {font-size:1.4em; line-height:1.4em; margin-bottom: 1.2em;} p {margin-bottom:1em;} a:link {outline:none; text-decoration:underline; color:#ffffff;} a:visited {text-decoration:underline; color:#ffffff;} a:hover {} h1, h2, h3, h4, h5, h6 {font:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; margin-bottom:0.3em; line-height:1.2em;} h1 {font-size:2.8em;} h2 {font-size:2.2em;} h3 {font-size:1.6em;} h4 {font-size:1.4em;} h5 {font-size:2.8em;} blockquote {margin:10px; border:2px solid #431400; padding:5px; background-color:#EFD6D1; color:black;} ol {list-style:decimal;} ul {list-style:disc;} li {margin-left:30px;} #utilitynav li, #nav li {list-style:none;margin:0;padding:0;} /* BASE TEMPLATE ---------------------------------*/ body {background-color:#3b2d1d;} #container {width:960px; margin:0px auto;} /* LAYOUT STRUCTURE -------------------------------- */ #content {float:left; width:100%; margin-bottom:10px;} #main {width:524px; float:left;} #main h2 {color:#000000;} #sidebar {width:197px; float:left; margin-left:21px;} #sidebar2 {width:197px; float:left; margin-left:21px;} /* REFLECTION INSIDE box ----------------------*/ .reflection {padding:0; color: black; background: #bbb09a url(/dfltheme/images/sb-bottom.jpg) no-repeat bottom; padding-bottom:81px; width:198px;} .reflection h2 {background:url(/dfltheme/images/h2_bg.jpg) no-repeat; margin:0 10px 10px 10px; padding:2px; color:white !important;} .reflection p {margin:0 10px; color:white;} .reflection img {} /*HEADER ----------------------*/ .y2008 #header {background: #CCC url(/dfltheme/images/header.jpg?v=4) no-repeat -3px -0px;} .y2009 #header {background: #CCC url(/dfltheme/images/new-header2final.jpg?v=4) no-repeat -3px -0px;} .y2010 #header {background: #CCC url(/dfltheme/images/dflheader_2.jpg?v=4) no-repeat -3px -0px;} .y2011 #header {background: #CCC url(/dfltheme/images/dfl_header_2011_2.jpg?v=4) no-repeat -3px -0px;} #header {background: #CCC url(/dfltheme/images/dfl_header_2011_2.jpg?v=4) no-repeat -3px 0px; height:231px; margin-bottom:3px;} #header h1 span {margin-left:-9999px;} /*FOOTER ----------------------*/ #footer {background: #; clear:both; padding:2px;} #footer p {text-align:center;} /*MAIN CONTENT GENERAL ------------------*/ #main-inner {padding:0 10px;} #main h1 {font-weight:bold; font-size:3em; padding-left:2px;} #main h5 {font-weight:bold; font-size:3em; padding-left:2px;} #main h1 a, #main h2 a, #main h3 a, #main h4 a {text-decoration:underline;} #main h5 a, #main h2 a, #main h3 a, #main h4 a {text-decoration:underline;} #main h1 a:hover, #main h2 a:hover, #main h3 a:hover, #main h4 a:hover, #main h5 a:hover {text-decoration:underline;} #main .news-catname {text-transform:uppercase; font-size:1em;} #entry #main h1 {background:none} /* MAIN CONTENT LISTS -------------------------*/ /*#main ul {list-style-type:disc; margin-left:1.6em;} #main ol {list-style-type:decimal; margin-left:1.6em;} #main li {margin-bottom:0.7em;} #main li li {font-size:90.9%;} #main li li li {font-size:82.6%;} */ /* MAIN CONTENT IMAGES -------------------------*/ /* photos */ .photo p {font-weight:bold; font-size:x-small !important;} /* images that are linked with emphasis */ img.emphasis {border:2px solid white;} a:hover img.emphasis {border:2px solid #00617F;} /*div widths and floats */ .full {width:504px; margin-bottom:10px;} .half {width:252px; margin-bottom:10px;} .floatright {float:right; margin-left:10px;} .floatleft {float:left; margin-right:10px;} .small {font-size:x-small;} /* NAVIGATION - UTILITY ------------------------------*/ #utilitynav {margin:0; padding:0;} #utilitynav ul {padding-left:2px; margin-top:0px; float:right;} #utilitynav ul li {float:left; font-size:1em; margin-right:2px; color:white;} #utilitynav ul li a {color:white; padding-right:6px; padding-left:6px;} #utilitynav ul li a {border-right: 1px solid white; margin-top: 4px;} #utilitynav ul li.last a {border-right: 0 !important;} #utilitynav ul li.current a {} #utilitynav ul li a:hover {} /* NAVIGATION - PRIMARY ------------------------------*/ #nav {background:black; padding:5px;} #nav ul {margin-bottom:0; float:left; padding: 2px 0;} #nav ul li {float:left; font-size:0.97em; margin:0;} #nav ul li.first {padding-left:0;} #nav ul li a {color:white; text-decoration:none; border-left:1px solid #FFFFFF; padding-left:7px; padding-right:7px; display:block} #nav ul li.first a {border-left:0;} #nav ul li.current a {color:#000000;} #nav ul li a:hover {} #nav-searchbox {float:right; padding-right:5px;} #nav {background: url(/dfltheme/images/navbar-middle.jpg) repeat bottom;} /* SCHOLARS --------------------------*/ .scholar-year a.current {color:red !important} /*STATIC BODY -----------------*/ #main #static-body {background-color:#FFF; padding:5px;} /*NEWS - MULTIMEDIA SIDEBAR ---------------------------*/ #news-multisidebar {border:2px solid black; width:355px; float:right; padding:2px; margin-left:10px; background-color:#000000;} #news-multisidebar {color:white;} /*NEWS GALLERY -----------------*/ #news-entry #myGallery {width: 350px !important; height: 262px !important;} #news-entry #myGallery .slideInfoZone p {font-size:1.3em;} #news-entry #myGallery .slideInfoZone {height: 5em;} #project-entry #myGallery {width: 350px !important; height: 262px !important;} #project-entry #myGallery .slideInfoZone p {font-size:1.3em;} #project-entry #myGallery .slideInfoZone {height: 5em;} #outreach-entry #myGallery {width: 350px !important; height: 262px !important;} #outreach-entry #myGallery .slideInfoZone p {font-size:1.3em;} #outreach-entry #myGallery .slideInfoZone {height: 5em;} /*NEWS STRUCTURE -----------------*/ .entrygeneric #main {background: url(/dfltheme/images/news-entry-middle.jpg) repeat-y top; width:743px;} .entrygeneric #main-top {background: url(/dfltheme/images/news-entry-top.jpg) no-repeat top;} .entrygeneric #main-bot {background: url(/dfltheme/images/news-entry-bottom.jpg) no-repeat bottom; height:135px;} .entrygeneric #sidebar2 {width:197px; margin-left:20px;} .entrygeneric #main h1 {margin-right:-7px;} #mostpopnews {} #content ul#mostpopnews-toggle {margin-left:0; margin-bottom:0;} #news-entry-meta {margin-right:-9px; margin-bottom:0; padding:2px; display: block; text-align: right; float:right;} #news-entry-meta li {background-color:#fff; color:black; text-align:right; padding:5px; display:block; float:left; font-size:1.0em;} /*NEWS TOGGLE -----------------*/ ul#mostpopnews-toggle li {list-style:none; float:left; margin-left:0; margin-bottom:0;} ul#mostpopnews-toggle li a {display:block; padding:5px 5px; background-color:#463603;} ul#mostpopnews-toggle li.lastmonth a {padding-left:2px; text-decoration:none;} ul#mostpopnews-toggle li.alltime a {background-color:#7F6107; text-decoration:none;} #one {background-color:#463603; padding:5px;} #two {background-color:#7F6107; padding:5px;} /* PAGINATION -----------------*/ #pagination {background-color:#fff; margin-right:-6px; padding:5px; color:black; float:left;} #pagination p {text-align:right; margin-bottom:0;} #nextprev {margin:0 auto; width:22em;} #main #pagination a {color:black;} /* EVENT CALENDAR -----------------*/ #upcoming dl {margin-bottom:1em;} #upcoming dt {background-color:#64431d; padding:5px; font-size:1.4em; float:left; margin-right:10px;} #upcoming dd {background-color:#452705; padding:5px; font-size:1.4em; margin-left:0; } /* GALLERY -----------------*/ #gallery-albumview {} #gallery-albumview ul {list-style:none; margin-left:0;} #gallery-albumview li {float:left; list-style:none;} #gallery-albumview li a {display:block; margin:10px; padding:3px; border:2px solid black; background-color:#E4E4E4;} #gallery-albumview li a:hover {border:2px solid #00617F;} #gallery-catdescription {} #gallery-catdescription p {text-align:center; font-style:oblique;} #caption {width:600px; margin: 0 auto;} /* FEED BUTTON -----------------*/ .feed-button { padding: 10px 0; } .feed-button a { color: white; padding: 10px 15px 10px 36px; background: #463603 url("/dfltheme/images/feed-icon-14x14.png") no-repeat 15px 50%; } .feed-button a:hover { color: #444; background: #eee url("/dfltheme/images/feed-icon-14x14.png") no-repeat 15px 50%; } /* SEARCH BOX -------------------*/ #nav-searchbox input {} #searchinput {border-top:3px inset #FE9C03; border-left:3px inset #D79302; } #search-btn {background: transparent url(/dfltheme/images/search_button.jpg) left 1px no-repeat; color:red; width:50px; border:0; height:22px; } #search-btn:hover {background: transparent url(/dfltheme/images/search_button.jpg) left 1px no-repeat;} #ask-disclaimer p {font-size:x-small; text-align:center;} #subscribe {} #subscribe label {font-size:1.2em; padding-bottom:1em; font-weight:bold;} #subscribe input#name, #subscribe input#l344041-344041 {width:150px; margin-bottom:0.5em;} #subscribe input#submit {} /* META TAG ------------------*/ .meta-tag {text-transform:lowercase;} /* COPYRIGHT -------------------*/ #copyright-notice p {font-size:1.1em; text-align:center; margin-top:10px;} /* TAGLIST -------------------*/ #taglist-international {width:250px; float:left;} #taglist-local {width:250px; float:left;} /* PARTNERS ---------------*/ dl.partner {} dl.partner dt {float:left;} dl.partner dd {margin-left:160px;} /* LIBRARY ----------------*/ #librarytable {background-color:#efefef; border-collapse:collapse; font-size:1.2em;} #librarytable th {text-align:left; font-weight:bold; border:1px solid black; padding:5px; background:#CCC;} #librarytable td {padding:5px; border:1px solid black;} #librarytable th#title {width:200px;} #librarytable th#author {width:200px;} #librarytable th#spine {width:100px;} #librarytable th#shelf {width:100px;} #librarytable th#publisher {width:50px;} #librarytable th#type {width:73px;} #librarytable.entry {width:100%} #entry-field {width:15%} #entry-value {width:75%} #main a.arrow {text-decoration:none; background-color:black; color:white; padding:2px; font-weight:bold;} #main a.current {} .marker { background-color: #ff0;} a span.marker {text-decoration:underline;} /* Table -------------------------------*/ td {font-size:1.4em; line-height:1.4em; margin-bottom: 1.2em;} td h3 {font-size:1.2em; font-weight:bold;} td.shortcell {width:30%;} #nav {margin-bottom:10px;} /*FP NEWS FEED --------------------*/ #fp-newsfeed {} #fp-newsfeed ul {list-style:disc; margin-left:20px;} #fp-newsfeed li {margin-bottom:1em;} /* FP FEATURED PROJECT ----------------------*/ /* INSIDE PAGES MAIN ----------------------- */ #main {background:#e4e4e4 url(/dfltheme/images/main_middle.jpg) repeat; color: black;} #main-top {background:#e4e4e4 url(/dfltheme/images/main_top.jpg) no-repeat; height:9px;} #main-bot {background:#e4e4e4 url(/dfltheme/images/main_bot.jpg) no-repeat bottom; height:157px;} #main a {color:#056e91;} #main h1 {background:#7ec0db url(/dfltheme/images/main-bg.jpg) no-repeat; color:white; padding:3px; margin-right:-6px; width:365px;} #main h5 {background:#7ec0db url(/dfltheme/images/mainnews-bg.jpg) no-repeat; color:white; padding:3px; margin-right:-6px; width:718px;} #main h1.alt {background:#7ec0db url(/dfltheme/images/main-bg.jpg) no-repeat; color:white; padding:3px; margin-right:-6px; width:365px;} /*#main ul li {list-style: disc !important; padding-left: 20px;}*/ .entrygeneric #main h1 {background:#7ec0db url(/dfltheme/images/mainnews-bg.jpg) no-repeat; color:white; padding:3px; margin-right:-6px; width:718px;} .festival #main h1 {background:#7ec0db url(/dfltheme/images/festival-header.jpg) no-repeat; font-weight: normal; height: 81px; padding: 0; padding-left: 95px; width: 627px; padding-top: 6px;} .festival #sidebar2 h2 {background: url("/dfltheme/images/festival-sb-header.jpg") no-repeat scroll 0 0 #A9A39C;} #gallery-11 #main h1 {background:#7ec0db url(/dfltheme/images/conference-heading.jpg) no-repeat; font-weight: normal; height: 81px; padding: 0; padding-left: 95px; width: 627px; padding-top: 6px; color: #5d3817;} #gallery-11 #sidebar2 h2 {background: url("/dfltheme/images/conference-sb-header.jpg") no-repeat scroll 0 0 #A9A39C; color: #5d3817;} /* #gallery-3620 #main h1 {background:#c4dc57 url(/dfltheme/images/company-heading.jpg) no-repeat; font-weight: normal; height: 81px; padding: 0; padding-left: 95px; width: 627px; padding-top: 6px; color: #5d3817;} #gallery-3620 #sidebar2 h2 {background: url("/dfltheme/images/company-sb-header.jpg") no-repeat scroll 0 0 #A9A39C; color: #5d3817;} */ /* #main h2 {background:#761300; color:white; padding:5px; margin-left:-7px; display:block; width:400px;}*/ /*ASK MAMA LEBO GLOBAL TAB ----------------------------*/ #ask-lebo-global-tab {background: url(/dfltheme/images/mama-tab.jpg) no-repeat top; width:200px; height:25px; margin:0 auto;} #ask-lebo-global-tab span {display:none;} #ask-lebo-global-form {background:#6E5503 url(/dfltheme/images/sis-lebo-drop-down.jpg) no-repeat top; display:none; padding-left:125px; padding-top:60px;} #cf-particulars {float:left; width:300px;} #cf-message {float:left; width:400px; background:transparent;} /* BREADCRUMB --------------------*/ #breadcrumb {margin-bottom:5px; margin-top:5px; color:#056e91; margin-left:10px;} #breadcrumb ul {margin-left:0;} #breadcrumb li {float:left; list-style:none;} #breadcrumb li a {background: url(/dfltheme/images/breadcrumb.jpg) no-repeat left 2px; padding-left:20px; color:#056E91} #breadcrumb li.first a {background:none; padding-left:0;} /* NEWSFEED -----------------------------*/ #newsfeed {clear:both; margin-bottom:10px;} #newsfeed h2 {} .newsfeed-item {margin-bottom:10px;} .news-featureimage {margin-bottom:5px;} #newsfeed .news-meta {clear:both; padding:0px; margin-bottom:10px; background-color:#EFEFEF;} #newsfeed .news-meta a {} #newsfeed .news-meta ul {list-style:none; margin-left:0; font-size:1.1em;} #newsfeed .news-meta ul li {float:left; padding:2px; margin:2px;} #newsfeed h1 {font-weight:normal;} /* SIDEBARS --------------------------------*/ /* SIDEBAR PADDING ------------------------*/ .sidebar-inner {padding:0 10px;} #sidebar-inner {color: black;} #catlist {padding:0 10px;} #taglist {padding:0 10px;} #sidebar h2 {background:#b9b198 url(/dfltheme/images/h2_bg.jpg) no-repeat; width:177px; margin-right:-7px; padding:3px;} #sidebar2 h2 {background: #a9a39c url(/dfltheme/images/h2_bg.jpg) no-repeat; width:auto; padding:3px;} #sidebar h2 a {text-decoration:none;} #sidebar2 h2 a {text-decoration:none;} #sidebar ul, #sidebar2 ul {margin-left: 10px;} #sidebar li, #sidebar2 li {list-style:disc; margin-bottom:0.5em;} /*see-more generic*/ .see-more {font-size:1em; text-align:right;} /*popular tags*/ .poptags-more {font-size:1em; text-align:right; border-top:1px solid #96A488; margin-top:10px;} /*TAGS -----------------*/ #newsfeed .taggedwith {font-size:1.8em;} #newsfeed .taggedwith-tag {color:#E4C642;} #tag-cloud {} #tag-cloud .current {} /* ROUNDED CORNERS -------------------------------*/ .sb {background: url(/dfltheme/images/sb-middle.jpg) repeat-y top;} .sb-top {background: url(/dfltheme/images/sb-top.jpg) no-repeat top; height:10px;} .sb-bot {background: url(/dfltheme/images/sb-bottom.jpg) no-repeat top; height:81px;} .sb2 {background: url(/dfltheme/images/sb2-middle.jpg) repeat-y top;} .sb2-top {background: url(/dfltheme/images/sb2-top.jpg) no-repeat top; height:10px;} .sb2-bot {background: url(/dfltheme/images/sb2-bottom.jpg) no-repeat 0px top; height:74px;} /* SEE MORE -------------------------------*/ .seemore {text-align:right; font-size:x-small;} /*========================================================================*/ /* GALLERY /* @usage ul.gallery /*========================================================================*/ ul.gallery {margin:0 !important; padding:0 !important; list-style:none;} ul.gallery li {margin:0 !important; padding:0 !important; list-style:none !important; float:left;} ul.gallery li a {display: block;} ul.gallery li a img {border: 1px solid #ccc; padding: 5px; margin-right: 5px; margin-bottom: 5px; width: 70px; height: 70px;} ul.gallery li {} ul.gallery li a:hover img {background: #fff;} ul.gallery li.current img {background: #FFFDAA;} /*========================================================================*/ /* TWITTER-FEED | basic styling for a twitter feed /* @usage ul.twitter-feed /*========================================================================*/ .twitter-feed {padding:0 !important; margin:0 !important;} .twitter-feed li {list-style:none;margin:0;padding:0; font-size: 12px; line-height: 16px; overflow: hidden} .twitter-feed li {list-style:none;margin:0;padding:0;} .twitter-feed li {display: block; padding: 4px; /*border-bottom: 1px solid #ccc;*/} .twitter-feed li a {} .twitter-feed li a {display: inline;} #featured-project {margin-bottom:10px;} #featured-ambassador {padding:0px 0px;} /* LEARN INTERACT AREA ------------------------*/ #fp-features {background: url(/dfltheme/images/fp-features-middle.jpg) repeat-y top;} #fp-features-top {background: url(/dfltheme/images/fp-features-top.jpg) no-repeat top; height:20px;} #fp-features-bot {background: url(/dfltheme/images/fp-features-bottom.jpg) no-repeat bottom; height:25px;} #fp-column {width:232px; margin:0 10px; float:left;} #fp-column2 {width:232px; margin:0 10px; float:left;} #fp-column h2 {} #fp-column2 h2 {} /* FRONT PAGE GALLERY ---------------------*/ #myGallery {width: 500px !important; height: 300px !important; margin:0 auto; margin-bottom:10px;} #myGallery a {color:white !important;}