bartvdploeg1
Aangemaakte reacties
1 reactie aan het bekijken (van in totaal 1)
-
Forum: Thema en CSS/opmaak
In antwoord op: Opmaak foutZou je mij iets exacter kunnen vertellen wat ik dan moet veranderen? Heb hier geen ervaring mee.
Hieronder de stylesheet..
/* Theme Name: zindi-II Theme URI: http://www.fadonet.net/2008/11/08/wordpress-theme-zindi-II/ Description: A simple and fresh wordpress theme from <a href="http://www.fadonet.net" target="_blank">Fadonet.Net</a> Version: 1.2 Author: Fado Author URI: http://www.fadonet.net/ Tags: black, two-columns */ *{margin: 0; padding: 0;} :focus {outline: 0;} body { font-size: 12px; font-family: Verdana, Arial, 'Lucida Grande', Sans-Serif; background:#0b0b0b;color: #fff; padding:0px; min-width:960px;} a, a:visited, a:active {color:#58b3f9; text-decoration:none;} a:hover {text-decoration:underline;} #top {background:#000 url(images/top-bg.jpg) no-repeat right; width:100%; height:200px;} #navbar {background:#fff url(images/nav-bg.png) repeat-x; width:100%; height:30px;} #wrapper {background:#0b0b0b; width:960px; margin:0px auto; padding:10px 0px 10px 0px;line-height: 18px; } #side-left{float:left; width:630px;} #side-right { float:right; width:320px;} #footer {clear:both; width:960px; margin:0 auto;padding:0px; } h1, h2, h3, h4, h5, h6 { margin:5px 0 5px 0; padding: 0; font-family:Georgia, Tahoma, Verdana, Arial, Serif; font-weight:normal; color: #666;} code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr{font-size: 0.9em; letter-spacing: .07em; } pre { line-height: 1.5; margin-bottom: 1.5em; margin-top: 1.5em; width:600px; overflow: auto; } fieldset {border:1px solid #f1f1f1; padding:10px;} blockquote { color:#666; font-style: italic; padding-left: 15px;margin:20px; border-left:3px solid #58b3f9;} table {border:1px solid #666;} td,th { line-height: 1.0em; padding:11px; margin:1px;} th { background-color: #0b0b0b; } td { border: 1px solid #666;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; } #wp-calendar a {text-decoration: none;} #wp-calendar caption { font: bold 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;} #wp-calendar th {font-style: normal; text-transform: capitalize;} /* Float */ .alignleft {float:left;} .alignright {float:right;} .clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; } .clearfloat { display:inline-block; } .clearfloat { display:block; } .clear { clear: both;} /******** WordPress Styles ********/ #side-left .aligncenter, #side-left div.aligncenter {display: block;margin-left: auto;margin-right: auto;} #side-left .alignleft { float: left; } #side-left .alignright { float: right; } #side-left .wp-caption { border: 1px solid #2d2d2d; text-align: center; background-color: #2d2d2d; padding: 5px; margin: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #side-left .entry .wp-caption img, #side-left .entry .wp-caption a img { margin: 0; padding: 0; border:none;} #side-left .wp-caption p.wp-caption-text { font-size: 10px; font-weight:bold; line-height: 17px; padding: 0 4px 5px; margin: 0; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } #side-left .smallattachment {text-align: center;float: left;width:128px; margin:5px 5px 5px 0px;} #side-left p.attachment { text-align: center; margin: 5px 0px;} #side-left .attachment-thumbnail {border: 1px solid #2d2d2d; width:125px; height:125px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #side-left .caption {padding-left:10px; text-align:center;} /* Corner */ .kutu {width:100%; background-color: #121212; margin-bottom:10px;} .ust { background: url(images/ust-sag.gif) no-repeat top right; } .ust span{ background: url(images/ust-sol.gif) no-repeat top right; } .alt { background: url(images/alt-sag.gif) no-repeat bottom right; } .alt span {background: url(images/alt-sol.gif) no-repeat bottom right;} .ust span, .alt span, .ust2 span, .alt2 span{width: 8px;height: 8px;border: none;display: block !important;} .kutu2 {width:100%; background-color: #2d2d2d;margin-bottom:10px; color: #fff;} .ust2 { background: url(images/ust2-sag.gif) no-repeat top right;} .ust2 span{ background: url(images/ust2-sol.gif) no-repeat top right;} .alt2 { background: url(images/alt2-sag.gif) no-repeat bottom right; } .alt2 span {background: url(images/alt2-sol.gif) no-repeat bottom right;} .kutu .spacer, .kutu2 .spacer{margin: 0px; padding:0px 10px 0px 10px;} /* Top */ #top .header {width:960px; margin:0 auto;} #top .header h1 {font-size:48px; font-weight:normal;line-height:48px; padding-left:5px; margin:25px 0px 0px 0px; } #top .header a {color:#444; } #top .header a:hover {text-decoration:none;} #top .logo {float:left; width:400px; margin-top:15px;} #top .logo span {color:#444; padding-left:7px; font-size:11px;} #top .tools {font-weight:bold; font-size:11px; text-align:right;} #top .tools span {font-size:10px; color:#aaa; font-weight:normal;} #top .tools ul { color:#aaa;} #top .tools li {float:right; display:block; padding:15px; margin-right:15px; background:#121212; line-height:12px; opacity: 0.5; -moz-opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50) } #top .tools li:hover {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100) } #top .tools a {color:#fff;} .navmenu {width:960px; margin:0 auto; color:#000;} #s {padding:1px; line-height:14px; margin-right:5px; width:240px;} #s2 {padding:1px; line-height:14px; margin-right:5px; width:500px;} .searchsubmit{ background:url(images/search-button.gif) bottom no-repeat ; margin: 0; line-height:22px; border:none; height:22px; width:70px; font-weight:bold; color:#fff; font-size:11px; cursor:pointer; padding-bottom:1px; } /* Content Left */ #side-left a:hover {text-decoration:underline;} #side-left p {margin:0; padding:0;} #side-left h2 {font: 26px Times New Roman, Verdana, Arial; color:#666;} #side-left h2 a, #side-left h2 a:visited, #side-left h3 a, #side-left h3 a:visited {color:#58b3f9; font-weight:normal;} #side-left h2 a:hover, #side-left h3 a:hover {color:#fff; text-decoration:none;} #side-left h3 {font-size:18px; margin:0px 0px 10px 0px; color:#666;} #side-left h2.pagetitle {color:#58b3f9;} #side-left h2.result {color:#fff;} #side-left img {max-width:460px; margin:5px;} #content .tags {font-size:9px; color:#ccc; margin-bottom:5px;font-weight:bold;} #content .tags a{font-size:9px; color:#444; font-weight:normal;} #content .tags a:hover{color:#58b3f9; text-decoration:none;} #content .postmetadata {text-align:right;margin-top:15px; color:#ccc; font-size:10px;} #content .postmetadata a {color:#444; font-weight:bold; font-size:10px;} #content .postmetadata a:hover {color:#58b3f9; text-decoration:none;} #navigation {font-size:10px; padding:0px 0px 15px 0px; line-height:21px; height:20px; width:630px;} #side-left .img-nav { padding:10px; width:95%;} #navigation span { color:#aaa;} #navigation a{background:#48c03f url(images/pagination-left.gif) left center no-repeat; color: #fff; padding: 5px 0 5px 6px; line-height:22px; text-decoration:none;} #navigation a strong{background:url(images/pagination-right.gif) right center no-repeat; padding: 5px 7px 5px 0px;text-decoration:none;} #navigation a:hover{background: #2d2d2d url(images/pagination-hover-left.gif) left center no-repeat; text-decoration:none;} #navigation a:hover strong{background: url(images/pagination-hover-right.gif) right center no-repeat;text-decoration:none;} #content ul, #content ul ol {line-height:22px; margin:10px 0 0 0; } #content ul li{ list-style-type: square; margin-bottom: 5px; margin:0px 5px 0 35px; } #content ul p, #content ul select { margin: 5px 0 8px; } #content ul ul, #content ul ol {margin: 3px 0 0 15px;border:none; } #content ul ul li, #content ul ol li{ list-style-type: circle; border:none;} #content ol li {list-style-type:decimal; margin:0 0 5px 45px;} #content ol li ul li {list-style-type:lower-roman;} #content ul ul ul, #content ul ol { margin: 0 0 0 10px; } #content ul ol li { list-style: decimal outside; } #content ul ul li, #content ul ol li { margin: 3px 0 0; padding: 0;} .entry img {border: 1px solid #2d2d2d; text-align: center; padding: 5px; margin:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} a.more {padding-right:10px; line-height:8px; background:url(images/more.gif) center right no-repeat; padding-bottom:1px;} a.rss{ line-height:8px; background:url(images/rss.gif) center left no-repeat; padding-bottom:1px; padding-left:22px; color:#fff;} #side-left p.warning { background:transparent url(images/warning.gif) left no-repeat; color:#aaa; padding:0 0 0 20px;} .post {padding:0px 10px 0px 10px;} /* Content Right */ #sidebar a {font-weight:bold; font-size:11px; color:#61605E; } #sidebar a:hover {color:#58b3f9; text-decoration:none;} #sidebar .kutu2 h2 {background:none; padding:0px;} #sidebar h2 {background: url(images/h2-bg.gif) no-repeat bottom left;color:#666; font-weight:normal; padding-bottom:8px; font-size:18px;} #sidebar ul, #sidebar ul ol{line-height:22px; color:#aaa; } #sidebar ul li { list-style-type: none; list-style-image: none; margin:0px 5px 0 0px; padding:5px; background-color:#0b0b0b; border-bottom:3px solid #121212; display:block; color:#fff;} #sidebar ul li:hover { background-color:#000; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol {margin: 3px 0 0 15px;border:none; } #sidebar ul ul li, #sidebar ul ol li{ list-style-type: circle; border:none;} #sidebar ol li {list-style-type:lower-roman; margin:0 0 0 20px;} #sidebar ol li ul li {list-style-type:lower-roman;} #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0;} #sidebar ul li a {background:none; margin:0; padding:0;} #tag_cloud a {font-weight:normal; line-height:26px;} span.commmentavatar { float:left; padding-right:5px; padding-top:7px; height:20px; width:20px;} #sidebar li.latestpost{line-height:16px; } span.commententrytitle { font-size: 0.85em; line-height:8px; color: #fff;} #sidebar li.latestpost span, #sidebar li.latestpost span a { font-size: 9px; font-weight:normal;} /* Comments Form */ #comments h3 {color:#666; padding:5px 0 5px 0; font-size:18px;} #commentform p, form p { font-family: 'Lucida Grande', Verdana, Arial,Sans-Serif; } #commentform input{ width: 50%; padding:2px; margin: 5px 5px 1px 0; } #commentform textarea{ width: 99%; padding: 1px;} #commentform #submit{ background:url(images/comment-button.gif) top no-repeat ; margin: 0; line-height:20px; border:none; height:26px; width:106px; font-weight:bold; color:#fff; font-size:11px; cursor:pointer; padding-bottom:5px; } #commentform p {margin-bottom: 5px;} /* Comments List */ #comments ul{ padding: 5px;} #comments li { text-transform: lowercase; margin: 10px 0 10px 0; padding: 5px 10px 3px; list-style: none; } #comments li .avatar { float: right; border: 1px solid #eee; padding: 2px; margin-left: 5px; margin-bottom: 5px; background: #fff; } #comments cite{font-weight: bold; font-style: normal; font-size: 1.1em } #comments cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } #comments p { font-weight: normal; line-height: 1.5em; text-transform: lowercase; margin: 10px 5px 10px 0; } #comments small.commentmetadata { background:none; font-weight: normal; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin: 5px 0; } #comments .nocomments { text-align: center; margin: 0; padding: 0; } #comments .commentmetadata { margin: 0; display: block; } #comments .darkcolor { background-color: #2d2d2d; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #comments .count {background:none; line-height:30px; float:left; font-size:36px; color:#444; height:37px; margin-right:5px;} #comments blockquote { background:none; border-left:#29b0c4 5px solid; padding-left: 15px; color:#aaa; margin:20px 0px 20px 0px; } /* Footer */ #footer {font-size:10px; color:#AAAAAA;} #footer a {font-weight:bold;} #footer .footer-left{float:left; padding-top:10px;} #footer .footer-right{float: right; padding:0px; margin:15px 5px 0 0;} #footer .footer-right ul { list-style-type: none; padding:0px 5px 0px 0px; margin:0px 0px 3px 0px;} #footer .footer-right ul li { display: inline; padding:0px; margin:0px; } #footer .footer-right a img {border:none; opacity: 0.4; -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30)} #footer .footer-right a:hover img {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100)} .bottom {border-top:1px solid #444; padding:10px; text-align:center; margin-top:15px;}
1 reactie aan het bekijken (van in totaal 1)