/* Theme Name: Versheid Theme URI: http://www.versheid.com/ Description: Versheid. Bam! Version: 1.0 Author: Kevin van der Wijst Author URI: http://www.remixdesign.nl/ */ /*------------------------------------------------------------------ [Table of Contents] 1. Body 2. Top / #top 2.1. Head / #head 2.1.1. Logo / #logo 2.1.2. Member / #member 2.2. Menu / #menu 3. Layout / #container 3.1. Content / #content 3.1.1. Main / #main 3.1.1.1. Forum List / #forum-list 3.1.1.2. Form / .form 3.1.1.3. Topic / #topic-view 3.1.1.4. Profiel / #profiel 3.1.1.5. Search / #search 3.1.1.6. Members / #member-list 3.1.2. Sidebar / #sidebar 4. Foot 4.1. Foot / #foot 4.2. Footer / #footer X. Misc -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [1. Body] */ 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, b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent; } body { background: #f8f8f8 url(http://www.versheid.com/wp-content/themes/versheid/images/body.png) top left repeat; font-family: Arial, sans-serif; font-size: 12px; color: #666; min-height: 100%; } img { border: none; margin: 0; padding: 0; } a, a:visited { color: #000; text-decoration: none; } a:hover { color: #000; text-decoration: underline; } ol { list-style-type: decimal; list-style-position: inside; } ol li { list-style-type: decimal; } h1 { font-size: 20px; font-weight: bold; color: #000; } h2 { font-family: Arial, sans-serif; font-weight: bold; font-size: 16px; color: #000; } h3 { font-weight: bold; font-size: 14px; color: #555; } input { background: #fff; border: 1px solid #e6e6df; font-family: Arial, Helvetica, sans-serif; padding: 4px; font-size: 12px; color: #85858c; } input:focus { outline: none; } textarea { background: #fff; border: 1px solid #e6e6df; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #85858c; line-height: 17px; overflow: auto; } .submit-button { padding: 3px 0 8px; } .no-input { background: none; border: none; width: auto; } .left { float: left; display: inline; overflow: hidden; } .right { float: right; display: inline; overflow: hidden; } .clear { clear: both; font-size: 1px; } .accent { color: #ff0066; } hr { height: 0; border: none; border-top: 1px solid #e6e6df; margin: 0 0 20px; } /*------------------------------------------------------------------ [2. Top / #top] */ #top { height: 170px; overflow: hidden; } /*-------------------------------------------------------------- [2.1. Head / #head] */ #top #head { padding: 0 5px; height: 110px; overflow: hidden; } /*---------------------------------------------------------- [2.1.1. Logo / #logo] */ #top #head #logo { float: left; display: inline; overflow: hidden; width: 480px; padding: 60px 0 0; font-weight: bold; font-size: 18px; } #top #head #logo .left { width: 116px; padding: 6px 0 7px 9px; height: 23px; } #top #head #logo .right { float: left; width: 300px; } #top #head #logo h1 { font-size: 29px; display: inline-block; padding: 7px 6px 3px 4px; color: #555; } /*---------------------------------------------------------- [2.1.2. Member / #member] */ #top #head #member { float: right; display: inline; overflow: hidden; width: 480px; padding: 40px 0 0; } #top #head #member .login { font-weight: bold; padding: 28px 0 0; float: right; } #top #head #member .login a, #top #head #member .login a:visited { background: #fff; padding: 1px 4px 2px; display: inline-block; text-transform: uppercase; color: #000; text-decoration: none; } #top #head #member .login a:hover { background: #000; text-transform: uppercase; color: #fff; text-decoration: none; } #top #head #member .login span { font-size: 13px; padding: 0 5px; color: #777; } #top #head #member .user { padding: 18px 0 0; float: right; display: inline; overflow: hidden; } #top #head #member .user .info { float: left; text-align: right; display: inline; overflow: hidden; width: 400px; height: 42px; } #top #head #member .user .info h1 { font-size: 14px; margin: 0; padding: 0 12px 3px 0; color: #000; } #top #head #member .user .info h1 a { color: #000; } #top #head #member .user .info .links { font-size: 11px; padding: 0 6px 0 0; } #top #head #member .user .info .links a, #top #head #member .user .info .links a:visited { display: inline-block; background: #fff; margin: 0 1px; color: #666; } #top #head #member .user .info .links a:hover { background: #000; color: #fff; text-decoration: none; } #top #head #member .user .info a span { display: inline-block; padding: 1px 4px 2px; } #top #head #member .user .info .links strong { color: #f00; } #top #head #member .user .info .links strong:hover { color: #fff; } #top #head #member .user .gravatar { height: 35px; width: 35px; padding: 1px 0 0; float: right; display: inline; overflow: hidden; } #top #head #member .user .gravatar img { height: 35px; width: 35px; } /*-------------------------------------------------------------- [2.2. Menu / #menu] */ #top #menu { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu.png) top left no-repeat; width: 960px; height: 50px; padding: 0 5px; overflow: hidden; } /*---------------------------------------------------------- [2.2.1. Navigatie / #navigatie] */ #top #menu #navigatie { float: left; display: inline; overflow: hidden; width: 780px; } #top #menu #navigatie ul#nav { list-style: none; padding: 7px 5px 0; margin: 0; } #top #menu #navigatie ul#nav li { list-style: none; padding: 0; margin: 0; float: left; display: block; height: 35px; } #top #menu #navigatie ul li a, #top #menu #navigatie ul li a:visited { font-weight: bold; font-size: 14px; text-transform: uppercase; color: #000; padding: 12px 14px 12px; display: block; text-decoration: none; } #top #menu #navigatie ul li a:hover { color: #fff; } #top #menu #navigatie ul li a.music { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/arrow.png) 61px 15px no-repeat; padding: 12px 32px 12px 14px; } #top #menu #navigatie ul li a.design { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/arrow.png) 66px 15px no-repeat; padding: 12px 32px 12px 14px; } #top #menu #navigatie ul li a.lifestyle { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/arrow.png) 82px 15px no-repeat; padding: 12px 31px 12px 14px; } #top #menu #navigatie ul li a.home:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/home.png) 1px 1px no-repeat; } #top #menu #navigatie ul li a.music:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/music.png) 0 1px no-repeat; } #top #menu #navigatie ul li a.music-none:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/music-none.png) 0 1px no-repeat; } #top #menu #navigatie ul li a.design:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/design.png) 0 1px no-repeat; } #top #menu #navigatie ul li a.design-none:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/design-none.png) 0 1px no-repeat; } #top #menu #navigatie ul li a.fashion:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/fashion.png) 1px 1px no-repeat; } #top #menu #navigatie ul li a.tech:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/tech.png) 2px 1px no-repeat; } #top #menu #navigatie ul li a.lifestyle:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/lifestyle.png) 0 1px no-repeat; } #top #menu #navigatie ul li a.lifestyle-none:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/lifestyle-none.png) 0 1px no-repeat; } #top #menu #navigatie ul li a.forum:hover { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/forum.png) 1px 1px no-repeat; } #top #menu #navigatie ul#nav ul.sub { margin: 0; padding: 0; position: absolute; left: -1500px; top: 117px; z-index: 999; } #top #menu #navigatie ul#nav ul.sub li { padding: 0; margin: 0; } #top #menu #navigatie ul#nav ul.sub li a, #top #menu #navigatie ul#nav ul.sub li a:visited { padding: 9px 12px 8px; font-size: 14px; color: #fff; filter:alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; text-transform: none; text-decoration: none; } #top #menu #navigatie ul#nav ul.sub li a:hover { color: #fff; filter:alpha(opacity=75); -moz-opacity: 0.75; -khtml-opacity: 0.75; opacity: 0.75; text-decoration: none; } #top #menu #navigatie ul#nav li ul.sub-music { background: none; } #top #menu #navigatie ul#nav li ul.sub-music li.li { background: #45c0ae; margin: 0; padding: 0; border-top: 1px solid #6acdbe; width: 130px; clear: both; } #top #menu #navigatie ul#nav li ul.sub-music li.top { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/music.png) 0 1px no-repeat; border: none; width: 81px; height: 32px; padding: 3px 0 0 2px; } #top #menu #navigatie ul#nav li ul.sub-design { background: none; } #top #menu #navigatie ul#nav li ul.sub-design li.li { background: #f53461; margin: 0; padding: 0; width: 130px; border-top: 1px solid #f75d81; clear: both; } #top #menu #navigatie ul#nav li ul.sub-design li.top { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/design.png) 0 1px no-repeat; border: none; width: 86px; height: 32px; padding: 3px 0 0 2px; } #top #menu #navigatie ul#nav li ul.sub-lifestyle { background: none; } #top #menu #navigatie ul#nav li ul.sub-lifestyle li.li { background: #2498b9; margin: 0; padding: 0; width: 130px; border-top: 1px solid #50adc7; clear: both; } #top #menu #navigatie ul#nav li ul.sub-lifestyle li.top { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/lifestyle.png) 0 1px no-repeat; border: none; width: 97px; height: 32px; padding: 3px 0 0 2px; } #top #menu #navigatie ul#nav li ul.sub-music li.top a, #top #menu #navigatie ul#nav li ul.sub-music li.top a:visited, #top #menu #navigatie ul#nav li ul.sub-music li.top a:hover, #top #menu #navigatie ul#nav li ul.sub-design li.top a, #top #menu #navigatie ul#nav li ul.sub-design li.top a:visited, #top #menu #navigatie ul#nav li ul.sub-design li.top a:hover, #top #menu #navigatie ul#nav li ul.sub-lifestyle li.top a, #top #menu #navigatie ul#nav li ul.sub-lifestyle li.top a:visited, #top #menu #navigatie ul#nav li ul.sub-lifestyle li.top a:hover { text-transform: uppercase; } #top #menu #navigatie ul#nav li:hover ul.sub, #top #menu #navigatie ul#nav li.ie_does_hover ul.sub { left: auto; background-position: 0 0; } /*---------------------------------------------------------- [2.2.2. Zoeken / #zoeken] */ #top #menu #zoeken { float: right; display: inline; overflow: hidden; width: 180px; } #top #menu #zoeken form { background: url(http://www.versheid.com/wp-content/themes/versheid/images/menu/zoeken.png) 0 16px no-repeat; width: 170px; padding: 12px 10px 0 0; overflow: hidden; } #top #menu #zoeken form input { background: #fff; border: none; width: 144px; float: right; text-transform: uppercase; font-weight: bold; color: #000; } #top #menu #zoeken form input:focus { outline: none; } /*------------------------------------------------------------------ [3. Layout / #container] */ #container { width: 970px; margin: 0 auto; min-height: 100%; } /*-------------------------------------------------------------- [3.1. Content / #content] */ #content { background: #fff; width: 960px; padding: 0 0 20px; margin: 0 5px; overflow: hidden; } /*---------------------------------------------------------- [3.1.1. Main / #main] */ #main { width: 600px; float: left; display: inline; overflow: hidden; padding: 0 0 0 20px; } /*------------------------------------------------------ [3.1.1.1. Forum List / #forum-list] */ #main #forum-list { overflow: hidden; } #forum-list .forum-name { padding: 20px 0 0; clear: both; } #forum-list .forum-name h1 { font-size: 18px; padding: 0 0 6px; } #forum-list .forum-name h1 a, #forum-list .forum-name h1 a:visited { color: #000; text-decoration: none; } #forum-list .forum-name h1 a:hover { background: #f9f116; color: #000; text-decoration: none; } #forum-list .forum-name p { padding: 0 0 20px; line-height: 21px; } #forum-list .forum-name h1.profiel-h1 { font-size: 15px; padding: 0 20px 6px 0; display: inline-block; } #forum-list .forum-name h1.profiel-h1.plus { background: url(images/plus-mini.png) top right no-repeat; } #forum-list .forum-name h1.profiel-h1.min { background: url(images/min-mini.png) top right no-repeat; } #forum-list .forum-name .button { padding: 4px 0 10px; } #forum-list .forum-name .button a { margin: 0 10px 0 0; } #forum-list .forum-top { background: #eee; overflow: hidden; padding: 7px 0 8px 10px; font-size: 11px; font-weight: bold; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; } #forum-list .forum-top .block { display: inline; overflow: hidden; width: 446px; } #forum-list .forum-top .block-2 { display: inline; overflow: hidden; width: 70px; text-align: center; border-left: 1px solid #ddd; } #forum-list .forum-top .block-3 { display: inline; overflow: hidden; width: 286px; } #forum-list .forum-top .block-4 { display: inline; overflow: hidden; width: 226px; text-align: center; border-left: 1px solid #ddd; } #forum-list .forum-bottom { background: #eee; display: block; height: 6px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; } #forum-list .forum-sub { border: 1px solid #eee; border-top: none; padding: 7px 0 8px 10px; overflow: hidden; clear: both; } #forum-list .forum-sub .block { display: inline; overflow: hidden; width: 435px; padding: 5px; } #forum-list .forum-sub .block h2 { font-size: 14px; padding: 0 0 1px; } #forum-list .forum-sub .block h2 a, #forum-list .forum-sub .block h2 a:visited { color: #000; text-decoration: none; } #forum-list .forum-sub .block h2 a:hover { background: #f9f116; color: #000; text-decoration: none; } #forum-list .forum-sub .block span { font-size: 11px; color: #999; line-height: 19px; } #forum-list .forum-sub .block-2 { display: inline; overflow: hidden; width: 70px; text-align: center; border-left: 1px solid #eee; padding: 14px 0; } #forum-list .forum-sub .block-3 { display: inline; overflow: hidden; width: 275px; padding: 6px 5px 5px; } #forum-list .forum-sub .block-3 .gravatar { height: 35px; width: 35px; padding: 0 10px 0 0; float: left; display: inline; overflow: hidden; } #forum-list .forum-sub .block-3 .weghalen { height: 32px; width: 35px; padding: 3px 10px 0 0; float: left; display: inline; overflow: hidden; line-height: 1px; } #forum-list .forum-sub .block-3 .weghalen a, #forum-list .forum-sub .block-3 .weghalen a:visited { background: #ed0929 url(http://www.versheid.com/wp-content/themes/versheid/images/alert-overlay.png) repeat-x; display: inline-block; margin: 0 0 0 4px; padding: 12px 7px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-size: 22px; font-weight: bold; } #forum-list .forum-sub .block-3 .weghalen a:hover { background-color: #d7083d; color: #fff; text-decoration: none; } #forum-list .forum-sub .block-3 .info { width: 221px; float: left; display: inline; overflow: hidden; } #forum-list .forum-sub .block-3 .info h2 { font-size: 14px; padding: 0 0 1px; } #forum-list .forum-sub .block-3 .info h2 a, #forum-list .forum-sub .block-3 .info h2 a:visited { color: #000; text-decoration: none; } #forum-list .forum-sub .block-3 .info h2 a:hover { background: #f9f116; color: #000; text-decoration: none; } #forum-list .forum-sub .block-3 .info h2 span { font-size: 11px; color: #999; } #forum-list .forum-sub .block-3 .info h2 span.SShighlight0 { font-size: 14px; background: #ffff4e; color: #000; } #forum-list .forum-sub .block-3 .info h2 span a, #forum-list .forum-sub .block-3 .info h2 span a:visited { background: none; font-weight: normal; display: inline-block; padding: 0 4px 0 0; color: #999; text-decoration: none; } #forum-list .forum-sub .block-3 .info h2 span a:hover { background: none; color: #222; text-decoration: none; } #forum-list .forum-sub .block-3 .info span { font-size: 11px; color: #999; line-height: 19px; } #forum-list .forum-sub .block-3 .info span a, #forum-list .forum-sub .block-3 .info span a:visited { font-weight: bold; color: #999; text-decoration: none; } #forum-list .forum-sub .block-3 .info span a:hover { color: #999; text-decoration: underline; } #forum-list .forum-sub .block-3 .info span.sticky { background: #f9f116; color: #000; font-weight: bold; } #forum-list .forum-sub .block-3 .info span.closed { color: #f00; font-weight: bold; } #forum-list .forum-sub .block-4 { display: inline; overflow: hidden; width: 205px; border-left: 1px solid #eee; padding: 6px 5px 5px 15px; } #forum-list .forum-sub .block-4 .gravatar { height: 35px; width: 35px; padding: 0 10px 0 0; float: left; display: inline; overflow: hidden; } #forum-list .forum-sub .block-4 .info { width: 160px; float: left; display: inline; overflow: hidden; padding: 1px 0 0; } #forum-list .forum-sub .block-4 .info h2 { font-size: 12px; padding: 0 0 1px; } #forum-list .forum-sub .block-4 .info h2 a, #forum-list .forum-sub .block-4 .info h2 a:visited { color: #999; text-decoration: none; } #forum-list .forum-sub .block-4 .info h2 a:hover { background: #f9f116; color: #000; text-decoration: none; } #forum-list .forum-sub .block-4 .info span { font-size: 11px; color: #999; line-height: 19px; } #forum-list .forum-sub .block-4 .info span a, #forum-list .forum-sub .block-4 .info span a:visited { color: #999; text-decoration: none; } #forum-list .forum-sub .block-4 .info span a:hover { color: #999; text-decoration: underline; } #forum-list .nav { margin: 20px 0; padding: 20px 0 0; border-top: 1px solid #eee; overflow: hidden; font-size: 12px; color: #999; text-align: center; } #forum-list .nav .page-numbers { display: inline-block; padding: 0 10px; } #forum-list .nav .current { font-weight: bold; color: #000; } #forum-list .nav a, #forum-list .nav a:visited { color: #999; text-decoration: none; } #forum-list .nav a:hover { color: #222; text-decoration: none; } #forum-list .feed { margin: 20px 0; padding: 15px 0 0; border-top: 1px solid #eee; overflow: hidden; font-size: 11px; } #forum-list .feed a, #forum-list .feed a:visited { background: url(http://www.versheid.com/wp-content/themes/versheid/images/icons/feed-normal.png) 0 4px no-repeat; color: #999; text-decoration: none; padding: 5px 0 4px 24px; display: inline-block; } #forum-list .feed a:hover { color: #999; text-decoration: underline; } /*------------------------------------------------------ [3.1.1.2. Inloggen / .form] */ #main .form { background: #dbeff9; padding: 20px; position: relative; } #main .form h1 { font-size: 26px; padding: 6px 6px 16px; } #main .form h3 { font-size: 14px; color: #000; padding: 10px 8px 5px; } #main .form p { padding: 0 10px; color: #788388; line-height: 23px; } #main .form p.info { padding: 0 10px 16px; line-height: 23px; color: #788388; } #main .form p a, #main .form p a:visited { font-weight: bold; border-bottom: 1px solid #7db8d9; color: #0281ca; text-decoration: none; } #main .form p a:hover { border: none; color: 0281ca; text-decoration: none; } #main .form .close { height: 23px; width: 23px; position: absolute; top: 22px; left: 555px; display: block; } #main .form .close a { background: url(images/form-close-button.png) top left no-repeat; height: 23px; width: 23px; display: block; } #main .form form { padding: 0 0 10px; } #main .form form fieldset { border: 2px solid #dbeff9; padding: 6px; margin: 1px 0; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #main .form form fieldset label { width: 160px; float: left; display: inline; overflow: hidden; padding: 10px 10px 10px 0; color: #363b3d; } #main .form form fieldset label.check { width: auto; float: none; display: inline-block; padding: 1px 0 0 6px; } #main .form form fieldset .input { background: #d0e5f2; padding: 4px; float: left; display: inline; overflow: hidden; position: relative; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #main .form form fieldset .input input, #main .form form fieldset .input textarea, #main .form form fieldset .input select { background: #fff; border: 1px solid #b1ccdd; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #999; padding: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #main .form form fieldset .input select { font-size: 11px; color: #666; } #main .form form fieldset .input textarea { font-weight: normal; font-size: 12px; color: #666; line-height: 19px; } #main .form form fieldset .input input:focus { color: #000; } #main .form form fieldset .input input.field { width: 200px; } #main .form form fieldset .input #bbcode_buttons { width: 170px; padding: 5px 5px 9px 3px; } #bbcode_buttons #ed_strike, #bbcode_buttons #ed_under, #bbcode_buttons #ed_center, #bbcode_buttons #ed_ul, #bbcode_buttons #ed_ol, #bbcode_buttons #ed_li, #bbcode_buttons #ed_code { display: none; } #bbcode_buttons #ed_bold { background: url(images/form-bold-icon.png) top left no-repeat; height: 16px; width: 16px; display: block; margin: 0 5px 0 0; } #bbcode_buttons #ed_italic { background: url(images/form-italic-icon.png) top left no-repeat; height: 16px; width: 16px; display: block; margin: 0 5px 0 0; } #bbcode_buttons #ed_link { background: url(images/form-link-icon.png) top left no-repeat; height: 16px; width: 16px; display: block; margin: 0 5px 0 0; } #bbcode_buttons #ed_img { background: url(images/form-img-icon.png) top left no-repeat; height: 16px; width: 16px; display: block; margin: 0 5px 0 0; } #bbcode_buttons #ed_block { background: url(images/form-quote-icon.png) top left no-repeat; height: 16px; width: 16px; display: block; } #bbcode_buttons #ed_close { background: url(images/form-close-icon.png) top left no-repeat; height: 16px; width: 16px; display: block; position: absolute; top: 7px; left: 288px; } #bb_smilies_toggle { height: 16px; width: 16px; display: block; position: absolute; line-height: normal; top: 7px; left: 167px; } #bbClicker { background: none; background-color: #b1ccdd; border: 1px solid #fff; padding: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; top: 24px; } #bbClicker img { max-height: 16px; max-width: 16px; } #main .form form fieldset .input.info { margin: 0 0 0 170px; padding: 4px; width: 360px; } #main .form form fieldset .input.info p { padding: 6px 10px; color: #788388; } #main .form form fieldset.invalid { overflow: hidden; } #main .form form fieldset.invalid .input { background: #c3dae9; } #main .form form fieldset.invalid .input input { color: #f00; } #main .form form fieldset.line { border-top: 1px solid #c3dbea; padding: 14px 6px 6px; } #main .form form fieldset p.link { display: inline; float: left; overflow: hidden; font-size: 11px; padding: 0 0 0 20px; } #main .form form fieldset p.link a, #main .form form fieldset p.link a:visited { font-weight: normal; border-bottom: 1px solid #7db8d9; color: #0281ca; text-decoration: none; line-height: 300%; } #main .form form fieldset p.link a:hover { border: none; color: 0281ca; text-decoration: none; } #main .form form fieldset .submit-button { float: left; display: inline; overflow: hidden; clear: both; padding: 10px 0 5px 172px; } #main .form-alt h1 { padding: 16px 16px 0; } #main .form-alt form fieldset label { width: 100px; } #main .form-alt form fieldset .input textarea { width: 400px; height: 240px; max-height: 400px; } #main .form-alt #bbcode_buttons #ed_close { left: 392px; } #main .form-alt form fieldset .submit-button { padding: 10px 0 0 112px; } #main .form.login-form { margin: 20px 0 0; } #main .form.wachtwoord { margin: 20px 0 0; } /*------------------------------------------------------ [3.1.1.3. Topic / #topic-view] */ #main #topic-view { padding: 20px 0 0; overflow: hidden; position: relative; } #topic-view .title { width: 420px; padding: 0 0 20px; float: left; display: inline; overflow: hidden; } #topic-view .title h1 { font-size: 28px; padding: 0 0 6px; } #topic-view .title h1 a, #topic-view .title h1 a:visited { background: url(images/topic-title.png) 0 30px repeat-x; color: #000; text-decoration: none; } #topic-view .title h1 a:hover { background: none; color: #000; text-decoration: none; } #topic-view .title span { color: #999; font-size: 11px; } #topic-view .title span.sticky { background: #f9f116; color: #333; font-weight: bold; } #topic-view .title span.closed { color: #f00; font-weight: bold; font-size: 12px; } #topic-view .title p { font-size: 11px; color: #999; } #topic-view .title p span { color: #ccc; padding: 0 6px; display: inline-block; } #topic-view .title p a, #topic-view .title p a:visited { color: #999; text-decoration: none; } #topic-view .title p a:hover { color: #999; text-decoration: underline; } #topic-view .buttons { width: 180px; padding: 10px 0 0; float: right; display: inline; overflow: hidden; text-align: right; } #topic-view .buttons a, #topic-view .buttons a:visited { background: url(http://www.versheid.com/wp-content/themes/versheid/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 7px 3px; margin: 0 0 0 5px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-size: 11px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); background-color: #f53461; } #topic-view .buttons a:hover { background-color: #e01032; text-decoration: none; color: #fff; } #topic-view .buttons .reageren, #topic-view .buttons .reageren:visited { background-color: #66a916; } #topic-view .buttons .reageren:hover { background-color: #3e8e08; text-decoration: none; } #topic-view .buttons .admin-actions, #topic-view .buttons .admin-actions:visited { background-color: #0daabd; } #topic-view .buttons .admin-actions:hover { background-color: #09859c; text-decoration: none; } #topic-view #thread { clear: both; overflow: hidden; border-top: 1px solid #eee; } #thread .post { margin: 20px 0 30px; } #thread .post .auteur { padding: 0 0 8px; overflow: hidden; } #thread .post .auteur h2 { font-weight: bold; font-size: 14px; color: #666; float: left; display: inline; overflow: hidden; } #thread .post .auteur h2 a, #thread .post .auteur h2 a:visited { color: #444; text-decoration: none; line-height: 10px; } #thread .post .auteur h2 a:hover { background: #f9f116; color: #000; text-decoration: none; } #thread .post .auteur h2 span { font-weight: normal; font-size: 11px; color: #aaa; } #thread .post .auteur p { margin: 0; padding: 2px 0 0; float: right; display: inline; overflow: hidden; font-size: 11px; } #thread .post .auteur p a, #thread .post .auteur p a:visited { color: #ccc; text-decoration: none; } #thread .post .auteur p a:hover { color: #ccc; text-decoration: underline; } #thread .post .comment { clear: both; overflow: hidden; } #thread .post .comment .info { background: url(images/gravatar-bg.png) 80px 30px no-repeat; width: 80px; padding: 0 20px 0 0; float: left; display: inline; overflow: hidden; } #thread .post .comment .info img { width: 80px; height: 80px; padding: 0 0 10px; } #thread .post .comment .info span { font-size: 11px; color: #888; } #thread .post .comment .info span span { display: block; } #thread .post .comment .info span div { background: #aaa url(http://www.versheid.com/wp-content/themes/versheid/images/alert-overlay.png) repeat-x; display: inline-block; padding: 0px 4px 1px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; font-size: 10px; margin: 0 0 3px; } #thread .post .comment .info span .online { background-color: #66a916; } #thread .post .comment .wrap { width: 500px; float: right; display: inline; overflow: hidden; } #thread .post .comment .wrap .bericht { background: #f5f5f5; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px 15px; min-height: 59px; } #thread .post .comment .wrap .bericht p { padding: 10px 0; line-height: 21px; text-align: left; color: #555; } #thread .post .comment .wrap .bericht p a, #thread .post .comment .wrap .bericht p a:visited { font-weight: bold; color: #000; text-decoration: none; } #thread .post .comment .wrap .bericht p a:hover { background: #ffea00; color: #000; text-decoration: none; } #thread .post .comment .wrap .bericht img { max-width: 470px; } #thread .post .comment .wrap .bericht blockquote { background: #fff; margin: 10px 0 15px; padding: 0 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #thread .post .comment .wrap .bericht blockquote cite { font-style: normal; font-size: 11px; color: #777; padding: 0 0 8px; margin: 0 0 8px; border-bottom: 1px solid #eee; display: block; } #thread .post .comment .wrap .bericht blockquote cite a, #thread .post .comment .wrap .bericht blockquote cite a:visited { font-weight: normal; color: #999; text-decoration: underline; } #thread .post .comment .wrap .bericht blockquote cite a:hover { background: none; color: #999; text-decoration: none; } #thread .post .comment .wrap .bericht blockquote img { max-width: 440px; } #thread .post .comment .wrap .bericht blockquote blockquote { background: #fff; border: 1px solid #eee; } #thread .post .comment .wrap .bericht .signature { margin: 8px 0 0; padding: 10px 0; border-top: 1px solid #e0e0e0; font-size: 11px; color: #777; } #thread .post .comment .wrap .bericht .signature a, #thread .post .comment .wrap .bericht .signature a:visited { font-weight: bold; color: #000; text-decoration: underline; } #thread .post .comment .wrap .bericht .signature a:hover { background: none; color: #000; text-decoration: none; } #thread .bb_smilies { cursor: auto; } #thread .post .comment .wrap .opties { padding: 10px 0 0; text-align: right; } #thread .post .comment .wrap .opties a, #thread .post .comment .wrap .opties a:visited { background: #222 url(http://www.versheid.com/wp-content/themes/versheid/images/alert-overlay.png) repeat-x; display: inline-block; padding: 1px 6px 2px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); font-weight: bold; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-size: 10px; margin: 0 0 0 2px; } #thread .post .comment .wrap .opties a:hover { color: #fff; text-decoration: none; } #thread .post .comment .wrap .opties a.post-delete-link, #thread .post .comment .wrap .opties a.post-delete-link:visited { background-color: #f61f02; } #thread .post .comment .wrap .opties a.post-delete-link:hover { background-color: #da1a00; text-decoration: none; } #thread .post .comment .wrap .opties a.quote_link, #thread .post .comment .wrap .opties a.quote_link:visited { background-color: #59a211; } #thread .post .comment .wrap .opties a.quote_link:hover { background-color: #3f7707; text-decoration: none; } #thread .post .comment .wrap .opties a.post-edit-link, #thread .post .comment .wrap .opties a.post-edit-link:visited { background-color: #077eb6; } #thread .post .comment .wrap .opties a.post-edit-link:hover { background-color: #06638e; text-decoration: none; } #thread .post .comment .wrap .opties a.post-ip-link, #thread .post .comment .wrap .opties a.post-ip-link:visited { background-color: #aaa; } #thread .post .comment .wrap .opties a.post-ip-link:hover { background-color: #777; text-decoration: none; } #topic-view .admin { background: #dbeff9 url(images/form-admin-icon.png) 23px 22px no-repeat; padding: 60px 20px 20px; overflow: hidden; } #topic-view .admin a, #topic-view .admin a:visited { background: #222 url(http://www.versheid.com/wp-content/themes/versheid/images/alert-overlay.png) repeat-x; display: inline-block; margin: 6px 0 10px 5px; padding: 3px 7px 4px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-size: 11px; font-weight: bold; } #topic-view .admin a:hover { color: #fff; text-decoration: none; } #topic-view .admin a.delete-link, #topic-view .admin a.delete-link:visited { background-color: #e20b00; } #topic-view .admin a.delete-link:hover { background-color: #c50900; text-decoration: none; } #topic-view .admin a.sticky-link, #topic-view .admin a.sticky-link:visited { background-color: #04b578; } #topic-view .admin a.sticky-link:hover { background-color: #049559; text-decoration: none; } #topic-view .admin a.sluit-link, #topic-view .admin a.sluit-link:visited { background-color: #0b84ac; } #topic-view .admin a.sluit-link:hover { background-color: #075a94; text-decoration: none; } #topic-view .admin #topic-move { border-top: 1px solid #c3dbea; padding: 10px 0; margin: 10px 0 0; } #topic-view .admin #topic-move select { font-size: 12px; width: 160px; font-weight: normal; } #topic-view .nav { margin: 20px 0; padding: 20px 0 0; border-top: 1px solid #eee; overflow: hidden; font-size: 12px; color: #999; text-align: center; clear: both; } #topic-view .nav .page-numbers { display: inline-block; padding: 0 10px; } #topic-view .nav .current { font-weight: bold; color: #000; } #topic-view .nav a, #topic-view .nav a:visited { color: #999; text-decoration: none; } #topic-view .nav a:hover { color: #222; text-decoration: none; } #topic-view .feed { margin: 20px 0; padding: 15px 0 0; border-top: 1px solid #eee; overflow: hidden; font-size: 11px; clear: both; } #topic-view .feed a, #topic-view .feed a:visited { background: url(http://www.versheid.com/wp-content/themes/versheid/images/icons/feed-normal.png) 0 4px no-repeat; color: #999; text-decoration: none; padding: 5px 0 4px 24px; display: inline-block; } #topic-view .feed a:hover { color: #999; text-decoration: underline; } /*------------------------------------------------------ [3.1.1.4. Profiel / #profiel] */ #profiel { overflow: hidden; padding: 20px 0 0; } #profiel h1 { font-size: 14px; padding: 0 0 6px; overflow: hidden; } #profiel .user { width: 80px; padding: 0 20px 0 0; float: left; display: inline; overflow: hidden; } #profiel .user .gravatar { max-width: 120px; max-height: 120px; } #profiel .info { width: 500px; float: right; display: inline; overflow: hidden; } #profiel .info #userinfo { background: url(images/userinfo-bg.png) top left repeat; overflow: hidden; border: 1px solid #f1f1f1; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #userinfo dt { width: 120px; float: left; display: inline; overflow: hidden; padding: 10px; } #userinfo dd { width: 358px; float: right; display: inline; overflow: hidden; padding: 10px 0; position: relative; } #userinfo dd a, #userinfo dd a:visited { font-weight: bold; color: #000; text-decoration: none; } #userinfo dd a:hover { background: #f9f116; color: #000; text-decoration: none; } #userinfo .status { display: inline-block; position: absolute; top: 10px; left: 0; } #userinfo .status div { background: #aaa url(http://www.versheid.com/wp-content/themes/versheid/images/alert-overlay.png) repeat-x; display: inline-block; padding: 0px 4px 1px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; font-size: 10px; } #userinfo .status .online { background-color: #66a916; } #profiel .info .buttons { padding: 10px 0 0; text-align: right; } #profiel .info .buttons a, #profiel .info .buttons a:visited { background: #222 url(http://www.versheid.com/wp-content/themes/versheid/images/alert-overlay.png) repeat-x; display: inline-block; margin: 0 0 0 4px; padding: 3px 7px 4px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; font-size: 11px; font-weight: bold; } #profiel .info .buttons a:hover { color: #fff; text-decoration: none; } #profiel .info .buttons a.edit, #profiel .info .buttons a.edit:visited { background-color: #077eb6; } #profiel .info .buttons a.edit:hover { background-color: #06638e; text-decoration: none; } #profiel .info .buttons a.fav, #profiel .info .buttons a.fav:visited { background-color: #F53461; } #profiel .info .buttons a.fav:hover { background-color: #e01032; text-decoration: none; } /*------------------------------------------------------ [3.1.1.5. Search / #search] */ #search { overflow: hidden; padding: 20px 0 0; } #search .form { margin: 0; } #search .form .buttonLarge { background: #ddd url(http://www.versheid.com/wp-content/themes/versheid/images/bg-button.gif) repeat-x 0 0; border-top: 1px solid #bbb; border-right: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #bbb; font-size: 14px; font-weight: bold; color: #333; margin: 0; padding: 3px .5em 3px .6em; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #search .form .buttonLarge:hover { color: #000; border: 1px solid #9cf; cursor: pointer; } #search .form #SSsearch { width: 492px; } #search .form a#SSsimple, #search .form a#SSsimple:visited { margin: 0 0 0 15px; font-weight: normal; font-size: 11px; border-bottom: 1px solid #7db8d9; color: #0281ca; text-decoration: none; line-height: 200%; } #search .form a#SSsimple:hover { border: none; color: 0281ca; text-decoration: none; } #search .form #SSadvanced { border-top: 1px solid #c3dbea; margin: 10px 0 0; height: 120px; } #search .form #SSadvanced .geavanceerd { position: absolute; top: 236px; left: 30px; } #search .form #SSadvanced .geavanceerd label { width: 90px; } #search .form #SSadvanced .geavanceerd select { width: 120px; } /*------------------------------------------------------ [3.1.1.6. Members / #member-list] */ #member-list { overflow: hidden; padding: 20px 0 0; } #member-list h1 { padding: 0 0 7px; border-bottom: 1px solid #eee; margin: 0 0 5px; } #member-list .list { overflow: hidden; padding: 0 0 10px; } #member-list .block { background: #f5f5f5; width: 270px; height: 58px; margin: 5px; padding: 10px; float: left; display: block; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #member-list .block .gravatar { width: 50px; height: 50px; float: left; display: inline; overflow: hidden; padding: 0 12px 0 0; } #member-list .block .info { width: 208px; float: right; display: inline; overflow: hidden; } #member-list .block .info h2 { font-size: 14px; color: #000; padding: 0 0 4px; margin: 0; } #member-list .block .info h2 a, #member-list .block .info h2 a:visited { color: #000; text-decoration: none; } #member-list .block .info h2 a:hover { background: #ffea00; color: #000; text-decoration: none; } #member-list .block .info p { padding: 0 0 3px; font-size: 11px; color: #666; } #member-list .block .info p a, #member-list .block .info p a:visited { padding: 0 0 2px; display: inline-block; color: #666; text-decoration: none; } #member-list .block .info p a:hover { color: #666; text-decoration: underline; } #member-list .nav { overflow: hidden; border-top: 1px solid #eee; clear: both; padding: 15px; margin: 0; text-align: center; } #member-list .nav span { display: inline-block; padding: 0 6px; color: #999; } #member-list .nav a, #member-list .nav a:visited { font-weight: bold; } #member-list .nav a:hover { background: #ffea00; text-decoration: none; } /*------------------------------------------------------ [3.1.1.X. Overige] */ #main .information { padding: 20px 0 0; } #main .information h1 { font-size: 20px; padding: 0; margin: 0; } #main .information p { padding: 10px 0; text-align: justify; font-size: 12px; color: #666; line-height: 23px; } #main .information a, #main .information a:visited, #main .information a:hover { font-weight: bold; } /*---------------------------------------------------------- [3.1.2. Sidebar / #sidebar] */ #sidebar { width: 300px; float: left; display: inline; overflow: hidden; padding: 20px 20px 0 20px; } #sidebar h2 { margin: 0 0 10px; padding: 0; font-size: 15px; color: #000; } #sidebar .ad { background: #eee; width: 300px; height: 250px; margin: 0 0 20px; line-height: 250px; text-align: center; } #sidebar .item { margin: 0 0 20px; } #sidebar .item-alt { width: 140px; display: inline; overflow: hidden; margin: 0; } #sidebar .item h1 { font-weight: bold; font-size: 20px; color: #000; padding: 0 0 5px; } #sidebar .item .entry { font-size: 12px; color: #666; } #sidebar .item .entry p { padding: 10px 0; text-align: justify; line-height: 23px; } #sidebar .item .entry a, #sidebar .item .entry a:visited { font-weight: bold; color: #000; text-decoration: none; } #sidebar .item .entry a:hover { background: #ffea00; color: #000; text-decoration: none; } #sidebar .actief { overflow: hidden; margin: 0 0 10px; } #sidebar .actief ul { overflow: hidden; list-style: none; padding: 4px 0 0; } #sidebar .actief ul li { list-style: none; margin: 0 0 20px; overflow: hidden; } #sidebar .actief ul li .gravatar { width: 32px; height: 32px; padding: 0 10px 0 0; float: left; display: inline; overflow: hidden; } #sidebar .actief ul li .topic { width: 258px; float: right; display: inline; overflow: hidden; } #sidebar .actief ul li .topic h3 { font-size: 12px; color: #000; padding: 0 0 3px; } #sidebar .actief ul li .topic h3 a, #sidebar .actief ul li .topic h3 a:visited { color: #333; text-decoration: none; } #sidebar .actief ul li .topic h3 a:hover { background: #ffea00; color: #000; text-decoration: none; } #sidebar .actief ul li .topic span { font-size: 11px; color: #aaa; } #sidebar .actief ul li .topic span a, #sidebar .actief ul li .topic span a:visited { color: #999; text-decoration: none; } #sidebar .actief ul li .topic span a:hover { color: #999; text-decoration: underline; } #sidebar .zoek-instructies { overflow: hidden; margin: 0 0 10px; } #sidebar .zoek-instructies p { padding: 0 0 5px; line-height: 21px; } #sidebar .zoek-instructies ul { list-style: none; } #sidebar .zoek-instructies ul li { list-style: none; padding: 5px 0; } #sidebar .zoek-instructies ul li code { background: #e7f4fb; border-bottom: 1px solid #c6dbe6; } /*------------------------------------------------------------------ [4. Foot] */ /*-------------------------------------------------------------- [4.1. Foot / #foot] */ #foot { background: #333; width: 960px; margin: 0 5px; overflow: hidden; } #foot .foot { padding: 15px 10px; overflow: hidden; } #foot .foot ul { list-style: none; width: 168px; float: left; display: inline; overflow: hidden; padding: 0 10px; } #foot .foot ul li { list-style: none; padding: 3px 0; } #foot .foot ul li strong { font-weight: bold; color: #fff; } #foot .foot ul li a, #foot .foot ul li a:visited { color: #999; text-decoration: none; } #foot .foot ul li a:hover { color: #999; text-decoration: underline; } #foot .footer { border-top: 1px solid #555; padding: 12px 14px 13px; } #foot .footer p { display: inline-block; padding: 1px 4px 2px; margin: 0; color: #999; } #foot .footer span { font-weight: bold; font-size: 13px; color: #999; padding: 0 5px; } #foot .footer .left a, #foot .footer .left a:visited, #foot .footer .right a, #foot .footer .right a:visited { display: inline-block; padding: 1px 4px 2px; margin: 0; font-weight: bold; color: #fff; text-decoration: underline; } #foot .footer .left a:hover, #foot .footer .right a:hover { color: #fff; text-decoration: none; } /*------------------------------------------------------------------ [X. Misc] */ ::-moz-selection { background: #8c8c8c; color: #fff; } ::selection { background: #8c8c8c; color: #fff; } .awesome, .awesome:visited { background: #222 url(http://www.versheid.com/wp-content/themes/versheid/images/alert-overlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; } .awesome:hover { background-color: #111; color: #fff; } .small.awesome, .small.awesome:visited { font-size: 10px; padding: 4px 7px 5px; } .awesome, .awesome:visited, .medium.awesome, .medium.awesome:visited { font-size: 11px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); } .large.awesome, .large.awesome:visited { font-size: 12px; padding: 8px 14px 9px; } .cyaan.awesome, .cyaan.awesome:visited { background-color: #45c0ae; } .cyaan.awesome:hover { background-color: #1aa792; text-decoration: none; } .roze.awesome, .roze.awesome:visited { background-color: #f53461; } .roze.awesome:hover { background-color: #f53461; text-decoration: none; } .oranje.awesome, .oranje.awesome:visited { background-color: #f28821; } .oranje.awesome:hover { background-color: #fa360d; text-decoration: none; } .groen.awesome, .groen.awesome:visited { background-color: #74ba30; } .groen.awesome:hover { background-color: #68b51c; text-decoration: none; } .blauw.awesome, .blauw.awesome:visited { background-color: #08a5d1; } .blauw.awesome:hover { background-color: #2498b9; text-decoration: none; } .grijs.awesome, .grijs.awesome:visited { background-color: #999; } .grijs.awesome:hover { background-color: #ffea00; color: #000; text-shadow: none; text-decoration: none; } .btn { display: inline-block; background: none; margin: 0; padding: 3px 0; border-width: 0; overflow: visible; font: 100%/1.2 Arial,Sans-serif; text-decoration: none; color: #333; cursor: pointer; } * html button.btn { padding-bottom: 1px; } html:not([lang*=""]) button.btn { margin: 0 -3px; } .btn span { background: #ddd url(http://www.versheid.com/wp-content/themes/versheid/images/bg-button.gif) repeat-x 0 0; margin: 0; padding: 3px 0; border-left: 1px solid #bbb; border-right: 1px solid #aaa; cursor: pointer; } * html .btn span { padding-top: 0; } .btn span span { position: relative; padding: 3px .9em; font-weight: bold; color: #555; border-width: 0; border-top: 1px solid #bbb; border-bottom: 1px solid #aaa; cursor: pointer; } .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span { cursor: pointer; /* important for any clickable/pressable element */ border-color: #9cf !important; color: #000; } .btn:active span { background-position: 0 -400px; outline: none; } .btn:focus, .btn:active { outline: none; /* doesn't seem to be respected for