Advertisement
fluroicecream

Theme 2 - nothingbuttherain

Jul 26th, 2011
7,939
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.95 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5.  
  6. Theme 2
  7. By themesbynothingbuttherain.
  8. http://themesbynothingbuttherain.tumblr.com
  9.  
  10. Get them here: http://nothingbuttherainthemes.tumblr.com
  11.  
  12. fluroicecream-yesplease does not own any of these themes, all are strictly made by nothingbuttherain.
  13.  
  14.  
  15. -->
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  18.  
  19. <head> <!-- DEFAULT VARIABLES -->
  20. <meta name="color:background" content="#ffffff" />
  21. <meta name="color:entry" content="#f0f0f0" />
  22. <meta name="color:text" content="#3d3d3d" />
  23. <meta name="color:link" content="#b6b6b6" />
  24. <meta name="color:info2" content="#e5e5e5" />
  25. <meta name="color:linkhover" content="#FFCA57" />
  26. <meta name="if:Show userpic" content="1"/>
  27. <meta name="if:Show search" content="1"/>
  28. <meta name="text:Link1" content="" />
  29. <meta name="text:Link1 Title" content="" />
  30. <meta name="text:Link2" content="" />
  31. <meta name="text:Link2 Title" content="" />
  32. <meta name="text:Link3" content="" />
  33. <meta name="text:Link3 Title" content="" />
  34. <meta name="text:Link4" content="" />
  35. <meta name="text:Link4 Title" content="" />
  36.  
  37. <html>
  38. <head>
  39. <title>{Title}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45. </head>
  46.  
  47. <style type="text/css">
  48.  
  49. body {background-color:{color:background} ; color:{color:text};
  50. font-family: georgia, tahoma; font-size:11px; line-height:100%;
  51. margin-bottom:30px; margin-top: 0px; padding:0px}
  52.  
  53. #container {width: 960px; margin-left: 10px;}
  54. #sidebar {background-color: {color:background}; width: 240px; height: 100%; padding: 5px; position: fixed; border-right:0px solid {color:entry}; border-left: 0px solid {color:entry}}
  55. #entries {width: 675 px; margin-left: 260px; text-align: justify;}
  56.  
  57. a, a:link, a:active, a:hover, a:visited {color:{color:link}; text-decoration: none}
  58. a:hover {color:{color:linkhover}; text-decoration: none}
  59.  
  60. img a{border:0px;}
  61. .image{border: 0px solid {color:text}; text-align:center }
  62. .image a{border: 0px solid {color:text}}
  63. p{margin-top:2px}
  64. blockquote{margin-left:15px; border-left: 3px solid {color:link}; padding-left:5px; }
  65. .big{font-size: 80px; color:{color:link}; line-height: 80px}
  66.  
  67.  
  68. .about{background-color:{color:background};text-align:justify; padding: 5px 5px 0 5px }
  69. .about2{}
  70. .clinks a {background-color: {color:entry}; font-size: 9px; text-align: center; color: {color:text}; padding:4px 0 4px 0; display: block; margin-top: 1px; margin-bottom:3px; text-transform: uppercase; letter-spacing: 2px;}
  71. .clinks a:hover {background-color: {color:linkhover}; text-color: {color: text}}
  72. .btitle {margin-top: -25px; font-size: 38px; line-height:35px; text-align: left; z-index:1}
  73. .btitle a{color: {color:text}; text-decoration: none;}
  74. .btitle a:hover {background-color: {color: background}; color: {color:text}}
  75.  
  76.  
  77. .nav {margin-bottom: 5px; text-align:left; line-height: 80px}
  78. .nav a {text-decoration: none; background-color: {color:entry}; padding: 82px 8px 2px 8px; color: {color:text}}
  79. .nav a:hover {background-color: {color:linkhover}; color: {color: text}}
  80. .pages {margin-top: 10px; margin-bottom: 10px; text-align: center; line-height: 20px}
  81. .pages a {text-decoration: none; background-color: {color:entry} ; padding: 2px 4px 2px 4px; color: {color:text}}
  82. .pages a:hover {background-color: {color:linkhover}; color: {color: text}}
  83. h1{background-color: {color:text}; padding: 5px; color: {color:background}; font-size:11px; margin-top: 7px; text-decoration: none; font-weight: normal}
  84.  
  85. .date{font-weight: bold; font-size: 18px}
  86. .date2{margin-bottom:3px}
  87. .tags {color: {color:link}; display: list; list-style: none; font-size: 10px;}
  88. .tags a, .tags a:hover { color: {color:link}}
  89. .quote{font-size: 23px; letter-spacing: -1px; line-height: 23px; text-transform: lowercase}
  90. .pquote{font-size: 23px; letter-spacing: -1px; line-height: 23px; text-transform: lowercase; margin-top: -70px; text-indent: 45px}
  91. .source{margin-top: 5px; text-align: right}
  92.  
  93. #clear{width:600px;height:3px; clear:both; background-color: transparent}
  94.  
  95. #entry { width:660px; padding:10px; border-top: solid 0px {color:background2}; border-bottom: solid 0px {color:background2}; }
  96.  
  97. #post{float: right; min-height: 150px; width: 500px; background-color: {color:background}; padding:10px; border-left: 140px solid {color:entry} }
  98.  
  99. #info {position: absolute; height: auto;
  100. float: left; margin: 0px; width: 130px; text-align: left; color: {color:text}; padding: 0px; background-color: transparent; padding: 5px; border-bottom: dashed 0px {color:background2}; }
  101.  
  102. #notes {background-color:{color:background};width:520px; padding:10px; margin-bottom:10px }
  103. #notestext {width: 500px; background-color:{color:background};padding:0px;}
  104.  
  105. #footer {background-color:{color:text};width:520px; padding:10px;}
  106. #footertext{background-color:{color:background}; padding:10px; text-align:center;}
  107. .search {background-color: {color:entry}; border: 0px dashed {color:text}; margin: 2px; padding: 2px; width: 130px; font-family: georgia; font-size: 11px}
  108. .searchb {background-color:{color:entry}; border: 0px dashed {color:text}; margin: 2px; padding: 1px 7px 1px 7px; width: 50px; font-family: georgia; font-size: 11px}
  109. .rebl{background-color:{color:info2}; width: 120px; text-align: center; padding: 4px; margin-top: 4px; margin-bottom: 4px;}
  110. .rebl img{border: 7px solid {color:entry}}
  111.  
  112. .cap {padding-top: 5px}
  113. .sourc{display:none}
  114. .asker {font-size: 30px; padding-bottom: 3px}
  115. .q {background-color:{color:entry}; padding:5px}
  116. .a {padding-top: 5px}
  117.  
  118. .apost{min-height: 150px;}
  119. .cover {background-image: url(http://i35.tinypic.com/ampiiq.jpg); float: left; width: 150px; height: 150px; margin-right: 10px; margin-bottom: 10px}
  120. .cover img{width: 150px; height: 150px}
  121. .plcount {font-style: italic}
  122.  
  123. ol.notes {list-style: none; padding:0px}
  124. ol.notes li {background-color: {color: background}; margin: 0 px; padding: 5px;}
  125. ol.notes .avatar {border: 0px; height: 10px; padding: 0px; width: 10px;}
  126. ol.notes li .clear {height: 0px!important;}
  127. ol.notes li blockquote {border-color: #ccc!important;}
  128.  
  129. .chat{line-height: 15px; list-style: none }
  130. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  131. .person1 {background-color: {color:entry} }
  132. .label {font-weight: bold; padding: 0px; margin-left: 5px }
  133. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px }
  134. </style>
  135. <body>
  136.  
  137. <div id="container">
  138. <div id="sidebar">
  139. <div class="nav"><a href="/random">random</a> <a href="/archive">archives</a> <a href="{RSS}">rss</a> <a href="/ask">ask me</a></div>
  140. <div class="btitle"><a href="/" alt="{Title}">{Title}</a></div>
  141.  
  142. <div class="about"><div class="about2">
  143.  
  144. {block:Description}{Description} {/block:Description}
  145. <div class="clinks">{block:ifLink1}<br><a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  146. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  147. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  148. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}</div>
  149. </div>
  150.  
  151.  
  152.  
  153. <div class="pages"> {block:Pagination}
  154. {block:PreviousPage}
  155. <a href="{PreviousPage}">Previous</a>
  156. {/block:PreviousPage}
  157.  
  158. {block:JumpPagination length="5"}
  159. {block:CurrentPage}
  160. <span class="current_page">{PageNumber}</span>
  161. {/block:CurrentPage}
  162.  
  163. {block:JumpPage}
  164. <a class="jump_page" href="{URL}">{PageNumber}</a>
  165. {/block:JumpPage}
  166. {/block:JumpPagination}
  167.  
  168. {block:NextPage}
  169. <a href="{NextPage}">Next</a>
  170. {/block:NextPage}
  171. {/block:Pagination}
  172.  
  173. </div>
  174. </div>
  175. <div id="footertext">
  176. {block:IfShowSearch}<form action="/search" method="get">
  177. <input type="text" name="q" value="{SearchQuery}"/ class="search">
  178. <input type="submit" value="search"/ class="searchb">
  179. </form>{/block:IfShowSearch}
  180.  
  181. <a href="http://nothingbuttherainthemes.tumblr.com/">theme</a> by <a href="http://nothingbuttherainthemes.tumblr.com/" target="blank">nothingbuttherain</a><br>
  182. powered by <a href="http://tumblr.com" target="_blank">tumblr</a></div>
  183. </div>
  184.  
  185. </div>
  186.  
  187. <div id="entries">
  188.  
  189.  
  190. {block:Posts}
  191. <div id="entry">
  192.  
  193.  
  194.  
  195. <div id="info">
  196. {block:Date}<div class="date">{DayOfMonth} {ShortMonth} {24Hour}:{Minutes}</div>
  197. <div class="date2">{TimeAgo}</div>{/block:Date}
  198. ► <a href="{Permalink}" title="permalink to this post">
  199. {block:Text}text{/block:Text}
  200. {block:Photo}photo{/block:Photo}
  201. {block:Photoset}photoset{/block:Photoset}
  202. {block:Quote}quote{/block:Quote}
  203. {block:Link}link{/block:Link}
  204. {block:Chat}chat{/block:Chat}
  205. {block:Audio}audio{/block:Audio}
  206. {block:Video}video{/block:Video}
  207. {block:Answer}a response{/block:Answer}</a>
  208. {block:NoteCount} <br>&hearts; {NoteCountWithLabel}{/block:NoteCount}
  209. {block:RebloggedFrom} <div class="rebl"><a href="{ReblogParentURL}" title="{ReblogParentTitle}"><img src="{ReblogParentPortraitURL-24}" border="0" title="reblogged from"></a>&nbsp;&nbsp;<a href="{ReblogRootURL}" title="{ReblogRootTitle}"><img src="{ReblogRootPortraitURL-24}" border="0" title="originally"></a></div>{/block:RebloggedFrom}
  210. {block:HasTags}<br>{block:Tags}<div class="tags"># <a href="{TagURL}">{Tag}</a><br> </div>{/block:Tags}{/block:HasTags}
  211. </div>
  212.  
  213.  
  214. <div id="post">
  215. {block:Text}
  216. {block:Title}<div class="quote">{Title}</div>{/block:Title}{Body}
  217. {/block:Text}
  218.  
  219. {block:Photo}
  220. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}
  221. {/block:Photo}
  222.  
  223. {block:Photoset}
  224. {Photoset-500}
  225. {/block:Photoset}
  226.  
  227. {block:Quote}
  228. <b class="big">“</b><div class="pquote">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}
  229. {/block:Quote}
  230.  
  231. {block:Link}
  232. <div class="quote"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}{Description}{/block:Description}
  233. {/block:Link}
  234.  
  235. {block:Chat}
  236. {block:Title}<div class="quote"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  237. <div class="chat"><ul>
  238. {block:Lines}
  239. <li class="person{UserNumber}">
  240. {block:Label}
  241. <span class="label">{Label}</span>
  242. {/block:Label}
  243. {Line}
  244. </li>
  245. {/block:Lines}
  246. </ul></div>
  247.  
  248. {/block:Chat}
  249.  
  250. {block:Audio}
  251. <div class="apost"><div class="cover">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  252. {AudioPlayerGrey}
  253. <div class="plcount">{PlayCountWithLabel}</div>
  254. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div></div>
  255. {/block:Audio}
  256.  
  257. {block:Video}
  258. {Video-500}
  259. {/block:Video}
  260.  
  261. {block:Answer}
  262. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  263. <div class="q">{Question}</div>
  264. <div class="a">{Answer}</div>
  265. {/block:Answer}
  266.  
  267.  
  268. <div class="cap">
  269. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  270. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  271. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  272.  
  273. <div class="sourc">{block:ContentSource}
  274. <a href="{SourceURL}">
  275. {lang:Source}:
  276. {block:SourceLogo}
  277. <img src="{BlackLogoURL}" width="{LogoWidth}"
  278. height="{LogoHeight}" alt="{SourceTitle}" />
  279. {/block:SourceLogo}
  280. {block:NoSourceLogo}
  281. {SourceLink}
  282. {/block:NoSourceLogo}
  283. </a>
  284. {/block:ContentSource}</div>
  285. </div>
  286. </div><div id="clear"></div></div>
  287. {/block:Posts}
  288.  
  289.  
  290. {block:PostNotes}
  291. <div id="notes">
  292. <div id="notestext">{PostNotes}</div></div>
  293. {/block:PostNotes}
  294.  
  295.  
  296.  
  297.  
  298.  
  299.  
  300. </div></body>
  301. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement