|
OK, so I have a blog. I downloaded the "theme" from somewhere and have edited a few areas to suit my needs. There are different font themes within the page theme. Long story short, my "Text Posts" are supposed to be in the font: Georgia, but they are showing up in "Times New Roman"...blah!
I can't find anything wrong in the code, but who am I trying to fool? I know nothing about this stuff. The code is below. The parts that I *think* are the cause start with "div.normal-text". Someone, please help! It's driving me crazy. The address is: kimboslice.tumblr.com
Thanks in advance!!! - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
-
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
<head>
-
<!-- DEFAULT COLORS -->
-
<meta name="color:Background" content="#eee"/>
-
<meta name="color:Content Background" content="#fff"/>
-
<meta name="color:Title" content="#444"/>
-
<meta name="color:Description" content="#666"/>
-
<meta name="color:Post Title" content="#c00"/>
-
<meta name="color:Text" content="#444"/>
-
<meta name="color:Inline Link" content="#c00"/>
-
<meta name="color:Quote" content="#666"/>
-
<meta name="color:Quote Source" content="#444"/>
-
<meta name="color:Link Post" content="#c00"/>
-
<meta name="color:Conversation Background" content="#f8f8f8"/>
-
<meta name="color:Conversation Border" content="#ddd"/>
-
<meta name="color:Conversation Text" content="#444"/>
-
<meta name="color:Conversation Label" content="#111"/>
-
<meta name="color:Photo Border" content="#eee"/>
-
<meta name="color:Date" content="#fff"/>
-
<meta name="color:Date Background" content="#ccc"/>
-
<!-- END DEFAULT COLORS -->
-
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
-
<link rel="icon" href="{Favicon}"/>
-
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
-
<meta name="viewport" content="width=775"/> <!-- iPhone -->
-
-
<style type="text/css">
-
body {
-
margin: 0px auto 0px auto;
-
text-align: center;
-
background-image: url(http://lab.sid05.com/MYTumblr/tinat/top.png);
-
background-repeat: repeat-x;
-
background-position: left top;
-
background-color: #fff;
-
}
-
#container {
-
width: 780px;
-
margin-right: auto;
-
margin-left: auto;
-
position: relative;
-
background-image: url(http://lab.sid05.com/MYTumblr/tinat/top-arrow.png);
-
background-repeat: no-repeat;
-
background-position: 10px top;
-
}
-
-
#navbar {
-
background-color: #000000;
-
height: 28px;
-
vertical-align: middle;
-
}
-
#navbar p{
-
text-align: left;
-
margin: 0px;
-
color: #666666;
-
padding-top: 6px;
-
padding-right: 0px;
-
padding-left: 5px;
-
font-family: Verdana, Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
}
-
#navbar p a{
-
color: #FF3366;
-
text-decoration: none;
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #000000;
-
-
}
-
h1.header a{
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 65px;
-
color: #000000;
-
text-decoration: none;
-
font-weight: normal;
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #FFFFFF;
-
}
-
h1.header a:hover{
-
color: #000000;
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #ff3366;
-
-
}
-
#content {
-
margin-left: 250px;
-
text-align: left;
-
}
-
#sidebar {
-
width: 210px;
-
text-align: left;
-
display: block;
-
padding: 0px;
-
margin: 0px;
-
float: left;
-
}
-
#sidebar h3{
-
padding: 0px;
-
margin-top: 15px;
-
margin-right: 0px;
-
margin-bottom: 3px;
-
margin-left: 0px;
-
font-family: Arial, Helvetica, sans-serif;
-
font-size: 16px;
-
font-weight: bold;
-
color: #333333;
-
-
}
-
#sidebar p{
-
font-family: Verdana, Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
color: #666666;
-
line-height: 16px;
-
margin-top: 5px;
-
margin-right: 0px;
-
margin-bottom: 10px;
-
margin-left: 0px;
-
-
}
-
#sidebar ul{
-
margin: 0px 0px 0px 22px;
-
padding: 0px;
-
font-family: Verdana, Arial, Helvetica, sans-serif;
-
font-size: 12px;
-
line-height: 20px;
-
color: #999999;
-
list-style-position: inset;
-
list-style-image: url(http://lab.sid05.com/MYTumblr/tinat/list.png);
-
-
}
-
#sidebar li a{
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #FF3366;
-
color: #666666;
-
text-decoration: none;
-
-
}
-
#sidebar div.following{
-
margin-top: 5px;
-
margin-bottom: 10px;
-
-
}
-
#sidebar div.following a img{
-
border: 1px solid #999999;
-
padding: 1px;
-
margin: 1px;
-
}
-
#sidebar div.following a img:hover{
-
border: 1px solid #FF3366;
-
padding: 1px;
-
margin: 1px;
-
}
-
h1 {
-
margin: 25px 5px 40px;
-
padding: 0px;
-
text-align: left;
-
}
-
h4 {
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 18px;
-
color: #666;
-
margin-top: 40px;
-
margin-bottom: 20px;
-
display: block;
-
margin-right: 0px;
-
margin-left: 0px;
-
padding: 2px 0px 5px 5px;
-
font-weight: normal;
-
text-transform: uppercase;
-
line-height: 20px;
-
background-color: #f3f3f3;
-
border-top: 1px solid #ccc;
-
border-bottom: 1px solid #ccc;
-
-
}
-
div.normal-text, div.photo, div.quote, div.link, div.video, div.chat, div.audio {
-
color: #333333;
-
display: block;
-
padding-right: 10px;
-
padding-left: 10px;
-
margin-bottom: 5px;
-
padding-bottom: 5px;
-
padding-top: 5px;
-
margin-top: 20px;
-
}
-
div.normal-text h2{
-
margin: 0px 0px 10px;
-
padding: 0px;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 18px;
-
font-weight: bold;
-
color: #333333;
-
font-style: normal;
-
}
-
div.normal-text p, div.quote p, div.photo p, div.link p, div.video p, div.chat p, div.audio p{
-
margin: 10px 0px;
-
padding: 0px;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 13px;
-
line-height: 18px;
-
-
}
-
div.normal-text ol{
-
padding: 0px;
-
list-style-position: inset;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 13px;
-
color: #666666;
-
line-height: 18px;
-
margin-top: 10px;
-
margin-bottom: 10px;
-
margin-left: 30px;
-
-
}
-
div.normal-text ul{
-
padding: 0px;
-
list-style-position: inset;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 13px;
-
color: #666666;
-
line-height: 18px;
-
margin-top: 10px;
-
margin-bottom: 10px;
-
margin-left: 26px;
-
-
}
-
div.normal-text blockquote{
-
margin: 0px 0px 10px 10px;
-
padding: 5px;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 13px;
-
line-height: 18px;
-
}
-
div.normal-text a, p.permalink a, div.quote p a, #sidebar p a, div.photo p a, div.link p a,div.video p a, div.chat p a, div.audio p a, div#footer div.row p a, div.photo blockquote a, div.link blockquote a, div.video blockquote a, div.audio blockquote a{
-
color: #FF3366;
-
text-decoration: none;
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #FFFFFF;
-
}
-
div.normal-text a:hover, p.permalink a:hover, div.quote p a:hover, #sidebar p a:hover, #sidebar li a:hover, div.photo p a:hover, div.link a:hover, #index-navigation a:hover, div.video a:hover, div.chat a:hover, div.audio a:hover, div#footer div.row p a:hover, div.photo blockquote a:hover, div.link blockquote a:hover, div.video blockquote a:hover, div.audio blockquote a:hover{
-
color: #FF3366;
-
text-decoration: none;
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #000000;
-
}
-
-
div.quote span span{
-
color: #999999;
-
font-style: normal;
-
text-align: center;
-
-
}
-
div.quote span.short{
-
font-size: 13px;
-
color: #5B5B5B;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
margin-bottom: 5px;
-
padding: 10px 10px 30px;
-
display: block;
-
margin-top: 20px;
-
background-color: #F4F4F4;
-
background-image: url(http://lab.sid05.com/MYTumblr/tinat/quotebottom.png);
-
background-repeat: no-repeat;
-
background-position: left bottom;
-
font-weight: bold;
-
line-height: 15px;
-
}
-
div.photo img {
-
margin-bottom: 15px;
-
display: block;
-
margin-top: 20px;
-
-
}
-
div.photo a img {
-
padding: 1px;
-
border: 1px solid #ccc;
-
}
-
div.photo a img:hover {
-
padding: 1px;
-
border: 1px solid #ff6633;
-
}
-
div.photo blockquote{
-
margin: 0px 0px 10px 10px;
-
padding: 0px;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 13px;
-
line-height: 18px;
-
}
-
div.link h2 {
-
margin-bottom: 15px;
-
font-size: 24px;
-
font-family: Geneva, Arial, Helvetica, sans-serif;
-
font-weight: normal;
-
color: #333;
-
}
-
div.link h2 a{
-
color: #FF3366;
-
text-decoration: none;
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #FFF;
-
}
-
div.link blockquote, div.video blockquote, div.audio blockquote {
-
margin: 0px 0px 10px 10px;
-
padding: 0px;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 13px;
-
line-height: 18px;
-
}
-
div.chat h2{
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 18px;
-
font-weight: bold;
-
color: #333333;
-
font-weight: normal;
-
margin-bottom: 5px;
-
-
}
-
div.chat ul{
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 13px;
-
color: #666666;
-
margin: 10px 5px;
-
padding: 0px;
-
list-style-type: none;
-
background-color: #F4F4F4;
-
-
}
-
div.chat ul li{
-
padding: 5px;
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #FFFFFF;
-
margin: 0px;
-
}
-
div.audio div.playeraudio {
-
margin-top: 20px;
-
margin-bottom: 10px;
-
-
}
-
div.video div.playervideo {
-
margin-top: 20px;
-
margin-bottom: 10px;
-
-
}
-
p.permalink {
-
padding: 8px 71px 0px 0px;
-
margin-top: -5px;
-
margin-right: 10px;
-
margin-bottom: 30px;
-
margin-left: 0px;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 13px;
-
font-weight: normal;
-
display: block;
-
background-image: url(http://lab.sid05.com/MYTumblr/tinat/line.png);
-
background-repeat: no-repeat;
-
background-position: right top;
-
text-align: right;
-
color: #333333;
-
border-left-width: 10px;
-
border-left-style: solid;
-
border-left-color: #FFFFFF;
-
}
-
div#index-navigation {
-
background-color: #F3F3F3;
-
padding: 8px;
-
margin-top: 50px;
-
margin-bottom: 30px;
-
text-align: right;
-
border-top-width: 1px;
-
border-bottom-width: 1px;
-
border-top-style: solid;
-
border-bottom-style: solid;
-
border-top-color: #CCCCCC;
-
border-bottom-color: #CCCCCC;
-
}
-
div#index-navigation span{
-
margin-left: 2px;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
font-size: 14px;
-
margin-right: 2px;
-
-
}
-
div#index-navigation span a{
-
font-weight: bold;
-
text-decoration: none;
-
color: #333333;
-
-
}
-
div#footer {
-
padding: 20px 0px 10px;
-
display: block;
-
border-top-width: 1px;
-
border-top-style: solid;
-
border-top-color: #000000;
-
clear: left;
-
}
-
div#footer div.row{
-
float: left;
-
width: 248px;
-
margin-right: 4px;
-
margin-left: 4px;
-
text-align: left;
-
margin-top: 5px;
-
}
-
div#footer div.row ul{
-
text-align: left;
-
margin: 0px;
-
padding: 0px;
-
list-style-type: none;
-
}
-
div#footer div.row li a{
-
font-size: 24px;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
color: #000000;
-
text-decoration: none;
-
display: block;
-
padding: 2px 5px;
-
margin: 0px;
-
line-height: 32px;
-
}
-
div#footer div.row li a:hover{
-
color: #FFFFFF;
-
background-color: #000000;
-
}
-
div#footer div.row p{
-
margin: 10px 7px 5px;
-
padding: 0px;
-
font-family: Verdana, Arial, Helvetica, sans-serif;
-
font-size: 11px;
-
color: #333333;
-
line-height: 16px;
-
-
}
-
div.row a img{
-
padding: 1px;
-
border: 1px solid #CCCCCC;
-
margin-right: 1px;
-
margin-bottom: 1px;
-
}
-
div.row a img:hover{
-
border: 1px solid #FF3366;
-
-
}
-
div.breack{
-
display: block;
-
clear: both;
-
-
}
-
div#credits{
-
background-color: #000000;
-
clear: both;
-
padding: 16px 16px;
-
margin-top: 10px;
-
margin-bottom: 0px;
-
display: block;
-
font-family: Georgia, "Times New Roman", Times, serif;
-
margin-right: 0px;
-
margin-left: 0px;
-
color: #999999;
-
}
-
div#credits span{
-
padding-right: 60px;
-
padding-left: 60px;
-
font-size: 12px;
-
-
}
-
div#credits span a{
-
color: #FF3366;
-
text-decoration: none;
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #000000;
-
-
}
-
div#credits span a:hover, #navbar p a:hover{
-
color: #FFFFFF;
-
text-decoration: none;
-
border-bottom-width: 1px;
-
border-bottom-style: solid;
-
border-bottom-color: #FF3366;
-
-
}
-
-
{CustomCSS}
-
</style>
-
-
-
</head>
-
<body>
-
<div id="container">
-
-
<div id="navbar">
-
<p><a href="/mobile/">Mobile</a> | <a href="/archive/">Archive</a> | <a href="/rss/">RSS</a> </p>
-
</div>
-
-
<h1 class="header"><a href="/"><img src="{PortraitURL-64}" width="52" height="52" border="0"/> {Title}</a></h1>
-
-
<!-- Left sidebar -->
-
<div id="sidebar">
-
-
<h3>About me</h3>
-
<p>{Description}</p>
-
-
<h3>Link section</h3>
-
<ul>
-
<li><a href="<a href="http://flickr.com/photos/30916364@N07/">Flickr</a></a></li>
-
<li><a href="#">link 2</a></li>
-
</ul>
-
-
-
{block:Following}
-
<h3>Follow this</h3>
-
<div class="following">
-
{block:Followed}
-
<a href="{FollowedURL}"><img src="{FollowedPortraitURL-24}" alt="{FollowedURL}"/></a>
-
{/block:Followed}
-
</div>
-
{/block:Following}
-
-
</div>
-
-
<!-- Content -->
-
<div id="content">
-
-
<!-- Post -->
-
-
{block:Posts}
-
-
{block:NewDayDate}
-
<h4>{MonthNumberWithZero}/{DayOfMonthWithZero}/{Year}</h4>
-
{/block:NewDayDate}
-
-
-
{block:Regular}
-
<div class="normal-text">
-
{block:Title}<h2>{Title}</h2>{/block:Title}
-
{Body}
-
</div>
-
{block:NewDayDate}
-
<p class="permalink">Text posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:NewDayDate}
-
{block:SameDayDate}
-
<p class="permalink">Text posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:SameDayDate}
-
{/block:Regular}
-
-
{block:Photo}
-
<div class="photo">
-
{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
-
{block:Caption}
-
<p>{Caption}</p>
-
{/block:Caption}
-
</div>
-
{block:NewDayDate}
-
<p class="permalink">Photo posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:NewDayDate}
-
{block:SameDayDate}
-
<p class="permalink">Photo posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:SameDayDate}
-
{/block:Photo}
-
-
{block:Quote}
-
<div class="quote">
-
<span class="short">
-
<span>“ </span>{Quote}<span> „</span>
-
</span>
-
{block:Source}<p>{Source}</p>{/block:Source}
-
</div>
-
{block:NewDayDate}
-
<p class="permalink">Quote posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:NewDayDate}
-
{block:SameDayDate}
-
<p class="permalink">Quote posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:SameDayDate}
-
{/block:Quote}
-
-
{block:Link}
-
<div class="link">
-
<h2>» <a href="{URL}" class="link" {Target}>{Name}</a></h2>
-
{block:Description}
-
<p>{Description}</p>
-
{/block:Description}
-
</div>
-
{block:NewDayDate}
-
<p class="permalink">Link posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:NewDayDate}
-
{block:SameDayDate}
-
<p class="permalink">Link posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:SameDayDate}
-
{/block:Link}
-
-
{block:Conversation}
-
<div class="chat">
-
{block:Title}<h2>{Title}</h2>{/block:Title}
-
<ul>
-
{block:Lines}
-
<li>
-
{block:Label}<span class="label">{Label}</span>{/block:Label}
-
{Line}
-
</li>
-
{/block:Lines}
-
</ul>
-
</div>
-
{block:NewDayDate}
-
<p class="permalink">Conversation posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}</a></p>
-
{/block:NewDayDate}
-
{block:SameDayDate}
-
<p class="permalink">Conversation posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}</a></p>
-
{/block:SameDayDate}
-
{/block:Conversation}
-
-
{block:Audio}
-
<div class="audio">
-
<div class="playeraudio">{AudioPlayerWhite}</div>
-
{block:Caption}
-
<p>{Caption}</p>
-
{/block:Caption}
-
</div>
-
{block:NewDayDate}
-
<p class="permalink">Audio posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:NewDayDate}
-
{block:SameDayDate}
-
<p class="permalink">Audio posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:SameDayDate}
-
{/block:Audio}
-
-
{block:Video}
-
<div class="video">
-
<div class="playervideo">{Video-500}</div>
-
{block:Caption}
-
<p>{Caption}</p>
-
{/block:Caption}
-
</div>
-
{block:NewDayDate}
-
<p class="permalink">Video posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:NewDayDate}
-
{block:SameDayDate}
-
<p class="permalink">Video posted at <a href="{Permalink}">{12Hour}:{Minutes}{ampm}
-
</a></p>
-
{/block:SameDayDate}
-
{/block:Video}
-
-
{/block:Posts}
-
-
{block:IndexPage}
-
<div id="index-navigation">
-
{block:PreviousPage}
-
<span><a href="{PreviousPage}">« previous</a> | </span>
-
{/block:PreviousPage}
-
<span>page {CurrentPage} of {TotalPages}</span>
-
{block:NextPage}
-
<span> | <a href="{NextPage}">next »</a></span>
-
{/block:NextPage}
-
</div>
-
{/block:IndexPage}
-
-
</div>
-
-
-
<!-- Footer -->
-
-
-
</div>
-
-
<!-- Credits are good, don't remove -->
-
<div id="credits">
-
<span><a href="http://www.tumblr.com">Tumblr</a> » powered</span>
-
<span><a href="http://www.sid05.com">Sid05</a> » designed</span>
-
</div>
-
-
</body>
-
</html>
-
-
-
-
-
<script type="text/javascript">
-
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
-
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
-
</script>
-
<script type="text/javascript">
-
var pageTracker = _gat._getTracker("UA-5792737-1");
-
pageTracker._trackPageview();
-
</script>
-
</body>
-
</html>
| |
Share:
Expert 4TB |
The line right before font-family is list-style-position where you set its value as 'inset' but there is no such thing. Perhaps you meant "inside"?
Not that I think that's the solution but I'm not my dev computer to check it.
| | Expert 256MB |
Ditch the mousetype, the pixel line-height that trips all versions of IE and Opera, make it readable for children of all ages, and scalable in the world's most popular browser-- Internet Explorer.
Left to their own devices, the browsers are far better at typography than both of us put together...
1/ delete each and every reference to font-family, font-size, and line-height throughout the entire style sheet.
2/ add this to the body declaration: -
body {
-
font: 100%/1.4 Georgia, Times, 'Times New Roman', serif;
-
}
-
| | Post your reply Sign in to post your reply or Sign up for a free account.
Similar topics
4 posts
views
Thread by dont bother |
last post: by
|
2 posts
views
Thread by Steve Holden |
last post: by
|
reply
views
Thread by 2G |
last post: by
|
1 post
views
Thread by Jesper |
last post: by
|
1 post
views
Thread by kfc1976 |
last post: by
|
2 posts
views
Thread by Sonnich |
last post: by
|
3 posts
views
Thread by Bob Bedford |
last post: by
| | | | | | | | | | | | |