/* Theme Name: WOM WORLD / NOKIA Theme URI: http://www.womworld.com/nokia/ Description: developed for WOM World / Nokia Version: 3.0 Author: Mike Stephens Author URI: http://www.mikeyphp.co.uk */ /* ---------------------------------------------------------------*/ /* Forces vert scrollbar on all pages*/ /* Removes unpredictable 'browser default' settings */ /* Body tag settings */ html { height: 100%; margin-bottom: 1px; } html,body{height:100% !important} p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6, label, input, form, select { font: normal 12px Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0 0; padding: 0 0 0 0; color: #535353; } body { margin: 0px; padding: 0px; text-align: center; color: #535353; font: normal 12px Verdana, Arial, Helvetica, sans-serif; background: repeat-x url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/bg.jpg); background-color: #DFDFDF; } /* Misc*/ /* ---------------------------------------------------------------*/ a { color: #00ABDF; } a:hover { color: #666666; } img { border: none; } /* Div Containers*/ /* ---------------------------------------------------------------*/ #main-container { width: 780px; background: #FFFFFF; padding: 0 20px 0 20px; margin: 0 auto 0 auto; } /* Header*/ /* ---------------------------------------------------------------*/ #logo { float: left; width: 400px; height: 50px; margin: 10px 0 0 0; } #frmSearch { float: right; margin: 20px 0 0 0; } #frmSearch input { border: 1px solid #B3B3B1; float: left; height: 16px; padding: 2px; width: 160px; margin: 8px 0 0 0; } #frmSearch #btnSearch { border: none; float: left; width: 75px; height: 32px; padding: 0px; margin: 2px 0 0 10px; } #image-roll { width: 781px; height: 82px; clear: both; float: left; margin: 0 0 0 1px; overflow: hidden; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/bgImageRoll.jpg); list-style: none; } #image-roll li { width: 65px; padding: 5px 0 5px 0; display: inline; } #image-roll li a { height: 65px; width: 65px; padding: 5px 0 5px 0; } #image-roll li img { height: 65px; width: 65px; padding: 10px 0 5px 0; } .latest-roll { width: 781px; height: 29px; clear: both; float: left; margin: 0 0 0 1px; overflow: hidden; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/bgBlogRoll.jpg); } .latest-roll .mask { position: relative; left: 25px; top: 8px; width: 740px; overflow: hidden; float: left; } /* Main Nav*/ /* ---------------------------------------------------------------*/ #main-nav { float: left; width: 785px; clear:both; height: 29px; list-style: none; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/bgNav.jpg) bottom left; margin: 5px 0 0 0; padding: 0 0 0 1px;} #main-nav li { float: left; } #main-nav a { height: 25px; display: block; } #main-nav #main { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navMain.jpg); width: 95px; } #main-nav #main:hover, #main-nav #main-hover { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navMain.jpg); background-position: 0 -25px; width: 95px; } #main-nav #archive { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navArchive.jpg); width: 113px; } #main-nav #archive:hover, #main-nav #archive-hover { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navArchive.jpg); background-position: 0 -25px; width: 113px; } #main-nav #discussions { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navDiscussions.jpg); width: 176px; } #main-nav #discussions:hover, #main-nav #discussions-hover { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navDiscussions.jpg); background-position: 0 -25px; width: 176px; } #main-nav #trial { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navTrial.jpg); width: 149px; } #main-nav #trial:hover, #main-nav #trial-hover { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navTrial.jpg); width: 149px; background-position: 0 -25px; width: 149px; } #main-nav #widget { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navWidget.jpg); width: 113px; } #main-nav #widget:hover, #main-nav #widget-hover { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navWidget.jpg); background-position: 0 -25px; width: 113px; } #main-nav #contact { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navContact.jpg); width: 134px; } #main-nav #contact:hover, #main-nav #contact-hover { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/navContact.jpg); background-position: 0 -25px; width: 134px; } /* Three Cols*/ /* ---------------------------------------------------------------*/ #three-cols { width: 781px; background: repeat-x url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/bgThreeCols.jpg); float: left; clear:both; text-align: left; } /* Col One*/ /* ---------------------------------------------------------------*/ #col-one { width: 131px; float: left; margin: 25px 0 0 0; background: #FFFFFF; } #col-one h1 { border-bottom: 1px solid #D2D2D2; width: 125px; height: 20px; padding: 5px 0 0 0; clear: left; } #col-one h1 span { float: left; font-weight: bold; } #col-one h1 img { border: none; margin: 0 0 0 0; float: right; } #col-one h1 a { color: #757575; text-decoration: none; padding: 0 0 0 5px; } #col-one ul { list-style:none; width: 125px; float: left; } #col-one li a { width: 108px; display: block; border-bottom: 1px solid #D2D2D2; color: #5DAE18; text-decoration: none; line-height: 20px; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/liCol1.jpg) 5px 3px; padding: 0 0 0 18px; } #col-one li a:hover, #col-one .current-cat a { color: #00ABDF; font-weight: bold; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/liCol1_o.jpg) 2px 4px; padding: 0 0 0 22px; } /* Col Two*/ /* ---------------------------------------------------------------*/ #col-two { width: 530px; float: left; margin: 25px 0 0 15px; background: #FFFFFF; } #title { width: 531px; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/hColTwo.jpg); } #title h1 { font: 20px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; float: left; margin: 7px 0 10px 10px; } #title a { display: block; float: right; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/bgCol2H1.jpg) center left; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; padding: 3px 0 0 25px; height: 17px; margin: 15px 20px 0 0; } /* Col1 */ #col1 { width: 370px; float: left; margin: 0 0 0 10px; } #col1 #social-logos { float: left; margin: 0 0 0 8px; list-style: none; } #col1 #social-logos li { float: left; padding: 15px; } #col1 #social-logos img { border: none; height: 30px; width: 30px; } #col1 #social-logos a { border: 1px solid #e5e5e5; background: none; padding: 0 0 0 0; float: left; } #col1 #social-logos a:hover { border: 1px solid #999999; } /* Filter */ #col1 #filter { float: left; margin: 15px 0 0 0; width: 370px; list-style: none; height: 49px; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/bgCol2.jpg) bottom left; } #col1 #filter li { float: left; margin: 0 12px 0 0; font: bold 12px "Arial Narrow", Arial, sans-serif; } #col1 #filter li a { text-decoration: none; } #col1 #filter li #all { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/ico/icoAll.gif) center left; padding: 0 0 0 17px; } #col1 #filter li #images { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/ico/icoImages.gif) center left; padding: 0 0 0 24px; } #col1 #filter li #videos { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/ico/icoVideos.gif) center left; padding: 0 0 0 28px; } #col1 #filter li #words { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/ico/icoWords.gif) center left; padding: 0 0 0 22px; } #col1 #filter li #sounds { background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/ico/icoSounds.gif) center left; padding: 0 0 0 20px; } #col1 h2 { font: bold 16px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 30px 0 0 0; } #col1 h3 { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000000; margin: 2px 0 0 0; } #col1 p { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height: 18px; margin: 10px 0 0 0; clear:both; } #col1 p a { text-decoration: none; } #col1 p a:hover { text-decoration: underline; } #col1 p small { line-height: normal; } #col1 ul { margin: 10px 0 0 10px; } #col1 ul li { padding: 2px; } /* Social Bookmarks */ #col1 .social-bookmarks { margin: 15px 0 0 0; list-style: none; } #col1 .social-bookmarks li { padding: 2px; float: left; } #col1 .social-bookmarks a { border: 1px solid #e5e5e5; width: 14px; height: 14px; float: left; } #col1 .social-bookmarks a:hover { border: 1px solid #999999; } /* Col2 */ #col2 { width: 140px; float: left; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/bgCol2Right.jpg) 0px 7px; } #col2 h1 { width: 125px; height: 16px; padding: 14px 0 0 5px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/hColTwoCol2.jpg); margin: 20px 0 0 17px; } #col2 h1 strong { font-weight: bold; font-style: none; } #col2 ul { list-style: none; margin: 7px 0 0 0; } #col2 li a { display: block; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #00ABDF; text-decoration: none; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/liCol2.jpg) 16px 3px; padding: 1px 0 0 27px; } #col2 li a:hover { color: #666666; } #col2 p.des { width: 110px; float: left; clear: both; font-size: 10px; margin: 35px 0 0 20px; } /* Col Three*/ /* ---------------------------------------------------------------*/ #col-three { width: 90px; margin: 25px 0 0 15px; float: left; background: #FFFFFF; } #col-three h1 { width: 90px; height: 23px; padding: 7px 0 0 9px; font: 14px Arial, Helvetica, sans-serif; color: #FFFFFF; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/col3_h1.jpg); } #col-three p { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #848484; margin: 7px 0 10px 7px; } #col-three ul { list-style: none; margin: 10px 0 0 8px; clear: left; float: left; } #col-three li a { color: #5DAE18; font: 10px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background: no-repeat url(http://www.womworld.com/nokia/wp-content/themes/womworld-nokia/images/liCol3.jpg) center left; padding: 0 0 0 12px; } #col-three li a:hover { color: #666666; } #col-three #social-logos { float: left; margin: 0 0 0 8px; } #col-three #social-logos li { float: left; padding: 3px; } #col-three #social-logos img { border: none; height: 30px; width: 30px; } #col-three #social-logos a { border: 1px solid #e5e5e5; background: none; padding: 0 0 0 0; float: left; } #col-three #social-logos a:hover { border: 1px solid #999999; } /* Trial Form*/ /* ---------------------------------------------------------------*/ /* ================================================================== Secure and Accessible PHP Contact Form v.2.0WP SOME width CUSTOM.CSS made by Form User - http://yourdomain.com Designed and built to work with the Your WordPress theme ================================================================== */ /* In creating the other themes I found that this is what I needed to make it come together without WP theme conflict. Have fun! */ #gb_form_div /* form/results div */ #gb_form_div { width: 340px; } /* the form itself */ #gb_form { width: 340px; } /* form links */ #gb_form_div a { } /* link states */ #gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active { } /* all fieldsets */ #gb_form fieldset { width: 340px; border: 1px solid #CCCCCC; margin: 0 0 10px 0; } /* to redefine outer fieldset */ #gb_form fieldset#formwrap { width: 340px; border: none; } /* form head if needed */ .formhead { } /* main formhead, of course */ .main_formhead { } /* form leagend and result dt */ #gb_form legend, #gb_form dt { } /* define more for form legend */ #gb_form legend { } /* redefine main legend props */ #gb_form legend#mainlegend { } /* privacy link, reset link, etc */ #gb_form legend#mainlegend small, #gb_form_div .formhead small { } /* hello, it's for the form labels */ #gb_form label { } /* define all inputs, except button */ #gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox { } /* redefine for short input only */ #gb_form input.short { } /* spec for textarea only */ #gb_form textarea.textbox { width: 340px; } /* spec for select only */ #gb_form select.med { } /* spec for checkbox only */ #gb_form input.checkbox { } /* for checkbox label only */ #gb_form label input.checkbox { } /* the make button stable in IE6 it must be defined */ * html input.button { } /* All hover/focus stuff - NOTE: .hover and .focus classes IE JS */ #gb_form input.short:hover, #gb_form input.short:hover, #gb_form input.med:hover, #gb_form input.med:focus, #gb_form select.med:hover, #gb_form select.med:focus, #gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, #gb_form input.short.hover, #gb_form input.short.focus, #gb_form input.med.hover, #gb_form input.med.focus, #gb_form select.med.hover, #gb_form select.med.focus, #gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus { } /* redefine for short input only, if wanted */ #gb_form input.button { } / success span, error span, form div dt (redefine) */ span.error, span.success, #gb_form_div dt { } /* form div dt (redefine more), plus dl */ #gb_form_div dt, #gb_form_div dl { } /* results stuff */ #gb_form_div dt small, span.success, dl#result_dl_blockq dt { } /* whyis link */ small.whythis { } /* the answer */ #gb_form small.whythis a span { } /* whyis on hover/focus */ #gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active { } /* the answer on hover/focus */ #gb_form small.whythis a:hover span, #gb_form small.whythis a:focus span, #gb_form small.whythis a:active span { } /* credit line */ p.creditline small { } /* for abbr, NOTE: added span .abbr class is for IE, so use for all */ .abbr { } /* results blackquote */ dl#result_dl_blockq blockquote { } /* results blackquote p */ dl#result_dl_blockq blockquote p { } /* results blackquote p cite */ dl#result_dl_blockq blockquote p cite { } /* results ul li spans (name, email, etc) */ #gb_form_div span.items { } /* error message links */ #gb_form_div p a { } /* error message link states */ #gb_form_div p a:hover, #gb_form_div p a:focus, #gb_form_div p a:active { } /* End CUSTOM CSS */ ul.newsticker { /* that's your list */ position: relative; left: 750px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; } ul.newsticker a { white-space: nowrap; padding: 0; color: #00ABDF; font: bold 10px Verdana; margin: 0 10px 0 0; padding: 0 0 0 20px; float: left; background: no-repeat url(images/bgBlogRollLi.jpg); } ul.newsticker span { margin: 0 10px 0 0; } ul.newsticker_img { /* that's your list */ position: relative; left: 750px; font: bold 10px Verdana; list-style-type: none; margin: 0; padding: 0; } ul.newsticker_img li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0; padding: 0; } ul.newsticker_img img { height: 70px; width: 100px; } ul.newsticker_img a { white-space: nowrap; padding: 0; color: #00ABDF; font: bold 10px Verdana; margin: 0 5px 0 0;; } ul.newsticker_img span { margin: 0 10px 0 0; }