Aangemaakte reacties

1 reactie aan het bekijken (van in totaal 1)
  • Forum: Thema en CSS/opmaak
    In antwoord op: Opmaak fout
    Thread starter bartvdploeg1

    (@bartvdploeg1)

    Zou 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)