API tools faq
paste
Advertisement
fluroicecream

Theme 4 - nothingbuttherain

fluroicecream
Jul 26th, 2011
12,480
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.70 KB | None | 0 0
raw download clone embed print report
  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. <!--
  6.  
  7.  
  8. Theme 4
  9. By themesbynothingbuttherain.
  10. http://themesbynothingbuttherain.tumblr.com
  11.  
  12. Get them here: http://nothingbuttherainthemes.tumblr.com
  13.  
  14. fluroicecream-yesplease does not own any of these themes, all are strictly made by nothingbuttherain.
  15.  
  16.  
  17. -->
  18.  
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20.  
  21. <head> <!-- DEFAULT VARIABLES -->
  22. <meta name="color:background" content="#ffffff" />
  23. <meta name="color:link" content="#b6b6b6" />
  24. <meta name="color:linkbackground" content="#f0f0f0" />
  25. <meta name="color:linkhover" content="#FFCA57" />
  26. <meta name="color:text" content="#3d3d3d" />
  27. <meta name="color:info" content="#f0f0f0" />
  28. <meta name="color:infolink" content="#888888" />
  29. <meta name="if:Show search" content="1"/>
  30. <meta name="if:Show tags" content="1"/>
  31. <meta name="if:Show sidebar image" content="1"/>
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:background" content=""/>
  34. <meta name="text:Link1" content="" />
  35. <meta name="text:Link1 Title" content="" />
  36. <meta name="text:Link2" content="" />
  37. <meta name="text:Link2 Title" content="" />
  38. <meta name="text:Link3" content="" />
  39. <meta name="text:Link3 Title" content="" />
  40. <meta name="text:Link4" content="" />
  41. <meta name="text:Link4 Title" content="" />
  42. <meta name="text:Link5" content="" />
  43. <meta name="text:Link5 Title" content="" />
  44. <meta name="text:subtitle" content="" />
  45.  
  46. <html>
  47. <head>
  48. <title>{Title}</title>
  49. <link rel="shortcut icon" href="{Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. {block:Description}
  52. <meta name="description" content="{MetaDescription}" />
  53. {/block:Description}
  54. </head>
  55.  
  56. <style type="text/css">
  57.  
  58. body {background-color:{color:background} ; color:{color:text}; font-family: georgia, tahoma;
  59.  
  60. font-size:11px; line-height: 100%; margin-bottom:30px; margin-top: 0px; margin-left: 0px;
  61.  
  62. margin-right: 0px; padding:0px; background-image:url('{image:background}'); background-attachment:
  63.  
  64. fixed}
  65.  
  66.  
  67. #container {width: 970px; margin-top: 20px; margin-right: 15px; margin-left: auto; background-color:
  68.  
  69. transparent}
  70.  
  71. #sidebar {background-color: {color:background}; width: 970px; height: 100%; position: fixed;
  72.  
  73. z-index:-1; background-color: transparent}
  74. #left {float: left; width: 190px; margin-top: 120px; text-align:right; background-color:
  75.  
  76. {color:background}; padding: 10px 5px 10px 5px}
  77. #right {background-color: {color:background}; width: 200px; float: right; padding: 5px; }
  78.  
  79. a, a:link, a:active, a:hover, a:visited {color:{color:link}; text-decoration: none}
  80. a:hover {color:{color:linkhover}; text-decoration: none}
  81. img a{border:0px;}
  82. p{margin-top:1px}
  83. blockquote{margin-left:10px; border-left: 2px solid {color:link}; padding-left:5px; }
  84.  
  85. .lefttitle{margin-bottom: 10px}
  86. .bltitle {float: right; font-size: 25px; text-align: right; margin-left: 10px; text-transform:
  87.  
  88. uppercase; line-height:20px; padding:5px }
  89. .bltitle a, a:hover {color: {color:text}; text-decoration: none;}
  90. .blsubtitle {margin-left: 15px; font-size: 10px; line-height:10px; text-align: left; text-transform:
  91.  
  92. lowercase}
  93.  
  94. .leftlink{width: 185px; }
  95. .nav {float: right; margin-bottom: 2px; text-align: right; display: block; text-align: right}
  96. .nav a {width: 100px; background-color: {color:linkbackground}; font-size: 9px; text-align: center;
  97.  
  98. color: {color:infolink}; padding:5px 0 5px 0; display: block; margin-top: 1px; margin-bottom:3px;
  99.  
  100. text-transform: uppercase; letter-spacing: 2px;}
  101. .nav a:hover {background-color: {color:linkhover}; color: {color:text}}
  102. .userpic{float: left;}
  103. .userpic img{ border: 7px solid {color:linkbackground} }
  104.  
  105. .pagination{font-size: 16px; margin-top: 5px; text-align: center; width: 100px; float: right; clear:
  106.  
  107. both }
  108.  
  109.  
  110. .about{background-color:{color:background}; text-align:justify; margin-bottom: 5px}
  111. .sidimage{margin: 10px 0 5px 0; text-align: center}
  112. .sidimage img {max-width: 200px; height: auto;}
  113. .sidebarlinks a {background-color: {color:linkbackground}; font-size: 9px; text-align: center; color:
  114.  
  115. {color:infolink}; padding:5px 0 5px 0; display: block; margin-top: 1px; margin-bottom:3px;
  116.  
  117. text-transform: uppercase; letter-spacing: 2px;}
  118. .sidebarlinks a:hover {background-color: {color:linkhover}; text-color: {color: text}}
  119. .sidcredit{text-align: center; font-size: 9px; margin-top: 5px}
  120.  
  121. #entries { width: 540px; margin-left: 210px; position: absolute; z-index:-1 }
  122.  
  123. #entry { width:540px; background-color: {color:info}; text-align: center; margin-bottom: 10px;}
  124.  
  125. #post{text-align: justify; width: 500px; margin-left: auto; margin-right: auto; background-color: {color:background}; padding:5px; margin-bottom: 15px}
  126.  
  127. #info {width: 500px;margin-left: auto; margin-right: auto; padding-top: 20px; font-size:9px;
  128.  
  129. text-align: left; color: {color:infolink}; font-family:arial, sans-serif; letter-spacing:2px;
  130.  
  131. background-color: transparent; padding: 5px;}
  132. #info a{color: {color:infolink}}
  133. #info a:hover{color: {color:text}}
  134.  
  135. .date{text-transform: uppercase; font-family:arial,sans-serif; font-size:9px; letter-spacing:2px;}
  136. .tags {color: {color:link}; font-size: 9px; display: inline; list-style: none; text-transform:
  137. lowercase;}
  138. .tags a, .tags a:hover { color: {color:link}; display: inline; list-style: none;text-transform:
  139. lowercase;}
  140.  
  141. h1{font-size: 20px; font-family: serif; letter-spacing: -1px; text-transform: uppercase; line-height: 100%}
  142.  
  143. .image{border: 0px; text-align:center }
  144. .image a{border: 0px; text-align:center }
  145.  
  146. .bigquote{font-size: 80px; color:{color:info}; line-height: 80px}
  147. .pquote{font-size: 20px; font-family: serif; letter-spacing: -1px; serif; line-height: 18px;
  148. text-transform: uppercase; margin-top: -70px; text-indent: 45px}
  149. .source{margin-top: 5px; text-align: right}
  150.  
  151. .chat{line-height: 12px; list-style: none }
  152. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  153. .person1 {background-color: {color:linkbackground}; color: {color:text} }
  154. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  155. .person2 {background-color: {color:background}; color: {color: text} }
  156. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  157.  
  158. .iaudio{text-align: center; margin-bottom: 5px}
  159. .iaudio img{max-width: 500px; height: auto}
  160. .cover {background-image: url(http://i35.tinypic.com/ampiiq.jpg); float: left; width: 150px; height:
  161.  
  162. 150px; margin-right: 10px; margin-bottom: 10px}
  163. .cover img{width: 150px; height: 150px}
  164. .plcount {font-style: italic}
  165.  
  166. .asker {font-size: 28px; font-family: serif;text-transform: uppercase; padding: 2px 0 2px 0}
  167. .q {background-color:{color:linkbackground}; padding:5px}
  168. .a {padding-top: 5px}
  169.  
  170. .cap {padding-top: 2px; width: 490px; margin-left: 5px}
  171. .sourc{display:none}
  172.  
  173. #notes {background-color:{color:background};width:540px; margin-bottom:10px }
  174. #notestext {width: 500px; margin-left: 20px; background-color:{color:background};padding:0px;}
  175. ol.notes {list-style: none; padding:0px}
  176. ol.notes li {background-color: {color: background}; margin: 0 px; padding: 5px;}
  177. ol.notes .avatar {border: 0px; height: 10px; padding: 0px; width: 10px;}
  178. ol.notes li .clear {height: 0px!important;}
  179. ol.notes li blockquote {border-color: #ccc!important;}
  180.  
  181. #clear{width:300px;height:3px; clear:both; background-color: transparent}
  182.  
  183. .search {background-color: {color:linkbackground}; border: 0px dashed {color:text}; margin: 2px;
  184. padding: 2px; width: 130px; font-family: georgia; font-size: 11px}
  185. .searchb {background-color:{color:linkbackground}; border: 0px dashed {color:text}; margin: 2px;
  186.  
  187. padding: 1px 7px 1px 7px; width: 50px; font-family: georgia; font-size: 11px}
  188.  
  189. </style>
  190.  
  191.  
  192. <body>
  193. <div id="container">
  194.  
  195.  
  196. <div id="sidebar">
  197. <div id="left">
  198.  
  199. <div class="lefttitle"><div class="bltitle"><a href="/" alt="{Title}">{Title}</a></div>
  200. {block:IfSubtitle}<div class="blsubtitle">{text:subtitle}</div> {/block:IfSubtitle}</div>
  201.  
  202. <div class="leftlink">
  203. <div class="nav"><a href="/random">random</a> <a href="/archive">archive</a> {block:AskEnabled} <a
  204.  
  205. href="/ask">ask me</a>{/block:AskEnabled} <a href="/rss">rss</a> {block:SubmissionsEnabled} <a
  206.  
  207. href="/submit">{SubmitLabel}</a> {/block:SubmissionsEnabled} {block:HasPages}{block:Pages}<a
  208.  
  209. href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  210.  
  211. <div class="userpic"><img src="{PortraitURL-64}"></div></div>
  212.  
  213. <div class="pagination">{block:Pagination}
  214. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  215. {CurrentPage}/{TotalPages}
  216. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  217. {/block:Pagination}</div>
  218. </div>
  219.  
  220. <div id="right">
  221. <div class="sidimage">{block:IfShowSidebarImage} {block:IfSidebarImage}<img
  222.  
  223. src="{image:sidebar}"/>{/block:IfSidebarImage}{/block:IfShowSidebarImage}</div>
  224.  
  225. <div class="about"> {block:Description}{Description}<br><br>{/block:Description}
  226.  
  227.  
  228.  
  229. <div class="sidebarlinks">
  230.  
  231. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  232. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  233. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  234. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  235. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}</div>
  236.  
  237.  
  238. {block:IfShowSearch}<form action="/search" method="get">
  239. <input type="text" name="q" value="{SearchQuery}"/ class="search">
  240. <input type="submit" value="search"/ class="searchb">
  241. </form>{/block:IfShowSearch}
  242.  
  243. <div class="sidcredit"><a href="http://nothingbuttherainthemes.tumblr.com/">theme</a> + powered by <a
  244.  
  245. href="http://tumblr.com" target="_blank">tumblr</a></div>
  246.  
  247. </div></div></div>
  248.  
  249.  
  250. <div id="entries">
  251.  
  252.  
  253. {block:Posts}
  254.  
  255.  
  256. <div id="entry">
  257. <div id="info">
  258. {block:Date}<span class="date"><a href="{Permalink}" title="permalink to this post">{TimeAgo}</a> on
  259.  
  260. {DayOfMonth} {Month} {Year} @ {12Hour}:{Minutes}{AmPm}</span>{/block:Date} {block:NoteCount} + <a
  261.  
  262. href="{Permalink}" title="permalink to this post">{NoteCountWithLabel}</a>{/block:NoteCount}
  263. {block:RebloggedFrom}<br>via <a href="{ReblogParentURL}"
  264.  
  265. title="{ReblogParentTitle}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}"
  266.  
  267. title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  268. {block:IfShowTags}{block:HasTags}<br>{block:Tags}<div class="tags"># <a href="{TagURL}">{Tag}</a>
  269.  
  270. </div>{/block:Tags}{/block:HasTags}{/block:IfShowTags}
  271. </div>
  272.  
  273.  
  274. <div id="post">
  275. {block:Text}
  276. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  277. {/block:Text}
  278.  
  279. {block:Photo}
  280. {LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" border="0"></div>{LinkCloseTag}
  281. {/block:Photo}
  282.  
  283. {block:Photoset}
  284. {Photoset-500}
  285. {/block:Photoset}
  286.  
  287. {block:Quote}
  288. <b class="bigquote">“</b><div class="pquote">{Quote}</div>{block:Source}
  289. <div class="source">{Source}</div>{/block:Source}
  290. {/block:Quote}
  291.  
  292. {block:Link}
  293. <h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}
  294. {/block:Link}
  295.  
  296. {block:Chat}
  297. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  298. <div class="chat"><ul>{block:Lines}
  299. <li class="person{UserNumber}">{block:Label}
  300. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  301. {/block:Chat}
  302.  
  303. {block:Audio}
  304. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  305. {AudioPlayerGrey}
  306. <div class="plcount">{PlayCountWithLabel}</div>
  307. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
  308. {/block:Audio}
  309.  
  310. {block:Video}
  311. {Video-500}
  312. {/block:Video}
  313.  
  314. {block:Answer}
  315. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  316. <div class="q">{Question}</div>
  317. <div class="a">{Answer}</div>
  318. {/block:Answer}
  319.  
  320.  
  321. <div class="cap">
  322. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  323. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  324. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  325.  
  326. <div class="sourc">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  327. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  328. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  329. {/block:ContentSource}</div>
  330.  
  331.  
  332. </div></div>
  333.  
  334. <div id="clear"></div></div>
  335. {/block:Posts}
  336.  
  337.  
  338.  
  339. {block:PostNotes}
  340. <div id="notes"><div id="notestext">{PostNotes}</div></div></div>
  341. {/block:PostNotes}
  342.  
  343. </div>
  344.  
  345.  
  346. </body>
  347. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!