/* Theme Name: Tickler Theme URI: http://osynlig.se Description: Temat för Tickler Author: Osynlig Version: 1.0 */ /*------------[ Reset ]-------------*/ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family: inherit;vertical-align: baseline;} caption, th, td {text-align: left;font-weight: normal;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q {quotes: "" "";} /*-----------------[ Classes ]------------------*/ .right, .alignright { float: right; } .left, .alignleft { float: left; } .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } .hidden { display: none; } .button, #press-login input.button, #press-signup input.button { background: url(images/bg-button.png) repeat-x #2a2a2a; color: #00aeef; padding: 10px 45px; text-shadow: 0 -1px 0 #000; cursor: pointer; font: bold 16px Arial, sans-serif; -webkit-border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #383838; width: auto; } .button:hover { text-decoration: none; } .logout { background: url(images/logout-button.png) no-repeat; width: 73px; height: 15px; position: absolute; bottom: 9px; right: 100px; display: block; text-indent: -9999px; } .grey { color: #969696; } .download-button { background: url(images/download-button.png) no-repeat; height: 32px; width: 101px; text-indent: -9999px; } /*-----------------[ Main styling ]------------------*/ body { font: 12px/100% Arial, Helvetica, sans-serif; color: #000; } h1 { font: bold 34px Arial; margin-bottom: 10px; letter-spacing: -0.05em; } .archive h1 { width: auto; float: left; margin-right: 23px; } h2 { font: bold 34px Arial; margin-bottom: 4px; letter-spacing: -0.05em; } h3 { font: 20px Arial; margin-bottom: 10px; letter-spacing: -0.05em; } #press-login h3, #press-signup h3 { margin-bottom: 22px; } h4 { font: 12px Arial; margin-bottom: 10px; } p { margin-bottom: 15px; font: 12px/130% Arial; } img { border: none; } a { color: #00aeef; text-decoration:none; } a:hover { text-decoration: underline; } ol, ul { margin: 10px 0; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: italic; } table { border-collapse: separate; border-spacing: 0; } input { border:1px solid #e6e6e6; padding: 3px 6px; } label { font: bold 16px Arial, sans-serif; margin-bottom: 5px; display: block; } #container { width: 890px; margin: 50px auto; padding: 0 30px; } #start-container { width: 730px; margin: 30px auto 0; } #meta-info { width: 320px; margin: 0 auto; } #meta-info a { display: block; float: left; margin: 0 10px; } /*-----------------[ Header ]------------------*/ #header { margin-bottom: 35px; position: relative; } #main-navigation { background: url(images/bg-menu.png) no-repeat; height: 50px; margin-top: 10px; } #main-navigation ul { list-style: none; padding-left: 5px; margin: 0; } #main-navigation ul li { display: block; float: left; } #main-navigation ul li a { display: block; float: left; padding: 15px; font: 15px Arial, sans-serif; color: #fff; } #main-navigation ul li a:hover, #main-navigation ul li.active a { color: #929292; text-decoration: none; } #sub-navigation { position: relative; } #sub-navigation ul { background: #202020; height: 30px; list-style: none; padding-left: 5px; margin: 0; border-top: 2px solid #000; } #sub-navigation ul li { display: block; float: left; } #sub-navigation ul li a { display: block; float: left; padding: 6px 15px; font: 14px Arial, sans-serif; color: #bababa; } #sub-navigation ul li.active a, #sub-navigation ul li a:hover { color: #797979; text-decoration: none; } #sub-sub-navigation ul { background: #e1e1e1; list-style: none; padding: 0px; margin: 0; } #sub-sub-navigation ul li { display: block; float: left; } #sub-sub-navigation ul li a { display: block; float: left; padding: 6px 10px 6px 20px; margin-right: 0; font: 14px Arial, sans-serif; color: #5c5c5c; } #sub-sub-navigation ul li.active a { } #sub-sub-navigation ul li a:hover { color: #fff; text-decoration: none; } #sub-sub-navigation .diff { border-top: 2px solid #00aeef; padding: 0; height: auto; } #sub-sub-navigation .pink { border-top: 2px solid #ec008c; } #sub-sub-navigation .yellow { border-top: 2px solid #fff200; } #sub-sub-navigation ul.diff li a { padding: 6px 20px 6px 13px; margin-right: 0; color: #2c2c2c; } #sub-sub-navigation ul.children li.first a { padding-left: 12px ; } #sub-sub-navigation .diff .color-1 a { background: url(images/blue-menu.png) no-repeat right top #00aeef; padding-left: 20px; } #sub-sub-navigation .diff .color-2 a { background: url(images/pink-menu.png) no-repeat right top #ec008c; } #sub-sub-navigation .diff .color-3 a { background: url(images/yellow-menu.png) no-repeat right top #fff200; } #sub-sub-navigation .diff .blue-1 a { background: url(images/blue-menu.png) no-repeat right bottom #00aeef; } #sub-sub-navigation .diff .pink-1 a { background: url(images/blue-menu.png) no-repeat right bottom #00aeef; } #sub-sub-navigation .diff .pink-2 a { background: url(images/pink-menu.png) no-repeat right bottom #ec008c; } #star-wrapper { position: absolute; right: 18px; top: 21px; } #star { background: url(images/star.png) no-repeat; height: 90px; width: 91px; } /*-----------------[ Content ]------------------*/ #content { margin-bottom: 45px; } #press-login, #press-signup { float: left; width: 345px; padding: 40px 30px; border: 1px solid #ededed; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #press-signup { float: right; } #press-login input, #press-signup input, #press-signup select { background: #ebebeb; -webkit-border-radius:5px; -moz-border-radius: 5px; border: none; padding: 10px 15px; font-size: 15px; width: 305px; margin-bottom: 20px; } #press-signup select { width: 335px; } #press-signup p { margin-bottom: -12px; } .button-text { float: left; margin: 5px 0 0 12px; line-height: 140%; font-weight: bold; font-size: 12px; } /*-----------------[ Hovers ]------------------*/ .press-box { border: 1px solid #e9e9e9; width: 198px; padding: 10px; position: relative; float: left; margin: 0 3px 10px 0; } .press-box:hover { border: 1px solid #c0c0c0; } .press-box img { margin-bottom: 5px; } .press-box a, .press-box .product-title { font: bold 13px Arial, sans-serif; color: #00aeef; } .press-box-menu-hover { background: url(images/bg-menu-background-new.png) #2a2a2a repeat-x; display: none; position: absolute; top: 5px; right: 5px; border: 1px solid #1b1b1b; width: 114px; } .press-box-menu-hover ul { list-style: none; margin: 0; } .press-box-menu-hover ul li { background: url(images/arrow-right-new.png) no-repeat left center; } .press-box-menu-hover ul li:hover { background: url(images/arrow-right-new-hover.png) no-repeat left center; } .press-box-menu-hover ul li.head { background: none; } .press-box-menu-hover ul li.head:hover { background: none; } .press-box-menu-hover ul li a { color: #00aeef; font-size: 12px; padding: 6px 10px; text-shadow: 0 -1px 0 #000; display: block; } .press-box-menu-hover ul li a:hover { color: #a1a1a1; text-decoration: none; } .press-box-menu-hover ul li a.header { background: url(images/bg-dropdown-menu-hover.png) repeat-x #2a2a2a; text-decoration: none; color: #a1a1a1; cursor: default; padding: 10px 10px; } .press-box-menu-hover ul.sub-dropdown { border-top: 1px solid #1d1d1d; background: url("images/bg-button-in-header-dropdown.png") repeat-x scroll 0 0 #2A2A2A; display: none; padding: 4px 0; } .press-box-menu-hover ul.sub-dropdown li a { cursor: pointer; } .press-box-menu-hover-single { display: none; position: absolute; top: 5px; right: 5px; background: url(images/bg-menu-background-new.png) #2a2a2a repeat-x; border: 1px solid #1b1b1b; width: 104px; padding: 0 13px; } .press-box-menu-hover-single ul { list-style: none; margin: 0; } .press-box-menu-hover-single ul li { background: url(images/arrow-right-new.png) no-repeat left center; } .press-box-menu-hover-single ul li:hover{ background: url(images/arrow-right-new-hover.png) no-repeat left center; } .press-box-menu-hover-single ul li a { background: url(images/lines.png) bottom no-repeat; color: #00aeef; font-size: 12px; padding: 9px 0px; text-shadow: 0 -1px 0 #000; display: block; } .press-box-menu-hover-single ul li.last a { background: none; padding-top: 8px; } .press-box-menu-hover-single ul a:hover{ color: #a1a1a1; text-decoration: none; } .button-in-header { float: left; width: auto; position: relative; margin-top: 15px; } .button-in-header > a { background: url(images/bg-button-in-header.png) no-repeat; padding: 10px 29px 9px 13px; text-shadow: 0 -1px 0 #000; cursor: pointer; font: bold 12px Arial, sans-serif; } .button-in-header > a:hover { background: url(images/bg-button-in-header-hover.png) no-repeat; color: #a1a1a1; text-decoration: none; border-bottom: none; } .button-in-header ul { background: url(images/bg-button-in-header-dropdown.png) #2a2a2a repeat-x; position: absolute; top: 24px; left: 0; list-style: none; margin: -1px 0 0 0; z-index: 200; width: 114px; padding: 3px 0 5px; border: 1px solid #1b1b1b; } .button-in-header ul li { background: url(images/bg-button-in-header-arrow.png) no-repeat left center; } .button-in-header ul li:hover { background: url(images/bg-button-in-header-arrow-hover.png) no-repeat left center; } .button-in-header ul li a { color: #00aeef; padding: 6px 13px; text-shadow: 0 -1px 0 #000; display: block; font-weight: bold; } .button-in-header ul li a:hover { color: #a1a1a1; text-decoration: none; } /*-----------------[ Press releases ]------------------*/ ul.press-releases { font-size: 13px; list-style: none; margin: 0 0 2px; } ul.press-releases li { padding: 3px 2px; border: 1px solid #e9e9e9; margin-bottom: 2px; } ul.press-releases li:hover { background: #f8fdfe; border: 1px solid #c0c0c0; } ul.press-releases .button { background: url(images/bg-button.png) repeat-x #2a2a2a; color: #00aeef; padding: 8px 20px 7px; font: bold 12px Arial, sans-serif; -webkit-border-radius: 1px; -moz-border-radius: 1px; width: auto; text-decoration: none; } span.date { color: #969696; display: block; font-weight: bold; float: left; width: 100px; margin-right: 10px; padding: 10px; } span.title { display: block; float: left; width: 440px; margin-right: 10px; font-weight: bold; padding: 10px;} span.file { display: block; float: left; width: 100px; margin-right: 10px; font-weight: bold; padding: 10px; } /*-------[ Navigation ]--------*/ .wp-pagenavi { margin: 30px 0; } .wp-pagenavi a, .wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi span.current { font: bold 18px Arial, sans-serif; color: #bebebe; border: none; border-right: 1px solid #bebebe; padding-right: 20px; letter-spacing: -0.05em; } .wp-pagenavi span { border: none !important; } .wp-pagenavi a { color: #00aeef; border: none !important; padding: 3px 6px; } .wp-pagenavi a.nextpostslink span, .wp-pagenavi a.previouspostslink span { font-size: 20px; padding: 3px 0px 0; } .wp-pagenavi span.current { border: none; padding: 3px 6px; color: #2c2c2c; } .wp-pagenavi a:hover, .wp-pagenavi a:focus, .wp-pagenavi a:active { border: none; color: #2C2C2C; } /*-----------------[ Footer ]------------------*/ #footer { border-top: 1px solid #383838; font-size: 12px; padding-top: 10px; } #footer a { border-right: 1px solid #383838; color: #383838; display: block; font-weight: bold; float: left; margin-right: 5px; padding-right: 5px; } #footer .right { color: #7f7f7f; } .copy { font-weight: bold; } /*-----------------[ Fancy box ]------------------*/ .popup { width: 540px; padding: 20px; } #fancybox-inner { overflow-x: hidden !important; } .last { margin-right: 0; }