API tools faq
paste
nelliezuswrites

Theme 008

nelliezuswrites
Jan 7th, 2015
229
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3.  
  4.  
  5.  
  6. <head><title>{Title}</title>
  7.  
  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. <!---
  14. base code by lexaofrp / theme by nelliezuswrites
  15. theme 008: habits.
  16. pls don't steal, or redistribute. thnx.
  17.  
  18.  
  19. --->
  20.  
  21.  
  22. <meta name="image:Background" content="">
  23. <meta name="image:Sidebar" content="">
  24. <meta name="image:Sidebar2" content="">
  25.  
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:PostBG" content="#dfdfdf"/>
  29. <meta name="color:Text" content="#8f8f8f"/>
  30. <meta name="color:SBLinks" content="#8f8f8f" />
  31. <meta name="color:SBLinksBG" content="#dfdfdf"/>
  32. <meta name="color:Border" content="#8f8f8f"/>
  33. <meta name="color:Post Links" content="#8f8f8f"/>
  34. <meta name="color:Hover" content="#8f8f8f"/>
  35. <meta name="color:Scrollbar" content="#dfdfdf"/>
  36. <meta name="color:ScrollbarBg" content="#8f8f8f"/>
  37. <meta name="color:InfoBG" content="#8f8f8f"/>
  38. <meta name="color:DescBG" content="#dfdfdf"/>
  39. <meta name="color:bold"content="#fff">
  40. <meta name="color:italic"content="#000">
  41.  
  42.  
  43. <meta name="text:Home URL" content="/">
  44. <meta name="text:Home" content="I">
  45. <meta name="text:Ask URL" content="/">
  46. <meta name="text:Ask" content="II">
  47. <meta name="text:Link 1 URL" content="/">
  48. <meta name="text:Link 1" content="III">
  49. <meta name="text:Link 2 URL" content="/">
  50. <meta name="text:Link 2" content="IIII">
  51. <meta name="text:info" content="name / age / occupation">
  52. <meta name="text:sidetitle" content="put your title here">
  53.  
  54.  
  55. <style type="text/css">
  56.  
  57. h1 {
  58. font-family:helvetica;
  59. font-size:10px;text-align:center;
  60. font-style:italic;
  61. line-height:100%;
  62. letter-spacing:1px;border:1px solid {color:border};
  63. background-color:{color:background}; padding:6px;
  64. text-transform:lowercase;
  65. color:{color:text};
  66. }
  67.  
  68. h2 {
  69. font-family:helvetica;
  70. font-size:10px;
  71. text-align:right;
  72. line-height:80%;
  73. border-bottom:2px solid {color:border};
  74. letter-spacing:1px;
  75. background-color:{color:background};
  76. color:{color:text};
  77. padding:6px;
  78. }
  79.  
  80. h3 {
  81. font-family:helvetica;
  82. font-size:10px;
  83. text-align:left;
  84. font-style:italic;
  85. line-height:80%;
  86. border-bottom:2px solid {color:border};
  87. letter-spacing:1px;
  88. background-color:{color:background};
  89. padding:6px;
  90. font-weight:italic;
  91. color:{color:Text};
  92. }
  93.  
  94. pre {
  95. border-top:1px solid {color:border};
  96. border-bottom:1px solid {color:border};
  97. text-align:center;
  98. color:{color:postbg};
  99. background-color:{color:Text};
  100. padding:4px;
  101. }
  102.  
  103.  
  104. blockquote {
  105. border-left:5px solid {color:border};
  106. padding:5px;
  107. background-color:{color:Text};
  108. color:{color:postbg};
  109. text-align:center;
  110. }
  111.  
  112. b { font-weight:bold;
  113. color:{color:bold}; }
  114. i { font-weight:italic;
  115. color:{color:italic}; }
  116. u {text-decoration:none;
  117. border-bottom:1px solid {color:Text}; }
  118.  
  119.  
  120. body {
  121. font-family: 'helvetica';
  122. font-size:10px;
  123. background-image:url('{image:background}');
  124. background-attachment:fixed;
  125. color:{color:background};
  126. background-color:{color:background}; }
  127.  
  128. a {
  129. color:{color:Post Links};
  130. text-decoration:none;
  131. -webkit-transition:all 0.5s ease-in-out;
  132. -moz-transition:all 0.5s ease-in-out;
  133. -o-transition:all 0.5s ease-in-out;
  134. transition:all 0.5s ease-in-out;}
  135.  
  136. a:hover {
  137. color:{color:Hover};
  138. text-decoration:underline;
  139. -webkit-transition:all 0.5s ease-in-out;
  140. -moz-transition:all 0.5s ease-in-out;
  141. -o-transition:all 0.5s ease-in-out;
  142. transition:all 0.5s ease-in-out;}
  143.  
  144.  
  145.  
  146. .sidebar {
  147. position:fixed;
  148. width:100px;
  149. height:100px;
  150. margin-left:350px;
  151. margin-top:15px;
  152. padding:10px;
  153. background-color:{color:border};
  154. z-index:99999999999999999;
  155. opacity:1;
  156. }
  157.  
  158. .sidebar2 {
  159. position:fixed;
  160. width:100px;
  161. height:100px;
  162. margin-left:760px;
  163. margin-top:15px;
  164. padding:10px;
  165. background-color:{color:border};
  166. z-index:99999999999999999;
  167. opacity:1;
  168. }
  169.  
  170. .description {
  171. position:fixed;
  172. overflow:auto;
  173. height:70px;
  174. width:260px;
  175. margin-left:475px;
  176. margin-top:45px;
  177. padding:10px;
  178. opacity:1;
  179. text-align:center;
  180. font-family:'times new roman';
  181. font-size:10px;
  182. background-color:{color:DescBG};
  183. color:{color:text};
  184. z-index:9999999;
  185. }
  186.  
  187. .title {
  188. position:fixed;
  189. display:block;
  190. text-align:center;
  191. padding:5px;
  192. width:270px;
  193. margin-top:15px;
  194. margin-left:475px;
  195. font-family:'times new roman';
  196. font-style:italic;
  197. font-weight:normal;
  198. text-transform:uppercase;
  199. font-size:10px;
  200. z-index:999999999;
  201. background-color:{color:border};
  202. color:{color:background};
  203.  
  204.  
  205. }
  206.  
  207. .links {
  208. position:fixed;
  209. width:500px;
  210. height:500px;
  211. margin-top:620px;
  212. margin-left:305px;
  213. text-align:center;
  214. z-index:99999;
  215. }
  216.  
  217. .links a {
  218. display:inline-block;
  219. position:center;
  220. margin-left:2px;
  221. margin-right:5px;
  222. margin-top:5px;
  223. margin-bottom:0px;
  224. padding:5px;
  225. width:65px;
  226. font-family:'times new roman';
  227. font-style:normal;
  228. font-weight:normal;
  229. text-decoration:none;
  230. text-transform:uppercase;
  231. font-size:10px;
  232. color:{color:SBLinks};
  233. background-color:{color:SBLinksBG};
  234. border-top:2px solid {color:border};
  235. -webkit-transition:all 0.5s ease-in-out;
  236. -moz-transition:all 0.5s ease-in-out;
  237. -o-transition:all 0.5s ease-in-out;
  238. transition:all 0.5s ease-in-out;}
  239.  
  240. .links a:hover {
  241. text-decoration:none;
  242. color:{color:Hover};
  243. -webkit-transition:all 0.5s ease-in-out;
  244. -moz-transition:all 0.5s ease-in-out;
  245. -o-transition:all 0.5s ease-in-out;
  246. transition:all 0.5s ease-in-out;}
  247.  
  248.  
  249. .pagination {
  250. display:block;
  251. position:fixed;
  252. margin-top:405px;
  253. margin-left:192px;
  254. width:120px;
  255. height:23px;
  256. padding-top:7px;
  257. z-index:9;
  258. text-align:center;}
  259.  
  260. .pagination a {
  261. display:inline-block;
  262. font-family:'times new roman';
  263. font-weight:normal;
  264. text-decoration:none;
  265. text-transform:uppercase;
  266. font-size:12px;
  267. color:{color:border};
  268. -webkit-transition:all 0.5s ease-in-out;
  269. -moz-transition:all 0.5s ease-in-out;
  270. -o-transition:all 0.5s ease-in-out;
  271. transition:all 0.5s ease-in-out;
  272. z-index:9;
  273. }
  274.  
  275. .pagination a:hover{
  276. text-decoration:none;
  277. color:{color:hover};
  278. -webkit-transition:all 0.5s ease-in-out;
  279. -moz-transition:all 0.5s ease-in-out;
  280. -o-transition:all 0.5s ease-in-out;
  281. transition:all 0.5s ease-in-out;}
  282.  
  283.  
  284.  
  285. .container{
  286. position:fixed;
  287. overflow:auto;
  288. height:480px;
  289. width:530px;
  290. margin-left:350px;
  291. margin-top:140px;
  292. }
  293. .posts {
  294. width:520px;
  295. color:{color:text};}
  296.  
  297. .entries {
  298. width:500px;
  299. padding:10px;
  300. padding-bottom:10px;
  301. color:{color:text};
  302. background-color:{color:postbg};}
  303.  
  304. .info {
  305. display:block;
  306. padding:10px;
  307. font-family:'times new roman';
  308. font-style:italic;
  309. text-align:center;
  310. color:{color:SBLinksBG};
  311. background-color:{color:InfoBG};
  312. margin-top:0px;
  313. margin-bottom:3px;
  314. margin-left:0px;
  315. width:500px;}
  316.  
  317. .info a {
  318. color:{color:SBLinksBG};
  319. -webkit-transition:all 0.5s ease-in-out;
  320. -moz-transition:all 0.5s ease-in-out;
  321. -o-transition:all 0.5s ease-in-out;
  322. transition:all 0.5s ease-in-out;}
  323.  
  324. .info a:hover {
  325. color:{color:hover};
  326. -webkit-transition:all 0.5s ease-in-out;
  327. -moz-transition:all 0.5s ease-in-out;
  328. -o-transition:all 0.5s ease-in-out;
  329. transition:all 0.5s ease-in-out;}
  330.  
  331. .tags{
  332. text-align:right;
  333. }
  334.  
  335. .tags a {
  336. display:inline-block;
  337. margin-right:5px;
  338. background-color:{color:infoBG};
  339. color:{color:Post Links};}
  340.  
  341.  
  342.  
  343. .post_title {
  344. display:block;
  345. padding:5px;
  346. text-align:center;
  347. font-size:15px;
  348. font-family:'times new roman';
  349. text-transform:uppercase;
  350. font-style:italic;}
  351.  
  352. .text {
  353. display:block;
  354. padding:5px;
  355. text-align:justify;
  356. color:{color:Text};
  357. }
  358.  
  359. .photo img {
  360. display:block;
  361. margin-bottom:5px; }
  362.  
  363. .quote {
  364. display:block;
  365. padding:10px;
  366. text-align:center;
  367. font-size:20px;
  368. font-family:'cambria';
  369. font-style:italic;
  370. border-top:5px solid {color:scrollbar};
  371. color:{color:postbg};
  372. background-color:{color:InfoBG};}
  373.  
  374. .source {
  375. display:block;
  376. padding:5px;
  377. text-align:right;
  378. font-size:9px;}
  379.  
  380. .chat li {
  381. display:block;
  382. padding:5px;
  383. color:{color:text};}
  384.  
  385. .audioimg img {
  386. width:100px;
  387. height:100px;
  388. color:{color:text};
  389. font-family:'times new roman';
  390. text-align:center;
  391. text-transform:uppercase;}
  392.  
  393. .audioinfo {
  394. color:{color:Text};}
  395.  
  396. .question {
  397. display:block;
  398. margin-top:12px;
  399. text-align:center;
  400. text-transform:Uppercase;
  401. font-size:12px;
  402. font-family:'times new roman'';
  403. font-style:normal;
  404. min-height:40px;
  405. width:500px;
  406. color:{color:sblinksbg};
  407. background-color:{color:sblinks};
  408. line-height:25px;}
  409.  
  410. .question img {
  411. margin-right:5px;
  412. margin-bottom:-10px;}
  413.  
  414. .asker{
  415. color:{color:SBLinksBG};
  416. font-family:'times new roman';
  417. font-size:15px;
  418. display:block;
  419. text-align:right;
  420. height:20px;
  421. padding-top:5px;
  422. margin-top:-7px;
  423. margin-bottom:-22px;
  424. background-color:{color:post links};
  425. padding-bottom:5px;
  426. letter-spacing:2px;
  427. z-index:99999;
  428. }
  429.  
  430.  
  431. .notes {
  432. font-family:'times new roman';
  433. text-align:center;
  434. text-transform:uppercase;
  435. font-size:8px;
  436. width:520px;
  437. margin-left:-30px;
  438. margin-top:20px;
  439. color:{color:SBLINKS};
  440. background-color:rgba(0,0,0,0);
  441. }
  442.  
  443. .notes a{
  444. color:{color:SBLINKSBG};
  445. }
  446.  
  447. .notes li{
  448. list-style-type:none;
  449. background-color:rgba(0,0,0,0);
  450. padding:5px;
  451. }
  452.  
  453. .notes img {
  454. opacity:0;
  455. display:none;
  456. }
  457.  
  458.  
  459. ::-webkit-scrollbar {
  460. height:7px;
  461. width:7px;
  462. background-color:{color:scrollbarBG};}
  463.  
  464. ::-webkit-scrollbar-thumb {
  465. height:auto;
  466. background-color:{color:scrollbar};}
  467.  
  468.  
  469. #credit {
  470. position:fixed;
  471. font-family:'times new roman';
  472. color:{color:Border};
  473. text-transform:uppercase;
  474. font-size:10px;
  475. background-color:{color:postbg};
  476. right:10px;
  477. bottom:10px;
  478. padding:5px;
  479. opacity:1;
  480. border-top:2px solid {color:border};
  481. border-bottom:2px solid {color:border};
  482. }
  483.  
  484. </style>
  485.  
  486. </head>
  487.  
  488. <body>
  489.  
  490. </ul>
  491. <div class="sidebar2"><img src="{image:sidebar2}"></div>
  492. <div class="sidebar"><img src="{image:sidebar}"></div>
  493. <div class="links">
  494. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  495. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  496. <a href="{text:Home URL}">{text:Home}</a>
  497. <a href="{text:Ask URL}">{text:Ask}</a>
  498. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  499. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  500.  
  501. </div>
  502.  
  503.  
  504. </div>
  505. <div class="title">{text:sidetitle}</div></div></div>
  506. <div class="description">
  507. <h2>{text:info}</h2>{Description}
  508. </div></div>
  509.  
  510. <div class="container">
  511. <div class="posts">
  512.  
  513. {block:Posts}
  514.  
  515. <div class="entries">
  516.  
  517.  
  518. {block:Text}
  519.  
  520. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  521. <div class="text">{Body}</div>
  522.  
  523. {/block:Text}
  524.  
  525.  
  526. {block:Photo}
  527.  
  528. <div class="photo"><center><img src="{PhotoURL-500}"/></center></div>
  529. <div class="text">{Caption}</div>
  530.  
  531. {/block:Photo}
  532.  
  533.  
  534. {block:Photoset}
  535.  
  536. <center><div class="photo">{Photoset-500}</div></center>
  537. <div class="text">{Caption}</div>
  538.  
  539. {/block:Photoset}
  540.  
  541.  
  542. {block:Quote}
  543.  
  544. <div class="quote">"{Quote}"</div>
  545. <div class="source">{Source}</div>
  546.  
  547. {/block:Quote}
  548.  
  549.  
  550.  
  551. {block:Link}
  552.  
  553. <div class="post_title"><a href="{URL}">{Name} &rarr;</a></div>
  554. {block:Description}<div class="text">{Description}</div>{/block:Description}
  555.  
  556. {/block:Link}
  557.  
  558.  
  559.  
  560. {block:Chat}
  561.  
  562. {block:Title}<div class="post_title">{Title}</div>{/block:Title}
  563. <div class="chat">
  564. <ul>
  565. {block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>{/block:Lines}
  566. </ul>
  567. </div>
  568.  
  569. {/block:Chat}
  570.  
  571.  
  572. {block:Audio}
  573.  
  574. <table>
  575. <tr>
  576. <td>
  577. {block:AlbumArt}<div class="audioimg"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  578. </td>
  579. <td>
  580. <div class="audioplayer">{AudioPlayerBlack}</div>
  581. <div class="audioinfo">{block:Artist}<b>Name</b>: {Artist}{/block:Artist}<br>
  582. {block:Album}<b>Album</b>: {Album}{/block:Album}<br>
  583. {block:TrackName}<b>Track</b>: {TrackName}{/block:TrackName}</div>
  584. </td>
  585. </tr>
  586. </table>
  587. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  588.  
  589. {/block:Audio}
  590.  
  591.  
  592. {block:Video}
  593.  
  594. <center><div class="photo">{VideoEmbed-500}</div></center>
  595. <div class="text">{Caption}</div>
  596.  
  597. {/block:Video}
  598.  
  599.  
  600.  
  601. {block:Answer}<div id="answer">
  602. <div class="question">
  603. <div class="asker">{Asker}</div><br/><div class="q">{Question}</div></div>
  604. {block:Answerer}<br/><br/><div class="question"><div class="asker">{Answerer}</div><br/><div class="q">{Answer}</div></div>{/block:Answerer}{Replies}</div>{/block:Answer}
  605.  
  606.  
  607. </div>
  608. <div class="info">
  609. <a><a href="{Permalink}"> {12Hour}:{Minutes}{CapitalAmPm} | {TimeAgo}</a></a>
  610. | {NoteCountWithLabel}<br>
  611. {block:HasTags}
  612. <div class="tags">tagged as: {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  613. {/block:HasTags}</div>
  614. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  615. {/block:Posts}
  616.  
  617. </div>
  618. {/block:PermalinkPage}
  619. </div>
  620.  
  621. </div>
  622. </div>
  623. <div id="credit">
  624. <a href="http://nelliezuswrites.tumblr.com" title="credit">©</a>
  625. </div>
  626. </div>
  627. </div>
  628. <!--END POSTS-->
  629.  
  630. </body>
  631.  
  632. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!