API tools faq
paste
nelliezuswrites

Theme 008.5

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