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

Theme #4

By: mysticwood on Jul 31st, 2012  |  syntax: None  |  size: 9.87 KB  |  hits: 3,784  |  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. <!--Theme by itroian.tumblr.com / don't remove my credit sluts-->
  2.  
  3. <html lang="en">
  4.  
  5. <head>
  6. <head>
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}"/>
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  11.  
  12.  
  13. <meta name="color:background" content="#fffbf3"/>
  14. <meta name="color:border" content="#f7e3d9"/>
  15. <meta name="color:link" content="#b39c8f"/>
  16. <meta name="color:post background" content="#fffbf3"/>
  17. <meta name="color:header" content="#c0b0a0"/>
  18. <meta name="image:sidebar" content="/"/>
  19. <meta name="color:text" content="#c5af96"/>
  20. <meta name="color:description" content="#c0b0a0"/>
  21. <meta name="color:info border" content="#f7e3d9"/>
  22. <meta name="color:quotation" content="#eea5a5"/>
  23. <meta name="font:text" content"Arial"/>
  24. <meta name="font:description" content="Arial"/>
  25. <meta name="text:Link URL" content="/"/>
  26. <meta name="text:Link name" content=""/>
  27. <meta name="if:Link" content="1"/>
  28. <meta name="text:Link 1 URL" content="/"/>
  29. <meta name="text:Link 1 name" content=""/>
  30. <meta name="if:Tags" content="1"/>
  31. <meta name="if:Link 1" content="1"/>
  32. <meta name="text:Link 2 URL" content="/"/>
  33. <meta name="text:Link 2 name" content=""/>
  34. <meta name="if:Link 2" content="1"/>
  35. <meta name="image:background" content="/"/>
  36. <meta name="color:scrollbar" content="#f7e3d9"/>
  37.  
  38. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  39. <link href='http://fonts.googleapis.com/css?family=Courgette' rel='stylesheet' type='text/css'>
  40. <link href='http://fonts.googleapis.com/css?family=Alex+Brush' rel='stylesheet' type='text/css'>
  41.  
  42. <style type="text/css">
  43.  
  44. ::-webkit-scrollbar {width: 10px; height: 4px; background: transparent; }
  45.  
  46. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; }
  47.  
  48. body{
  49. color:{color:text};
  50. font-family:{font:text};
  51. font-size:9px;
  52. background-color:{color:background};
  53. text-wrap: normal;
  54. word-wrap: break-word;
  55. margin:10px 10px;
  56. text-align:left;
  57. height: 100%;
  58. background-image:url('{image:background}');
  59. background-attachment: fixed;
  60. background-repeat: repeat;
  61. background-position: left top;
  62. }
  63.  
  64. a, a:active, a:visited{
  65.  text-decoration: none;
  66.  color: {color:link};
  67.  -webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  68. }
  69.  
  70. a:hover{
  71. opacity:0.3;filter:alpha(opacity=30);
  72. }
  73.  
  74. img {
  75. border:0px;
  76. max-width: 500px;
  77. height: auto;
  78. }
  79.  
  80. img:hover {
  81. border:0px;
  82. }
  83.  
  84. a.img, a.img:visited {
  85. border:0px;
  86. }
  87.  
  88. a.img:hover {
  89. border:0px;
  90. }
  91.  
  92.  
  93. #wrapper {
  94.     width: 1500px;
  95.     margin-left: auto;
  96.     margin-right: auto;
  97. }
  98.  
  99. #cent{
  100. width:510px;
  101. margin-left:450px;
  102. position:absolute;
  103. padding:5px;
  104. }
  105.  
  106. #post{
  107. padding:15px;
  108. background-color:{color:post background};
  109. width:500px;
  110. float:left;
  111. margin:9px;
  112. }
  113.  
  114. #description{
  115. color:{color:description};
  116. position:fixed;padding:5px;
  117. background-color:transparent;
  118. width:150px;
  119. font-family:{font:description};
  120. font-size:10px;padding-top:10px;padding-left:33px;}
  121.  
  122. #sidebar{
  123. background-color:transparent;
  124. width:200px;
  125. margin-top:170px;
  126. margin-left:230px;
  127. position:fixed;
  128. }
  129.  
  130. .sidebar img{
  131.     border: 5px solid {color:border};
  132.     max-width:190px;
  133. }
  134.  
  135. blockquote {border-left:2px {color:text} solid;padding:0px; padding-left:5px;  margin:5px;}
  136. p{margin-top:5px; margin-bottom:5px}
  137.  
  138. h3{
  139.  font-size:27px;
  140.  font-family:{font:text};
  141.  margin:0px;
  142.  font-weight:normal;
  143.  font-style:italic;
  144. }
  145.  
  146. .quote{
  147.  font-size: 11px;
  148.  font-style:italic;
  149. }
  150.  
  151. .source{
  152.  text-align: right;
  153. }  
  154. #cab{ font-size:15px; letter-spacing:2px; margin: 3px 3px 3px 3px; font-family:{font:text}; font-style:italic; font-weight:lighter;}.quote{ font-size: 18px; font-style: italic;font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif ;}
  155.  
  156.  
  157. ul.chat {
  158.  margin: 0 0 0 0;
  159.  padding: 0 0 0 0;
  160. }
  161. .chat li {
  162.  list-style-type: none;
  163.  margin-left: 0px;
  164.  padding: 3px;
  165. }
  166. .chat li.odd {
  167.  background-color: transparent;
  168. }
  169. .chat li.even {
  170.  background-color: transparent;
  171. }
  172. .label {
  173. font-weight: bold;
  174. }
  175.  
  176. .info {
  177.  font-size:8px;
  178.  background-color:transparent;
  179.  padding: 2px 3px 2px 3px;
  180.  border-top: 1px solid {color:info border};
  181.  margin-top:3px;
  182.  margin-bottom: 0px;
  183.  text-align: left;
  184.  text-transform:uppercase;
  185.  font-family:Arial;
  186. }
  187.  
  188. .tag {
  189.  font-weight: normal;
  190.  margin-right: 2px;
  191.  font-size:7px;
  192. }
  193.  
  194.  
  195. h3{
  196.  font-size:18px;
  197.  margin:0px;
  198.  font-weight:normal;
  199.  font-style:italic;font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;}
  200.  
  201. .yoyoyo{bottom:5px;right:5px;position:fixed;font-style:italic;}
  202.  ol.notes {
  203.                 padding: 20px;
  204.                 margin: 0px 0px;
  205.                 list-style-type: none;
  206.             }
  207.  
  208.             ol.notes li.note {
  209.                 padding: 0px;
  210.             }
  211.  
  212.             ol.notes li.note img.avatar {
  213.                 vertical-align: -4px;
  214.                 text-align: center;
  215.                 width: 10px;
  216.                 height: 10px;
  217.             }
  218.  
  219.             ol.notes li.note span.action {
  220.                 font-weight: normal;
  221.             }
  222.  
  223.             ol.notes li.note .answer_content {
  224.                 font-weight: normal;
  225.             }
  226.  
  227.             ol.notes li.note blockquote {
  228.                 border-color: {color:link};
  229.                 padding: 0px 0px 0px 3px;
  230.                 margin: 0px 0px 0px 10px;
  231.             }
  232.  
  233.             ol.notes li.note blockquote a {
  234.                 text-decoration: none;
  235.             }
  236.  
  237. #header{font-family: 'Courgette', cursive;font-size:15px;color:{color:header};}#pl{background-color:#e4e4e4; padding:5px;text-transform:lowercase;}
  238.  
  239. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  240. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  241. .albumart img{ float: left;margin-right: 20px; max-width: 50px; background-color: #e4e4e4; padding:5px;}.w{font-size:40px;font-family:Georgia;position:fixed;color:{color:quotation};margin-top:-10px;margin-left:-20px;}#linker{background-color:{color:border};padding:5px;font-size:8px;text-transform:uppercase;border:dotted 1px {color:background};}
  242. {CustomCSS]</style>
  243.  
  244. </head>
  245. <body>
  246.  
  247. <div id="sidebar">
  248. <div id="header"><center><div style="text-transform:lowercase">{Title}</div></div></center>
  249. <div id="linker">
  250. <center>{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage} <a href="/">home</a> <a href="/ask">ask</a>{block:iflink} <a href="{text:Link URL}">{text:Link name}</a>{/block:iflink} {block:iflink1}<a href="{text:Link 1 URL}">{text:Link 1 name}</a>{/block:iflink1}{block:iflink2} <a href="{text:Link 2 URL}">{text:Link 2 name}</a>{/block:iflink2} {block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</center></div>
  251. <div class="sidebar img">
  252. <br><center><img src="{image:Sidebar}"></center></div>
  253. <div id="description">
  254. {block:Description}<div class="w">“</div>{Description}{/block:Description}
  255. </div>
  256.   </div><div class="yoyoyo"><a href="http://itroian.tumblr.com/tagged/theme">theme</a></div>
  257.  
  258. </div>
  259.  
  260. <div id="cent">
  261.  
  262. {block:Posts}
  263. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  264. {block:ContentSource}
  265. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  266. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  267. {/block:SourceLogo}
  268. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  269. {/block:ContentSource}
  270.  
  271.  
  272. <div id="post">
  273.  
  274. {block:Title}
  275. <h3><a href="{Permalink}">{Title}</a></h3>
  276. {block:Caption}{Caption}{/block:Caption}
  277. {/block:Title}
  278.  
  279. {block:Text}
  280. {Body}
  281. {block:Caption}{Caption}{/block:Caption}
  282. {/block:Text}
  283.  
  284. {block:Photo}
  285. <img src="{PhotoURL-500}" width="500"/>
  286. {block:Caption}{Caption}{/block:Caption}
  287. {/block:Photo}
  288.  
  289. {block:Photoset}
  290. {Photoset-500}
  291. {block:Caption}{Caption}{/block:Caption}
  292. {/block:Photoset}
  293.  
  294.  
  295. {block:Quote}
  296. <div class="quote">"{Quote}"</div>
  297. <div align="right">
  298. {block:Source}-{Source}{/block:Source}
  299. {block:Caption}{Caption}{/block:Caption}
  300. </div>
  301. {/block:Quote}
  302.  
  303.  
  304. {block:Video}
  305. {Video-500}<br>
  306. {PlayCountWithLabel}
  307. {block:Caption}{Caption}{/block:Caption}
  308. {/block:Video}
  309.  
  310.  
  311. {block:Link}
  312. <div id="cab"><a href="{URL}" class="link" {Target}>{Name} »</a></div>
  313. {block:Description}{Description}{/block:Description}
  314. {block:Caption}{caption}{/block:Caption}
  315. {/block:Link}
  316.  
  317. {block:Chat}
  318. {block:Lines}
  319. {block:Label}
  320. <br>{Label}
  321. {/block:Label}
  322. &nbsp;{Line}
  323. {/block:Lines}
  324. {/block:Chat}
  325.  
  326. {block:Audio}<div class="albumart img">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><div id="pl">{AudioPlayerGrey}</div><br>{block:Artist}{Artist}{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}{/block:Audio}
  327.  
  328.  
  329. {block:Answer}
  330. <div align="left">
  331. <b>{Asker}</b> asked : {Question}</div>
  332. {Answer}
  333. {/block:Answer}
  334.  
  335.  
  336. <div style="text-transform:lowercase;font-size:9px;font-color:{color:text}">
  337. <div class="info">
  338. {block:NotReblog}Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{/block:NotReblog} {block:RebloggedFrom}{block:Date}reblogged <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{/block:RebloggedFrom} <div align="right"><div style="margin-top:-10px">+{block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount} {block:RebloggedFrom}<a href="{ReblogParentURL}">via {ReblogRootName}</a> {/block:RebloggedFrom}</div></div>{block:ifTags}<div class="tag">{block:Tags}<a href="/tagged/{Tag}">#{Tag} &nbsp;</a>{/block:Tags}</div>{/block:ifTags}
  339. </div>
  340. </div></div><br>
  341. {/block:Posts}<br>
  342.  
  343.  
  344. {block:PostNotes}
  345. {PostNotes}
  346.     {/block:PostNotes}
  347.  
  348. </div>
  349. </body>
  350. </html>