Don't like ads? PRO users don't see any ads ;-)
Guest

theme 3

By: lovablesin on Nov 18th, 2011  |  syntax: None  |  size: 10.71 KB  |  hits: 1,772  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <!---------------------THEME 3 BY the-chosen/lovablesinss LOVABLESINSS.TUMBLR--------------------->
  7.  
  8. <head>
  9. <!-- DEFAULT VARIABLES -->
  10.  
  11. <meta name="color:background" content="#dfe1df" />
  12. <meta name="color:text" content="#666666" />
  13.  
  14. <meta name="color:link" content="#86901b" />
  15. <meta name="color:link hover" content="#c2d3c2" />
  16. <meta name="color:title" content="#666666" />
  17.  
  18.  
  19. <meta name="color:entry" content="#ECEBEB" />
  20.  
  21. <meta name="color:navbackground" content="#f0f0f0" />
  22. <meta name="color:navlink" content="#8B8B87" />
  23. <meta name="color:sidebar" content="#ECEBEB" />
  24. <meta name="color:sidebartext" content="#666666" />
  25. <meta name="color:border" content="#548669" />
  26.  
  27. <meta name="color:h1" content="#666666" />
  28. <meta name="color:bold" content="#0a2a1e" />
  29.  
  30.  
  31. <meta name="image:sidebar" content=""/>
  32.  
  33. <meta name="image:background" content=""/>
  34. <meta name="if:Show sidebar image" content="1"/>
  35. <meta name="if:Show tags" content="1"/>
  36.  
  37.  
  38. <meta name="text:Link1" content="" />
  39. <meta name="text:Link1 Title" content="" />
  40. <meta name="text:Link2" content="" />
  41. <meta name="text:Link2 Title" content="" />
  42. <meta name="text:Link3" content="" />
  43. <meta name="text:Link3 Title" content="" />
  44. <meta name="text:Link4" content="" />
  45. <meta name="text:Link4 Title" content="" />
  46. <meta name="text:Link5" content="" />
  47. <meta name="text:Link5 Title" content="" />
  48.  
  49.        <title>{Title}</title>
  50.         <link rel="shortcut icon" href="{Favicon}">
  51.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  52.         {block:Description}
  53.             <meta name="description" content="{MetaDescription}" />
  54.         {/block:Description}
  55.  
  56.  
  57.  
  58.    
  59.     <style type="text/css">
  60.  
  61. body {text-align:justify; color:{color:text}; font-size: 11px; font-family: arial;
  62. background-color:{color:background}; background-image:url('{image:background}'); background-attachment: fixed; background-repeat: no-repeat; background-position: left bottom; }
  63.  
  64. a, a:link, a:active, a:visited {color:{color:link};text-transform: normal; text-decoration: none}
  65. a:hover {color:{color:link hover}; padding: 1px 0 1px 0; text-decoration: none}
  66. img a{border:0px;}
  67. img a:hover{border:0px;}
  68. b{font-weight: bold; color:{color:bold}}
  69. i{text-transform: italic; color:{color:text}}
  70. p{margin:5px 0 2px 0}
  71. blockquote{margin:2px 5px 2px 5px; padding: 1px 0 3px 6px; border-left: 2px solid {color:background}}
  72. #tumblr_controls{position: fixed!important}
  73.  
  74.  
  75. /*SIDEBAR*/
  76. #contain {position:fixed; left:90px; top:30px; text-align:justify; padding-left:0px; padding-right: 0px; padding-top:10px; padding-bottom:10px; width:380px; float:right; overflow:show; height:auto;}
  77.  
  78. .title { text-align:center; display:block; font-size:15px; line-height:19px; font-style:normal; letter-spacing:2px; font-family:georgia; text-transform:lowercase; padding-bottom:5px;}
  79.  
  80. #navigation {left:0px; width:100px; bottom:214px;}
  81. .nav a{ display:block; background-color:{color:navbackground}; margin: 2px 0 2px 0; font-size: 10px; font-family: georgia; text-transform: lowercase; color:{color:navlink}; text-decoration: none; text-align: right; padding: 0px; letter-spacing: 2px; border-right: 4px solid {color:border}}
  82.  
  83. #sidebar2 {top:215px;  left:220px; padding:0px; float:left; width:250px; position:fixed; font:10px georgia; }
  84. .side-image img{max-width: 250px; margin: auto; margin-bottom: 2px;}
  85.  
  86.  
  87.  
  88. #pagination {font-family:georgia; text-align:center; font-size:15px}
  89. #pagination a {text-decoration: none; color:#6B5D70;}
  90.  
  91.  
  92.  
  93.  
  94. /* POSTS */
  95. #container {background-color: transparent; width: 500px; top: 40px; left: 520px; margin-bottom: 0px; margin-right: 0px; position: absolute;font-size:11px; }
  96.  
  97.  
  98. #entry {width: 500px;  font-family: {font:Body};  background-color:{color:entry}; padding: 10px; }
  99. #entries {width: 500px; }
  100.  
  101. .date {display:block; background-color:{color:navbackground}; margin: 2px 0 2px 0; font-size: 10px; text-transform: lowercase; color:{color:navlink}; text-decoration: none; text-align: right; letter-spacing: 2px; border-right: 4px solid {color:border}; width: 515px;}
  102.  
  103. #spacer{clear: both; height: 10px;  background-color: transparent; margin-top:5px; margin-bottom:10px;}
  104.  
  105.  
  106. #notecount {width: 150px; font:9.5px; color:{color:link}; left: 540px; position:absolute;}
  107.  
  108. .group2 {margin-left: 20px; font-size: 9.5px; padding-top: 5px;}
  109.  
  110. .tags {margin-left: 20px; font-size: 9.5px; color: {color:tags}; overflow: hidden}
  111. .tags a{color: {color:tags}; display: inline; list-style: none; text-transform: lowercase}
  112. .tags a:hover{color: {color:tags};  display: inline; list-style: none;text-transform: lowercase;}
  113.  
  114. .image{text-align: center; margin: 0 0 5px 0}
  115. .image img{border: 0px}
  116.  
  117. .source{display:none}
  118.  
  119.  
  120. .quote-marks{font-family: trebuchet ms; font-size: 80px; font-weight: bold;  line-height: 50px; color: {color:linkbackground};}
  121. .quote-quote{font-size: 20px;  letter-spacing: 1px; line-height: 20px; margin-top: -50px; text-indent: 45px; }
  122. .quote-source{margin: 5px 15px 0 0; text-align: right}
  123.  
  124. .chat{line-height: 12px; list-style: none }
  125. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  126. .person1 {color: {color:text} }
  127. .person1 .label {font-weight: bold; padding: 0px; margin: 0 0 5px 0; color: {color:text}}
  128. .person2 {color: {color:text}}
  129. .person2 .label { font-weight: bold; padding: 0px; margin: 0 0 5px 0; color: {color:text}}
  130.  
  131. .iaudio{text-align: center; margin: 0 0 5px 0; width: 100%; background-color: {color:background}}
  132. .iaudio img{max-width: 200px; height: auto; padding: 20px 0 20px 0}
  133. .plcount {font-style: italic}
  134.  
  135. .asker {font-size: 15px; width: 50%;  color:{color:link}; text-transform: normal; line-height: 15px;}
  136. .asker a,a:hover{color:{color:link};}
  137. .asker img{margin: 3px 0 -3px 3px}
  138. .question {padding: 5px; background-color: {color:background};}
  139. .answer {padding: 5px 0 0 0}
  140. #captions {padding: 2px 0 0 0; width: 500px; margin: 0 0 0 5px}
  141.  
  142.  
  143.  
  144.  
  145. #notes {margin-left: 10px; font-size: 9.5px;}
  146. ol.notes {list-style: none; margin: 0 30px 0 10px; padding: 0px}
  147. ol.notes li {margin: 0 30px 0 10px; padding: 2px;}
  148. #notes img{border:0px}
  149.  
  150. </style>
  151. </head>
  152. <body>
  153.  
  154. <!--SIDEBAR--->
  155. <div id="contain">
  156. <a href="/"><div class="title">{Title}</div></a>
  157.  
  158. <div class="side-image">{block:IfShowSidebarImage} {block:IfSidebarImage}<img src="{image:sidebar}" align="right">{/block:IfSidebarImage}{/block:IfShowSidebarImage}</div>
  159.  
  160. <div id="navigation">
  161.                 <div class="nav">
  162.         {block:AskEnabled}<a href="/ask">ask me</a>{/block:AskEnabled}
  163.         {block:SubmissionsEnabled}<a href="/submit">submit</a>{/block:SubmissionsEnabled}
  164.         <a href="/archive">archives</a>
  165.         <a href="http://lovablesinss.tumblr.com/">theme</a>
  166. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  167. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  168. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  169. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  170.                 </div>
  171. <br>
  172.  
  173.  
  174.  
  175. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a> &nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}</div>
  176.  
  177. <div id="sidebar2">{block:Description}{Description}{/block:Description}</div>
  178. </div></div>
  179.  
  180. <!--END SIDEBAR---><!--START CONTENT---><div id="container">
  181.  
  182. <div id="entries">
  183. {block:Posts}
  184. {block:Date}<div class="date">{Month} {DayOfMonthWithZero}, {Year} &nbsp;<strong>&rarr;</strong> &nbsp;{12Hour}:{Minutes}{AmPm} &nbsp;<strong>&rarr;</strong> &nbsp;{/block:Date}{block:Date}<a href="{Permalink}" title="{DayOfMonth} {Month} {Year} @ {12Hour}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:Date}</div>
  185.  
  186.  
  187. <div id="entry">
  188.  
  189. <div id="notecount">{block:NoteCount}<a href="{Permalink}" title="permalink to this post">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  190. {block:HighRes}&nbsp;&nbsp;&nbsp;&nbsp;<a href="{PhotoURL-HighRes}">hi-res</a>{/block:HighRes}</div>
  191.  
  192. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}
  193. {Body}
  194. {/block:Text}
  195.  
  196. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}<div id="captions">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  197.  
  198.  
  199. {block:Photoset}{Photoset-500}<div id="captions">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  200.  
  201. {block:Quote}
  202. <b class="quote-marks">“</b>&nbsp;<div class="quote-quote">{Quote}</div>
  203. {block:Source}<div class="quote-source">~ {Source}</div>{/block:Source}
  204. {/block:Quote}
  205.  
  206. {block:Link}
  207. <h1><center><a href="{URL}" {Target}>{Name}</a></center></h1>
  208. {block:Description}{Description}{/block:Description}
  209. {/block:Link}
  210.  
  211.  
  212.  
  213. {block:Chat}
  214. <ul class="chat">{block:Lines}
  215. <li class="person{UserNumber}">{block:Label}
  216. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul>
  217. {/block:Chat}
  218.  
  219. {block:Audio}
  220. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  221. {AudioPlayerWhite}
  222. <div class="plcount">{PlayCountWithLabel}</div>
  223. <div class="captions">{block:Caption}{Caption}{/block:Caption}</div>
  224. {/block:Audio}
  225.  
  226. {block:Video}{Video-500}<div id="captions">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  227.  
  228. {block:Answer}
  229. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  230. <div class="question">{Question}</div>
  231. <div class="answer">{Answer}</div>
  232. {/block:Answer}
  233.  
  234.  
  235.  
  236. <div class="source">{block:ContentSource}    <a href="{SourceURL}">        {lang:Source}:        {block:SourceLogo}            <img src="{BlackLogoURL}" width="{LogoWidth}"            height="{LogoHeight}" alt="{SourceTitle}" />        {/block:SourceLogo}        {block:NoSourceLogo}            {SourceTitle}        {/block:NoSourceLogo}    </a>{/block:ContentSource}</div>
  237. <div style="display:none">{block:RebloggedFrom}(via ;<a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a>){/block:RebloggedFrom}</div>
  238.  
  239. </div>
  240.  
  241.  
  242. <div class="group2">{block:RebloggedFrom}reblogged from &nbsp;<strong>&rarr;</strong> &nbsp;<a href="{ReblogParentURL}"
  243. title="{ReblogParentTitle}">{ReblogParentName}</a>
  244. &nbsp;&nbsp;(originally &nbsp;<strong>&rarr;</strong> &nbsp;<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}</div>
  245.  
  246. {block:IfShowTags}<div class="tags">{block:HasTags}{block:Tags}# <a href="/tagged/{Tag}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>{/block:IfShowTags}
  247.  
  248. <div id="spacer"></div>
  249.  {/block:Posts}
  250. </div>
  251.  
  252. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  253. <!--END CONTENT--->
  254. </div>
  255.  
  256. </body>
  257. </html>