API tools faq
paste
Advertisement
hxcfairy

White Theme by Abir (modified)

hxcfairy
Dec 4th, 2011
161
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.13 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--
  3. White Theme by Abir
  4. http://darktide.tumblr.com
  5. _____________________________
  6.  
  7. By using this theme you have now agreed on the following:
  8. -You cannot remove credit or move it to another page. Please leave all credit intact.
  9. -You can not claim this theme as your own or redistribute.
  10. -You cannot use this theme as a basecode or alter it and claim as your own/redistribute -again-
  11. -Minor modifications however, are allowed.
  12.  
  13. If I find that you have not followed these rules and that you have violated one or more of them,
  14. you will be warned once before I take serious action.
  15. ______________________________
  16. Thank you and as always enjoy!
  17. !-->
  18.  
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27.  
  28. <meta name="color:Background" content="#FFF"/>
  29. <meta name="color:Post Background" content="#FFF"/>
  30. <meta name="color:Font" content="#777777"/>
  31. <meta name="color:Title Header" content="#92d6d6"/>
  32. <meta name="color:Second Title Header" content="#d5f2f2"/>
  33. <meta name="color:Post Header" content="#000000"/>
  34. <meta name="color:Accent" content="#f5f9f8"/>
  35. <meta name="color:Link" content="#858585"/>
  36. <meta name="color:Link Hover" content="#000000"/>
  37. <meta name="color:Link Hover Background" content="#d5f2f2"/>
  38. <meta name="font:Body" content="Trebuchet MS"/>
  39. <meta name="font:Title Header" content="Arial"/>
  40. <meta name="font:Post Header" content="Arial"/>
  41. <meta name="image:Background" content=""/>
  42. <meta name="image:Sidebar" content=""/>
  43. <meta name="if:Show Tags" content="1"/>
  44. <meta name="if:Show Archive Link" content="1"/>
  45. <meta name="if:Show Random Link" content="0" />
  46. <meta name="text:Second Title Header" content="write short" />
  47. <meta name="text:Custom Link One Url" content="http://" />
  48. <meta name="text:Custom Link One Title" content="link" />
  49. <meta name="text:Custom Link Two Url" content="http://" />
  50. <meta name="text:Custom Link Two Title" content="link" />
  51. <meta name="text:Custom Link Three Url" content="http://" />
  52. <meta name="text:Custom Link Three Title" content="link" />
  53.  
  54. <style type="text/css">
  55. body{
  56. background-image:url('{image:Background}');
  57. font-family:{font:Body};
  58. text-align:left;
  59. font-size: 11px;
  60. color:{color:Font};
  61. background-color:{color:Background};
  62. background-attachment:fixed;
  63. background-repeat:no-repeat;
  64. }
  65. a{
  66. color: {color:link};
  67. text-decoration: none;
  68. -webkit-transition-duration: .3s;
  69. }
  70. a:hover{
  71. color:{color:Link Hover};
  72. text-decoration: none;
  73. font-weight:none;
  74. }
  75. a img{
  76. border:0
  77. }
  78.  
  79. #content{
  80. margin: auto 140px;
  81. width:820px;
  82. }
  83.  
  84. #posts{
  85. float:right;
  86. width:510px;
  87. }
  88.  
  89. #side{
  90. position:fixed;
  91. float:left;
  92. width: 250px;
  93. margin-top:50px;
  94. }
  95.  
  96. .entry{
  97. background-color:{color:Post Background};
  98. padding:5px;
  99. margin-top:20px;
  100. text-align:justify;
  101. overflow:hidden;
  102. }
  103.  
  104. #portrait{
  105. position: absolute;
  106. background-color:{color:Accent};
  107. margin: 5px 0px 0px -85px;
  108. padding:5px;
  109. }
  110. .info{
  111. padding:none;
  112. text-align:center;
  113. padding:length;
  114. line-height:12px;
  115. }
  116.  
  117. h1{
  118. font:normal 10px {font:Title Header};
  119. display:inline-block;
  120. color:{color:Title Header};
  121. font-style:none;
  122. letter-spacing:;
  123. text-transform: uppercase;
  124. margin:-5px 0px -3px 0px;
  125. }
  126.  
  127. h3{
  128. font:normal 25px {font:Title Header};
  129. display:inline-block;
  130. color:{color:Second Title Header};
  131. font-style:none;
  132. letter-spacing:-2px;
  133. text-transform: lowercase;
  134. margin:-5px 0px -13px 0px;
  135. }
  136.  
  137. h2{
  138. font:normal 20px {font:Post Header};
  139. color:{color:Post Header};
  140. letter-spacing: -1px;
  141. text-transform: lowercase;
  142. text-align: left;
  143. margin:-3px 0px -5px 0px;
  144. padding: 2px;
  145. border-bottom:1px dotted {color:background};
  146. }
  147.  
  148. .links{
  149. background-color:{color:Accent};
  150. text-align:center;
  151. margin-top:5px;
  152. margin-bottom:5px;
  153. }
  154. .links a{
  155. background-color:{color:Accent};
  156. display:inline-block;
  157. font: normal 9px {font:Body};
  158. text-transform: uppercase;
  159. letter-spacing: 1px;
  160. padding:10px 5px 10px 5px;
  161. }
  162. .links a:hover{
  163. background-color:{color:Link Hover Background};
  164. }
  165.  
  166. .permalink{
  167. background-color:{color:Accent};
  168. display:block;
  169. font:normal 8px arial;
  170. color:#999;
  171. border-left:5px solid {color:Title Header};
  172. text-align:left;
  173. padding:2px 2px 2px 5px;
  174. text-transform: uppercase;
  175. letter-spacing:2px;
  176. -webkit-transition: all .7s ease-in;
  177. -moz-transition: all .7s ease-in;
  178. -o-transition: all .7s ease-in;
  179. transition: all .7s ease-in;
  180. }
  181.  
  182. .entry:hover .permalink{
  183. border-left:15px solid {color:Title Header};
  184. -webkit-transition: all .7s ease-out;
  185. -moz-transition: all .7s ease-out;
  186. -o-transition: all .7s ease-out;
  187. transition: all .7s ease-out;
  188.  
  189. }
  190.  
  191. [class="entry"]:hover [class="permalink"]{
  192. border-left:15px solid {color:Title Header};
  193. -webkit-transition: all .7s ease-out;
  194. -moz-transition: all .7s ease-out;
  195. -o-transition: all .7s ease-out;
  196. transition: all .7s ease-out;
  197.  
  198. }
  199.  
  200. .tag{
  201. display:inline-block;
  202. text-align:left;
  203. font-size:9px;
  204. }
  205. ol.notes {
  206. float:left;
  207. margin-left:-40px;
  208. width:510px;
  209. text-align:left;
  210. list-style-type: none;
  211. }
  212. ol.notes li.note {
  213. background-color:#ffffff;
  214. padding: 5px;
  215. margin-bottom:1px;
  216. text-align:left;
  217. }
  218. ol.notes li.note img.avatar {
  219. vertical-align: -4px;
  220. margin-right: 10px;
  221. width: 16px;
  222. height: 16px;
  223. }
  224. ol.notes li.note span.action {
  225. font-weight: normal;
  226. }
  227. ol.notes li.note .answer_content {
  228. font-weight: normal;
  229. }
  230.  
  231. .pagination{
  232. margin-top: 30px;
  233. text-align: center;
  234. word-spacing: 1px;
  235. }
  236. .pagination a{
  237. background: {color:Accent};
  238. padding:1px 5px 1px 5px;
  239. color:#000;
  240. }
  241. .pagination a:hover{
  242. background:{color:Link Hover Background};
  243. color: #000;
  244. }
  245.  
  246. .footer{
  247. background-color:#fff;
  248. width:500px;
  249. padding:2px 6px 2px 6px;
  250. margin-bottom:10px;
  251. font:normal 9px {Font:Body};
  252. text-transform: uppercase;
  253. letter-spacing:1px;
  254. text-align: center;
  255. color:#000;
  256. }
  257. .question{
  258. background: #f9f9f9;
  259. font-size: 10px;
  260. font-weight:bold;
  261. color: #000;
  262. padding: 10px;
  263. }
  264. .ask{
  265. color: #f9f9f9;
  266. text-align: center;
  267. font-size:25px;
  268. margin-top:-15px;
  269. }
  270. .asker{
  271. text-transform: uppercase;
  272. text-align: center;
  273. margin-top:-5px;
  274. padding-bottom:0px;
  275. }
  276. .answer{
  277. margin-top:-5px;
  278. }
  279.  
  280. .chat .line{
  281. background-color: #f3f3f3;
  282. margin: 0 0 1px;
  283. padding: 2px;
  284. }
  285. .chat .line.odd{
  286. background-color: #f9f9f9;
  287. }
  288.  
  289. blockquote{
  290. background-color:#f8f8f8;
  291. padding:5px;
  292. }
  293. .quote{
  294. font: normal 13px georgia;
  295. color: #000;
  296. font-style:italic;
  297. }
  298. .audio{
  299. background-color:#e4e4e4;
  300. height:55px;
  301. overflow:hidden;
  302. }
  303.  
  304. {CustomCSS}
  305.  
  306. </style>
  307.  
  308. </head>
  309. <body>
  310. <div id="content">
  311.  
  312. <div id="side">
  313.  
  314.  
  315. {block:ifSidebarImage}
  316. <img src="{image:Sidebar}" width="250px"/>
  317. {/block:ifSidebarImage}
  318.  
  319.  
  320. <div class="links">
  321. <a href="/">Home</a>
  322. <a href="/ask">Ask</a>
  323. {block:IfShowArchiveLink}
  324. <a href="/archive">Archive</a>{/block:IfShowArchiveLink}
  325. <a href="/faq">F.A.Q</a>
  326. <a href="/aboutme">About Me</a>
  327. </div>
  328.  
  329. <div class="info">
  330. {block:Description}
  331. {Description}
  332. {/block:Description}<br>
  333. {block:IfCustomLinkOneTitle}
  334. <a href="{text:Custom Link One Url}">{text:Custom Link One Title}</a>
  335. ▪{/block:ifCustomLinkOneTitle}
  336. {block:ifCustomLinkTwoTitle}
  337. <a href="{text:Custom Link Two Url}">{text:Custom Link Two Title}</a>
  338. ▪{/block:ifCustomLinkTwoTitle}
  339. {block:ifCustomLinkThreeTitle}
  340. <a href="{text:Custom Link Three Url}">{text:Custom Link Three Title}</a>
  341. {/block:ifCustomLinkThreeTitle}
  342.  
  343. <br><center><a href="http://darktide.tumblr.com/">&copy;</a></center>
  344. </div>
  345.  
  346. {block:Pagination}
  347. <div class="pagination">
  348. {block:PreviousPage}
  349. <a href="{PreviousPage}">&larr;</a>
  350. {/block:PreviousPage}
  351.  
  352. {block:NextPage}
  353. <a href="{NextPage}">&rarr;</a>
  354. {/block:NextPage}
  355. </div>
  356. {/block:Pagination}
  357.  
  358. </div><!-- id.side !-->
  359. <div id="posts">
  360.  
  361. {block:Posts}
  362. <div class="entry">
  363.  
  364. {block:Text}
  365. {block:Title}
  366. <h2>{Title}</h2>
  367. {/block:Title}
  368. {Body}
  369. {/block:Text}
  370.  
  371. {block:Photo}
  372. <a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>
  373. {block:Caption}{Caption}
  374. {/block:Caption}
  375. {/block:Photo}
  376.  
  377. {block:Photoset}
  378. <a href="{LinkURL}">{Photoset-500}</a>
  379. {block:Caption}
  380. {Caption}
  381. {/block:Caption}
  382. {/block:Photoset}
  383.  
  384. {block:Quote}
  385. <div class="quote">❝{Quote}❞</div>
  386. {block:Source}
  387. <div class="source">-{Source}</div>
  388. {/block:Source}
  389. {/block:Quote}
  390.  
  391. {block:Answer}
  392. <div class="question">{question}</div>
  393. <div class="ask">◥</div>
  394. <div class="asker">{asker} </div>
  395. <div class="answer">{answer} </div>
  396. {/block:Answer}
  397.  
  398. {block:Link}
  399. <h2><a href="{URL}" class="link" {Target}>{Name}</a></h2>
  400. {block:Description}
  401. {Description}
  402. {/block:Description}
  403. {/block:Link}
  404.  
  405. {block:Chat}
  406. {block:Title}<h2>{Title}</h2>
  407. {/block:Title}
  408. <div class="chat">
  409. {block:Lines}<div class="chat"><div class="line {Alt}">
  410. <div class="{Alt} user_{UserNumber}">
  411. {block:Label}
  412. <span class="label"><b>{Label}</b></span>
  413. {/block:Label}
  414. {Line}</div>
  415. </div></div>
  416. {/block:Lines}
  417. </div>
  418. {/block:Chat}
  419.  
  420. {block:Video}
  421. {Video-500}
  422. {block:Caption}
  423. {Caption}
  424. {/block:Caption}
  425. {/block:Video}
  426.  
  427. {block:Audio}
  428. {block:AlbumArt}
  429. <img src="{AlbumArtURL}" width="55px" align="left">
  430. {/block:AlbumArt}
  431. <div class="audio">
  432. {AudioPlayerGrey}</div>
  433. {block:Caption}
  434. {Caption}
  435. {/block:Caption}
  436. {/block:Audio}
  437.  
  438.  
  439.  
  440. {block:Date}<div class="permalink">
  441. Posted: {block:PermalinkPage}<a href="{Permalink}">{TimeAgo}</a> on: {/block:PermalinkPage}
  442. <a href="{Permalink}"> {ShortMonth} {DayOfMonth}, {ShortYear}</a>
  443. {block:NoteCount}
  444. With:<a href="{Permalink}"> {NoteCountWithLabel}</a>
  445. {/block:NoteCount}
  446. {block:ContentSource} Originally from: <a href="{SourceURL}">{SourceLink}</a><br>
  447. {/block:ContentSource}
  448. </div>
  449. {/block:Date}
  450.  
  451. {block:ifShowTags}{block:IndexPage}{block:HasTags} #{block:Tags}
  452. <div class="tag"><a href="{TagURL}">{Tag}</a></div>{/block:Tags}
  453. {/block:HasTags}{/block:IndexPage}{block:ifShowTags}
  454.  
  455. {block:PermalinkPage}{block:HasTags} #{block:Tags}
  456. <div class="tag"><a href="{TagURL}">{Tag}</a></div>
  457. {/block:Tags}
  458. {/block:HasTags}{/block:PermalinkPage}
  459.  
  460. </div> <!-- div.entry !-->
  461.  
  462. {/block:Posts}
  463.  
  464. {block:PostNotes}
  465. <ol class="notes">
  466. {PostNotes}
  467. </ol>
  468. {/block:PostNotes}
  469. <br>
  470.  
  471.  
  472. </div> <!-- id.posts !-->
  473. </div> <!-- id.content !-->
  474. </body>
  475. </html>
  476.  
  477.  
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!