Major blockquote alignment issues. Please help.
-
I’m having some weird blockqote problems. On the front page of my site, the blockquotes look like garbage, but when you read a single post containing blockquotes they look fine. Just to make things super-easy, here’s the code for my ENTIRE stylesheet. If anyone could help out, it’d be greatly appreciated.
/* Theme Name: Grungezine Description: A 3 Column Professional Magazine theme. Author: Karuu Author URI: https://www.wpspark.com/ */ /************************************************************ * Content-wrapper [Body] * ***********************************************************/ body{ background: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-style: normal; color:#111; margin:0; padding:0; } #wrap{ background: #ffffff; width:950px; margin:0px auto; } #top{ width:950px; margin:0 auto; padding:5px 0 10px; } /************************************************************ * General Links * ***********************************************************/ a:link,a:active,a:visited,a:hover{ text-decoration:none; color:#00ccff; border:none; outline: none; } a:hover{ text-decoration:none; color:#00ccff; } /************************************************************ * Header * ***********************************************************/ #header{ width:949px; float:left; margin-bottom:5px; margin-top:5px; padding:0 0 10px; height:155px; background:url(images/albotasheader.jpg); } #header h1.title{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:28px; margin:10px; padding:0; width:600px; } #header h1 a:link,#header h1 a:active,#header h1 a:visited{ display:block; background: url no-repeat left; height:110px; width:941px } p.desc{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#00ccff; font-size:12px; margin:0; padding:0; } /************************************************ * Navbar * ************************************************/ #nav{ background:#000000; height:32px; max-height:32px; min-height:32px; width:950px; clear:both; margin:0 auto; list-style: none; font-family:Arial, Helvetica, sans-serif; } #nav ul { margin: 0px; padding: 0px; list-style: none; } #nav ul li a:link,#nav ul li a:active,#nav ul li a:visited { color: #00ccff; display: block; font-size: 11px; line-height:12px; text-transform: uppercase; margin: 2px 10px 0px 0px; padding: 8px 10px 8px 10px; text-decoration: none; } #nav ul li a:hover { color:#fff; display: block; font-size: 11px; line-height:12px; text-transform: uppercase; margin: 2px 10px 0px 0px; padding: 8px 10px 8px 10px; text-decoration: none; } #nav li { float: left; margin: 0px; padding: 0px; } #nav li li { float: left; margin: 0px; padding: 0px; width: 150px; } #nav li li a:link, #nav li li a:active, #nav li li a:visited { background: #00ccff; color: #fff; width: 160px; font-size: 10px; float: none; margin: 0px; padding: 8px 10px 8px 10px; text-decoration: none; border-bottom: 1px solid #eee; } #nav li li a:hover { color: #FFFFFF; padding: 8px 10px 8px 10px; margin:0px; text-decoration: underline; } #nav li ul { position: absolute; width: 10em; left: -999em; } #nav li:hover ul { left: auto; display: block; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav2 { background:#000000; height:32px; max-height:32px; min-height:32px; width:950px; clear:both; margin:0 auto; list-style: none; border-bottom:1px solid #444; font-family:Arial, Helvetica, sans-serif; } #nav2 { margin: 0px; padding: 0px; list-style: none; } #nav2 ul { margin: 0px; padding: 0px; list-style: none; } #nav2 a, #nav2 a:visited { color: #00ccff; display: block; margin: 0px; padding: 8px 10px 8px 10px; } #nav2 a:hover { color: #fff; margin: 0px; padding: 8px 10px 8px 10px; text-decoration: none; } #nav2 li { float: left; margin: 0px; padding: 0px; } #nav2 li li { float: left; margin: 0px; padding: 0px; width: 150px; } #nav2 li li a, #nav2 li li a:link, #nav2 li li a:visited { background: #00ccff; width: 150px; float: none; margin: 0px; padding: 7px 30px 7px 10px; color: #111; border-bottom: 1px solid #1e5d71; } #nav2 li li a:hover, #nav2 li li a:active { background: #3e7c91; padding: 7px 30px 7px 10px; color: #00ccff; } #nav2 li ul { position: absolute; width: 10em; left: -999em; } #nav2 li:hover ul { left: auto; display: block; } #nav2 li:hover ul, #nav2 li.sfhover ul { left: auto; } /************************************************ * Search Form * ************************************************/ #searchform{ height:30px; line-height:30px; float:right; padding-right:5px; margin:0; } #searchdiv { margin: 0px; padding: 0px; } #searchform { margin: 0px; padding: 0px 10px 0px 0px; } #s { background: #FFFFFF; width: 210px; color: #00ccff; font-size: 11px; font-family: Arial, Tahoma, Verdana; padding: 3px; margin: 0px 0px 0px 0px; border-top: 1px solid #666666; border-right: 1px solid #666666; border-left: 1px solid #999999; border-bottom: 1px solid #999999; } #sbutt { background: #00ccff; color: #fff; font-size: 11px; font-family: Arial, Tahoma, Verdana; padding: 1px; margin: 0px 0px 0px 3px; border: 1px solid #fff; width:45px; } /************************************************************ * Content-wrapper [Main] * ***********************************************************/ #main{ width:950px; margin:0px auto; padding:0; } #content{ float:left; width:630px; margin:0 5 10px 1px; padding:0; } #content h3{ font-family:Arial, Helvetica, sans-serif; font-size:18px; } .entry h2{ font-family:Arial, Helvetica, sans-serif; font-size:18px; } .entry h1{ font-family:"Arial, Helvetica, sans-serif; font-size: 19px; color: #000000;margin:5px;padding:5px; margin:5px; padding:5; width:100%; height:100%; } .entry h1 a { color: #00ccff; text-decoration: none; } .entry h1 a:hover { text-decoration: none; color: #bb0000; } .home-entry{ float:left; width:600px; margin:0 5px 0 0 ; padding:0px 0px 10px 5px; } .home-entry h2{ float:left; width:600px; height:100%; margin:0 5px 10px 0 ; padding:5px 0px 10px 8px; background: #000000; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; height:100%; } .home-entry p{ float:left; width:600px; margin:0 5px 0 0 ; padding:0px 0px 10px 5px; } .home-entry h1{ font-family:"Arial, Helvetica, sans-serif; font-size: 19px; color: #000000;margin:0;padding:5px; margin:0px; padding:0 0 5px 0; width:600px; border-bottom:4px dashed #ffff20; } .home-entry h1 a:link ,.home-entry h1 a:visited{ color: #00ccff; text-decoration: none; } .home-entry h1 a:hover { text-decoration: none; color: #000; } .entry{ float:left; width:622px; margin:0 ; padding:0px 0px 10px 5px; background:none; } .entry p{ margin-right:5px; } .content-entry{ padding:0px; margin:10px 0 10px 0; border-bottom:1px solid #444; width:600px; float:left; } .content-entry p{ margin:10px 0 10px 0; padding:0; } .thumb-main{ float:left; border:none; width:295px; height:100px; padding:5px; background:#eee; border:1px solid #8c8b88; margin:10px 10px 5px 0; } .thumb-main img{ border:none; width:295px; height:100px; } .meta{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#00ccff; text-transform:uppercase; float:left; width:100%; margin:0px 0 5px 0; } .commeta{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#00ccff; text-transform:uppercase; float:left; width:95%; padding:0 0 3px 0; margin:0px 0 5px 0; border-bottom:dashed #ffff20 4px; } .postmetadata{ font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#00ccff; background:#000000; text-transform:uppercase; float:left; width:80%; margin:10px 0 10px 0; } .postmetadata a:link,.postmetadata a:active,.postmetadata a:visited{ color:#00ccff; } .postmetadata a:hover{ color:#ffffff; } .postmeta { float:left; margin:3px 0 5px 0; padding:0; width:100%; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#777; } .footmeta { float:left; margin:2px 0 5px 5px; padding:0 0 5px 0; width:280px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#777; border-bottom:4px dashed #ffff20; } .cat{ float:left; margin:0 0 5px 0 ; width:100%; padding-bottom:4px; border-bottom:1px solid #000; } .cat a:link,.cat a:visited { padding:4px; background:#222; color:#FFFFFF; } #content blockquote { margin: 1em 20px; padding-left: 50px; background: transparent url(images/blockquote.gif) no-repeat; } /************************************************************ * Content-wrapper [Sidebar] * ***********************************************************/ #sidebar{ float:left; width:320px; margin:0px 5px 10px 0px; padding:0; overflow:hidden; } #rsidebar { float:right; width:145px; margin:0px 15px 10px 0px; padding:0; overflow:hidden; border:none; } #lsidebar { float:left; width:145px; margin:0px 5px 10px 4px; padding:0; overflow:hidden; border:none; } #lsidebar h2, #rsidebar h2{ text-align: left; font-size:12px; margin:8px 2px 3px 0px; padding:2px 3px 3px 6px; color:#fff; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:90%; background:#000000 ; } #sidebar ul{ list-style-type:none; margin:8px; padding:0; } #sidebar ul li{ list-style-type:none; } #sidebar ul li ul{ list-style-type:square; margin:0px; border:none; } #sidebar li ul li{ list-style-type:none; width:91%; margin: 4px 0px 4px 0px; padding: 0px 0px 4px 15px; background: url(images/bullet.gif) no-repeat ; } #sidebar ul li a { font-weight: normal; display: block; padding: 0 0 0px ; border: none; color: #00ccff; font-size:12px; } #sidebar ul li a:hover { text-decoration:none; color: #000; } #recent-comments ul li { background:none; } #recent-comments ul li a { background:none; } #recent-comments ul li a:hover { background:none; } #pages ul { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border:none; } #pages ul ul ul { list-style-type: none; margin: -1px 0px -9px 5px; padding: 0px 0px 0px 0px; border:none; } #pages ul li { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom:none; } #tag_cloud a:link,#tag_cloud a:active,#tag_cloud a:visited{ margin:0; padding:4px 0 4px 15px; width:84%; } .navigation{ display:block; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; } .alignright{ float:right; padding:0 10px 10px; } .alignleft{ float:left; padding:0 0 10px; } /************************************************************ * Content-wrapper [Calendar] * ***********************************************************/ #calendar_wrap { margin:0px; color:#5b4e3b; } #calendar_wrap a { padding: 3px 0px; background:none; } #calendar_wrap caption { background: none; padding: 5px 0px; width: 100%; } #calendar_wrap table { width: 100%; border: solid 1px #111; margin-bottom:10px; padding-bottom:10px; } #calendar_wrap table th { text-align: center; letter-spacing: -1px; padding: 3px 0px; } #calendar_wrap table td { text-align: center; border: solid 1px #70614e; padding: 3px 0px; font-size: 11px; } /************************************************************ * Content-wrapper [Comment] * ***********************************************************/ .boxcomments{ margin:10px 10px 5px 7px; width:600px; border-top:3px solid #444; border-bottom:3px solid #444; padding:0px; } #commentform{ margin:0; padding:15px 15px 1px; } #commentform label{ display:block; margin:0; } #commentform input{ width:210px; margin:0 5px 10px 0; padding:1px; } #commentform textarea{ width:440px; margin:0 0 10px; padding:0; } #commentform #submit{ margin:0 0 20px; } #commentform p{ margin:5px 0; } ol.commentlist{ margin:0 0 1px 15px; padding:0; } ol.commentlist li{ background:#ffff20; border:2px dashed #00ccff; display:block; list-style:none; margin:5px; padding:5px 5px 1px 5px; width:555px; color:#000000; } ol.commentlist li :hover{ background:none; } ol.commentlist li.commenthead{ display:block; list-style:none; margin:0; padding:5px 15px; } ol.commentlist li.commenthead 444{ display:block; font-size:12px; font-weight:700; margin:0; padding:5px; } ol.cloop{ border-top:1px solid #fff; list-style:none; margin:0 0 1px; padding:15px; } ol.cloop li{ display:block; list-style:none; margin:0 0 5px; } /************************************************************ * Content-wrapper [Footer] * ***********************************************************/ #footer{ color:#222; font-size:12px; clear:both; height:326px; width:950px; margin:0px auto; padding:0; margin-top:10px; font-family:Arial, Helvetica, sans-serif; border-top:3px solid #444; } #footerbottom { color: #FFFFFF; background:#444; padding:4px 0 0 0; text-align: center; float: left; width:100%; margin:3px 0 0 0; height:33px; } #footerbottom p { margin: 0; padding: 0; } #footerbottom a { color: #fff; text-decoration: none; } #footerbottom a:hover { text-decoration: underline; } #footer h1 { float:left; margin:0; padding:1px 0 1px 5px; font-size:14px; font-family:Arial, Helvetica, sans-serif; width:275px; } #footer h1 a:link,#footer h1 a:visited{ color:#00ccff; } #footer h1 a:hover{ color:#000; } #footer h2 { color: #fff; font-size: 12px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; padding: 6px 4px 4px 4px; margin:5px; text-transform: uppercase; background:#00ccff; width:94%; text-align:center; height:17px; } #footer ul { list-style: none; margin: 0; padding: 0; } #footer ul li { padding: 4px 0 0 0; margin: 0px; } #footer ul li a:link ,#footer ul li a:visited{ display: block; color: #222; text-decoration: none; margin: 0px; padding:0 0 1px 15px; border-bottom: 4px dashed #ffff20; height:20px; background: url(images/bullet.gif) no-repeat; } #footer ul li a:hover { color:#00ccff; text-decoration:underline; } #footerleft { float: left; width: 292px; margin:5px 5px 5px 7px; padding:5px; } #footerleft p { margin:0; padding-left: 5px; float:left; } #footerleft img { float:left; margin:5px 0 5px 3px; padding:5px; width:271px; background:#fff; border:1px solid #8c8b88; } #footermiddle1 { float: left; width: 292px; margin:5px; padding:5px; } #footerright { float: left; width: 302px; margin:5px; padding:5px; } /************************************************************ * Content-wrapper [Right column] * ***********************************************************/ #right { float:left; width: 306px; height:auto; color:#111; padding:0; margin:0 4px 10px 6px; } /************************************************ * Tabs * ************************************************/ .tabs-block { clear: left; float: left; width: 298px; padding:5px; margin: 0 0 10px 0; display: block; } .tabbed { width: 100%; overflow: hidden; padding: 0; margin: 0; border: none; } .tabbed ul.tabs { overflow: hidden; display: block; position: relative; top: 0; left: 0; z-index: 999; list-style-type: none; margin: 0; padding: 0; width: 100%; } .tabbed ul.tabs li { display: inline; float: left; padding: 0; margin: 0 .3em 0 0; } .tabbed ul.tabs li a { font-size:10px; display: block; margin: 0 2px 5px 0; padding: 2px .4em; border: 1px solid #444; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#222; font-weight:bold; } .tabs-block ul.tabs li a { padding:5px; color:#222; border:1px solid #444; } .tabs-block ul.tabs li a:hover { padding:5px; color:#fff; background:#00ccff; text-decoration:underline; } .tabbed ul.tabs li a.tab-current { color:#fff; background:#00ccff; } .tabs-block .tabbed div, #home .tabbed .c { overflow: hidden; display: block; position: relative; left: 0; top: -1px; z-index: 0; clear: left; width: 100%; margin: 0; padding: 5px 0; border:1px solid #444; display: none; } div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10 { display: none; } .tabs-block .tabbed div.t1, #home .tabbed div.c1 { display: block; } .tabs-block .tabbed div { width:296px; } .tabbed div ul { overflow: hidden; padding: 0px 0 2px 0; margin: 0; } .tabbed div ul li { clear: left; margin:0px 0 0 0px; padding:2px 0 2px 5px; } .tabbed div ul li a:link, .tabbed div ul li a:active,.tabbed div ul li a:visited { font-weight: normal; width: 286px; display: block; padding: 0px 0 4px 14px; border: none; font-size:12px; background: url(images/bullet.gif) no-repeat ; font-family:Arial, Helvetica, sans-serif; color:#00ccff; } .tabbed div ul li a:hover{ text-decoration:none; color: #000; } .featured-slide{ width:617px; height:250px; padding:0; margin:0 0 15px 5px; } .metadata{ font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#755c29; margin:2px 0 -5px 0;} .read { float:left; margin:5px 0 5px 0; width:305px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #444; } .read a:link,.read a:visited{ padding:5px; background:#222; color:#fff; } .read a:hover{ padding:5px; background:#00ccff; text-decoration:none; color:#fff; } #banner { float:left; padding:0; margin:0px 0 10px 0; height:auto; width:288px; } #banner img { border:none; padding:0 3px 3px 3px; margin:0px; } .pagetitle{ color:#000; background:none; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:0px 0px 10px 3px; } #ancillary { margin:0 0 0 10px; padding:5px; width:300px; float:left; } #ancillary .flickr { padding: 2px 1px; overflow: hidden; } #ancillary .flickr img { margin:5px; width:46px; height:46px; display:block; float:left; padding:4px; background:#fff; border:1px solid #8c8b88; } .gravatar{ float:left; margin:5px 5px 10px 5px; } /************************************************ * News * ************************************************/ .news{ float:right; width:600px; height:auto; background:none; margin:0 5px 5px 0; padding:0 11px 0 10px; border-right:3px solid #444; border-left:3px solid #444; } .news h2{ float:left; width:600px; margin:0 5px 10px 0 ; padding:5px 0px 10px 8px; background: #000000; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#fff; height:18px; } .news-entry{ float:left; padding:0 0 5px 0; margin:0; } .news-entry p{ float:left; padding:5px 0 10px 0; margin:0px 0 5px 0; border-bottom:1px solid #444; width:100%; } .news h1{ font-family:Arial, Helvetica, sans-serif; font-size: 16px; color: #000000;margin:0;padding:5px; margin:0; padding:0; width:100%; } .news h1 a:link ,.news h1 a:visited{ color: #00ccff; text-decoration: none; } .news h1 a:hover { text-decoration: none; color: #000; } .t1 h1{ float:left; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:3px; margin:4px 0 0 6px; width:98%; } .t1 p{ margin:4px 4px 10px 4px; padding:2px 3px 3px 3px; } .t1thumb{ float:left; width:60px; height:60px; border:1px solid #8c8b88; margin:2px 5px 0 9px; padding:5px; background:#fff; } .t1thumb img{ float:left; width:60px; height:60px; margin:0; padding:0; }
Viewing 9 replies - 1 through 9 (of 9 total)
Viewing 9 replies - 1 through 9 (of 9 total)
- The topic ‘Major blockquote alignment issues. Please help.’ is closed to new replies.