API tools faq
paste
Advertisement
vierawood

Theme #2: Unreality

vierawood
Jul 9th, 2014
3,758
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.62 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. ♥ THEME #02 | U N R E A L I T Y BY VIERAWOOD@TUMBLR ♥
  5. ------------------ do not remove ------------------
  6. -->
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  13. <meta name="description" content="" />
  14. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  15.  
  16. <meta name="image:Sidebar" content="http://static.tumblr.com/5c6db546db519106326ee6f6e5383480/rwxr1bk/iPin8eus6/tumblr_static_ev46lna98lc0gcsockwscsogg.png"/>
  17. <meta name="image:Background" content="http://i1170.photobucket.com/albums/r524/kristun/painebackground_zpsb45a8181.png"/>
  18.  
  19. <meta name="color:Background Color" content="#1b2430" />
  20. <meta name="color:Sidebar Background" content="#0d101b" />
  21. <meta name="color:Description Box" content="#1b2430" />
  22. <meta name="text:Heading 1" content="Your Title Here" />
  23. <meta name="text:Heading 2" content="...Subtitle here." />
  24. <meta name="color:Post Background" content="#080b11" />
  25. <meta name="color:Post Text" content="#b6bfd3" />
  26. <meta name="color:Post Text" content="#b6bfd3" />
  27. <meta name="color:Post Links" content="#627adf" />
  28. <meta name="color:Post Links Hover" content="#e451a5" />
  29. <meta name="color:Blockquote" content="#7c2456" />
  30. <meta name="color:Description H1" content="#243a57" />
  31. <meta name="color:Description H2" content="#e451a5" />
  32. <meta name="color:Side Link Text" content="#b6bfd3" />
  33. <meta name="color:Side Link Text Hover" content="#ffffff" />
  34. <meta name="color:Side Link 1" content="#1d569a" />
  35. <meta name="color:Side Link 2" content="#374987" />
  36. <meta name="color:Side Link 3" content="#493f7a" />
  37. <meta name="color:Side Link 4" content="#553971" />
  38. <meta name="color:Side Link 5" content="#6d2c61" />
  39. <meta name="color:Side Link 6" content="#7c2456" />
  40. <meta name="color:Side Link Hover" content="#7a6d81" />
  41. <meta name="text:Link 1" content="Link 1" />
  42. <meta name="text:Link 2" content="Link 2" />
  43. <meta name="text:Link 3" content="Link 3" />
  44. <meta name="text:Link 4" content="Link 4" />
  45. <meta name="text:Link 5" content="Link 5" />
  46. <meta name="text:Link 6" content="Theme" />
  47. <meta name="text:URL 1" content="http://" />
  48. <meta name="text:URL 2" content="http://" />
  49. <meta name="text:URL 3" content="http://" />
  50. <meta name="text:URL 4" content="http://" />
  51. <meta name="text:URL 5" content="http://" />
  52. <meta name="text:URL 6" content="http://vierawood.tumblr.com" />
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57. /* --------------- SCROLLBAR --------------- */
  58. /* ----------------------------------------- */
  59.  
  60. ::-webkit-scrollbar {
  61. width: 6px;
  62. height: 4px;
  63. background: {color:Background Color}}
  64.  
  65. ::-webkit-scrollbar-thumb {
  66. background-color: {color:Post Background};}
  67.  
  68.  
  69. /* --------------- BODY STYLE --------------- */
  70. /* ------------------------------------------ */
  71.  
  72. body {
  73. background-color: {color:Background Color};
  74. color: {color:Post Text};
  75. background-image: url('{image:Background}');
  76. background-repeat: repeat;
  77. background-position: bottom;
  78. background-attachment: fixed;}
  79.  
  80. a {
  81. color: {color:Post Links};
  82. text-decoration: none;
  83. -moz-transition-duration: 0.5s;
  84. -o-transition-duration: 0.5s;
  85. -webkit-transition-duration: 0.5s;
  86. transition-duration: 0.5s;}
  87.  
  88. a:hover {
  89. color: {color:Post Links Hover};
  90. -moz-transition-duration: 0.5s;
  91. -o-transition-duration: 0.5s;
  92. -webkit-transition-duration: 0.5s;
  93. transition-duration: 0.5s;}
  94.  
  95.  
  96. /* --------------- SIDEBAR STYLE --------------- */
  97. /* --------------------------------------------- */
  98.  
  99. #sidebar {
  100. position: fixed;
  101. left: 0px;
  102. top: 0px;
  103. width: 400px;
  104. height: 100%;
  105. background-color: {color:Sidebar Background};
  106. background-image: url('{image:Sidebar}');
  107. background-repeat: no-repeat;
  108. background-position: bottom;
  109. z-index: 100;}
  110.  
  111.  
  112. #infobox {
  113. position: fixed;
  114. left: 49px;
  115. bottom: 400px;
  116. width: 300px;
  117. height: 219px;
  118. background-color: {color:Description Box};
  119. z-index: 200;}
  120.  
  121. #side {
  122. position: fixed;
  123. left: 260px;
  124. top: 200px;
  125. width: 168px;
  126. z-index: 300;}
  127.  
  128. #desc {
  129. margin-top: -202px;
  130. margin-left: 111px;
  131. width: 168px;
  132. font-family: Calibri, Verdana, sans-serif;
  133. color: {color:Sidebar Text};
  134. font-size: 10px;
  135. letter-spacing: 1px;
  136. text-align: left;
  137. padding-left: 5px;
  138. z-index: 500;}
  139.  
  140. #desc a,b {
  141. color: {color:Post Links};
  142. text-decoration: none;
  143. -moz-transition-duration: 0.5s;
  144. -o-transition-duration: 0.5s;
  145. -webkit-transition-duration: 0.5s;
  146. transition-duration: 0.5s;}
  147.  
  148. #desc a:hover {
  149. color: {color:Post Links Hover};
  150. -moz-transition-duration: 0.5s;
  151. -o-transition-duration: 0.5s;
  152. -webkit-transition-duration: 0.5s;
  153. transition-duration: 0.5s;}
  154.  
  155. #desc h1{
  156. background-color: {color:Description H1};
  157. font-family: Calibri, Verdana, sans-serif;
  158. color: {color:Sidebar Text};
  159. font-size: 11px;
  160. letter-spacing: 3px;
  161. text-align: left;
  162. padding: 4px;}
  163.  
  164. #desc h2{
  165. font-family: Calibri, Verdana, sans-serif;
  166. color: {color:Description H2};
  167. font-size: 9px;
  168. letter-spacing: 3px;
  169. text-align: right;
  170. margin-top: -7px;}
  171.  
  172. #sidelinks {
  173. margin-left: 15px;
  174. margin-top: 15px;
  175. margin-bottom: 10px;
  176. width: 80px;}
  177.  
  178. #sidelinks1 {
  179. width: 80px;}
  180.  
  181. #sidelinks1 a {
  182. margin-bottom: 3px;
  183. width: 75px;
  184. background-color: {color:Side Link 1};
  185. font-family: Calibri, Verdana, sans-serif;
  186. color: {color:Side Link Text};
  187. font-size: 10px;
  188. letter-spacing: 2px;
  189. text-align: center;
  190. text-transform: uppercase;
  191. text-decoration: none;
  192. padding: 8px;
  193. -moz-transition-duration: 0.5s;
  194. -o-transition-duration: 0.5s;
  195. -webkit-transition-duration: 0.5s;
  196. transition-duration: 0.5s;
  197. display: inline-block;}
  198.  
  199. #sidelinks2 {
  200. width: 80px;}
  201.  
  202. #sidelinks2 a {
  203. margin-bottom: 3px;
  204. width: 75px;
  205. background-color: {color:Side Link 2};
  206. font-family: Calibri, Verdana, sans-serif;
  207. color: {color:Side Link Text};
  208. font-size: 10px;
  209. letter-spacing: 2px;
  210. text-align: center;
  211. text-transform: uppercase;
  212. text-decoration: none;
  213. padding: 8px;
  214. -moz-transition-duration: 0.5s;
  215. -o-transition-duration: 0.5s;
  216. -webkit-transition-duration: 0.5s;
  217. transition-duration: 0.5s;
  218. display: inline-block;}
  219.  
  220. #sidelinks3 {
  221. width: 80px;}
  222.  
  223. #sidelinks3 a {
  224. margin-bottom: 3px;
  225. width: 75px;
  226. background-color: {color:Side Link 3};
  227. font-family: Calibri, Verdana, sans-serif;
  228. color: {color:Side Link Text};
  229. font-size: 10px;
  230. letter-spacing: 2px;
  231. text-align: center;
  232. text-transform: uppercase;
  233. text-decoration: none;
  234. padding: 8px;
  235. -moz-transition-duration: 0.5s;
  236. -o-transition-duration: 0.5s;
  237. -webkit-transition-duration: 0.5s;
  238. transition-duration: 0.5s;
  239. display: inline-block;}
  240.  
  241. #sidelinks4 {
  242. width: 80px;}
  243.  
  244. #sidelinks4 a {
  245. margin-bottom: 3px;
  246. width: 75px;
  247. background-color: {color:Side Link 4};
  248. font-family: Calibri, Verdana, sans-serif;
  249. color: {color:Side Link Text};
  250. font-size: 10px;
  251. letter-spacing: 2px;
  252. text-align: center;
  253. text-transform: uppercase;
  254. text-decoration: none;
  255. padding: 8px;
  256. -moz-transition-duration: 0.5s;
  257. -o-transition-duration: 0.5s;
  258. -webkit-transition-duration: 0.5s;
  259. transition-duration: 0.5s;
  260. display: inline-block;}
  261.  
  262. #sidelinks5 {
  263. width: 80px;}
  264.  
  265. #sidelinks5 a {
  266. margin-bottom: 3px;
  267. width: 75px;
  268. background-color: {color:Side Link 5};
  269. font-family: Calibri, Verdana, sans-serif;
  270. color: {color:Side Link Text};
  271. font-size: 10px;
  272. letter-spacing: 2px;
  273. text-align: center;
  274. text-transform: uppercase;
  275. text-decoration: none;
  276. padding: 8px;
  277. -moz-transition-duration: 0.5s;
  278. -o-transition-duration: 0.5s;
  279. -webkit-transition-duration: 0.5s;
  280. transition-duration: 0.5s;
  281. display: inline-block;}
  282.  
  283. #sidelinks6 {
  284. width: 80px;}
  285.  
  286. #sidelinks6 a {
  287. margin-bottom: 3px;
  288. width: 75px;
  289. background-color: {color:Side Link 6};
  290. font-family: Calibri, Verdana, sans-serif;
  291. color: {color:Side Link Text};
  292. font-size: 10px;
  293. letter-spacing: 2px;
  294. text-align: center;
  295. text-transform: uppercase;
  296. text-decoration: none;
  297. padding: 8px;
  298. -moz-transition-duration: 0.5s;
  299. -o-transition-duration: 0.5s;
  300. -webkit-transition-duration: 0.5s;
  301. transition-duration: 0.5s;
  302. display: inline-block;}
  303.  
  304. #sidelinks a:hover {
  305. background-color: {color:Side Link Hover};
  306. color: {color:Side Link Text Hover};
  307. -moz-transition-duration: 0.5s;
  308. -o-transition-duration: 0.5s;
  309. -webkit-transition-duration: 0.5s;
  310. transition-duration: 0.5s;}
  311.  
  312.  
  313. /* --------------- POSTING STYLE --------------- */
  314. /* --------------------------------------------- */
  315.  
  316. #postbackground {
  317. position: fixed;
  318. left: 400px;
  319. top: 0px;
  320. width: 576px;
  321. height: 100%;
  322. background-color: {color:Post Background};
  323. z-index:-100;}
  324.  
  325. .posting {
  326. margin-left: 420px;
  327. margin-top: 10px;
  328. width: 520px;
  329. z-index: 100;}
  330.  
  331. .posts {
  332. padding: 10px;
  333. background-color: {color:Post Background};
  334. font-family: Calibri, Verdana, sans-serif;
  335. font-size: 11px;
  336. letter-spacing: 1px;}
  337.  
  338. .posts h1 {
  339. font-family: Calibri, Verdana, sans-serif;
  340. font-size: 15px;
  341. letter-spacing: 5px;
  342. text-transform: uppercase;}
  343.  
  344. .posts h2 {
  345. font-family: Calibri, Verdana, sans-serif;
  346. font-size: 11px;
  347. letter-spacing: 5px;
  348. text-transform: uppercase;
  349. padding-left: 10px;}
  350.  
  351. .posts ul {
  352. list-style-type: square;}
  353.  
  354. .posts blockquote {
  355. border-left: 5px solid {color:Blockquote};
  356. padding-left: 5px;}
  357.  
  358. .posts img, .posts li, .posts blockquote {
  359. max-width: 100%;}
  360.  
  361. .posttime {
  362. margin-bottom: 20px;
  363. background-color: {color:Post Background};
  364. font-family: Calibri, Verdana, sans-serif;
  365. color: {color:Footer};
  366. font-size: 9px;
  367. letter-spacing: 1px;
  368. text-transform: uppercase;
  369. border-top: 1px dotted {color:Post Text};
  370. padding: 5px;}
  371.  
  372. .posttime a{
  373. color: {color:Post Links};
  374. text-decoration: none;
  375. -moz-transition-duration: 0.5s;
  376. -o-transition-duration: 0.5s;
  377. -webkit-transition-duration: 0.5s;
  378. transition-duration: 0.5s;}
  379.  
  380. .posttime a:hover{
  381. color: {color:Post Links Hover};
  382. -moz-transition-duration: 0.5s;
  383. -o-transition-duration: 0.5s;
  384. -webkit-transition-duration: 0.5s;
  385. transition-duration: 0.5s;}
  386.  
  387. .viasource {
  388. float: right;}
  389.  
  390. /* --------------- REPLIES --------------- */
  391. /* --------------------------------------- */
  392.  
  393. .replies {
  394. min-height: 50px;
  395. background-color: {color:Description Box};
  396. color: {color:Post Text};
  397. text-transform: uppercase;
  398. padding: 20px;}
  399.  
  400. .replies img {
  401. float: left;
  402. margin-right: 10px;
  403. border: 5px solid {color:Post Background};
  404. border-radius: 30px;}
  405.  
  406. .replies a {
  407. color: {color:Post Links Hover};
  408. text-decoration: none;}
  409.  
  410.  
  411. /* --------------- PAGINATION --------------- */
  412. /* ------------------------------------------ */
  413.  
  414. #nextpage {
  415. font-family: Calibri, Verdana, sans-serif;
  416. color: {color:Sidebar Text};
  417. font-size: 10px;
  418. text-align: center;
  419. text-transform: uppercase;
  420. letter-spacing: 1px;
  421. margin-top: 10px;}
  422.  
  423. #nextpage a {
  424. color: {color:Sidebar Text};
  425. text-decoration: none;
  426. -moz-transition-duration: 0.5s;
  427. -o-transition-duration: 0.5s;
  428. -webkit-transition-duration: 0.5s;
  429. transition-duration: 0.5s;}
  430.  
  431.  
  432. /* --------------- NOTES --------------- */
  433. /* ------------------------------------- */
  434.  
  435. .tagsinfo {
  436. margin-top: -15px;
  437. margin-bottom: 20px;
  438. font-family: Calibri, Verdana, sans-serif;
  439. color: {color:Post Text};
  440. font-size: 9px;
  441. letter-spacing: 1px;
  442. text-transform: uppercase;
  443. padding: 5px;
  444. padding-right: 10px;}
  445.  
  446. .notesinfo {
  447. margin-bottom: 10px;
  448. font-family: Calibri, Verdana, sans-serif;
  449. color: {color:Post Text};
  450. font-size: 10px;
  451. letter-spacing: 1px;}
  452.  
  453. .notesinfo ol {
  454. width: 500px;
  455. list-style: none;
  456. line-height: 30px;}
  457.  
  458. .notesinfo a {
  459. color: {color:Post Text};
  460. text-decoration: none;}
  461.  
  462. .notesinfo img {
  463. float:left;
  464. border: 4px solid {color:Post Background};
  465. margin-right: 5px;}
  466.  
  467. .notesinfo blockquote {
  468. border-left: 5px solid {color:Blockquote};
  469. padding-left: 5px;
  470. }
  471.  
  472. .notesinfo blockquote a {
  473. color: {color:Post Text};
  474. text-decoration: none;
  475. }
  476.  
  477. </style>
  478.  
  479. </head>
  480.  
  481. <body>
  482.  
  483. <!-- SIDEBAR -->
  484. <div id="sidebar"></div>
  485. <div id="infobox"><div id="sidelinks">
  486. <div id="sidelinks1">
  487. <a href="{text:URL 1}">{text:Link 1}</a> </div>
  488. <div id="sidelinks2">
  489. <a href="{text:URL 2}">{text:Link 2}</a> </div>
  490. <div id="sidelinks3">
  491. <a href="{text:URL 3}">{text:Link 3}</a> </div>
  492. <div id="sidelinks4">
  493. <a href="{text:URL 4}">{text:Link 4}</a> </div>
  494. <div id="sidelinks5">
  495. <a href="{text:URL 5}">{text:Link 5}</a> </div>
  496. <div id="sidelinks6">
  497. <a href="{text:URL 6}">{text:Link 6}</a> </div>
  498. </div>
  499. <div id="desc">
  500. <h1><i>{text:heading 1}</i></h1>
  501. <h2><i>{text:heading 2}</i></h2>
  502. <i>{Description}</i>
  503. <!-- PAGINATION -->
  504. <div id="nextpage">
  505. {block:Pagination}
  506. {block:PreviousPage}
  507. <a href="{PreviousPage}">←</a>
  508. {/block:PreviousPage}
  509. Page
  510. {CurrentPage}
  511. {block:NextPage}
  512. <a href="{NextPage}"> →</a>
  513. {/block:NextPage}
  514. {/block:Pagination}
  515. </div>
  516. </div>
  517. </div>
  518.  
  519.  
  520. <!-- POSTING -->
  521. <div id="postbackground"></div>
  522. <div class="posting">
  523. {block:Posts}
  524.  
  525. <div class="posts">
  526.  
  527. <!-- TEXT POSTS -->
  528. {block:Text}
  529. {block:Title}
  530. <h1>{Title}</h1>
  531. {/block:Title}
  532. {Body}
  533. {/block:Text}
  534.  
  535.  
  536. <!-- PHOTO POSTS -->
  537. {block:Photo}
  538. {LinkOpenTag}
  539. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">
  540. {LinkCloseTag}
  541. {block:Caption}
  542. {Caption}
  543. {/block:Caption}
  544. {/block:Photo}
  545.  
  546.  
  547. <!-- PHOTOSET -->
  548. {block:Photoset}
  549. {Photoset-500}
  550. {block:Caption}
  551. {Caption}
  552. {/block:Caption}
  553. {/block:Photoset}
  554.  
  555. <!-- REPLIES -->
  556. {block:Answer}
  557. <div class="replies">
  558. <img src="{AskerPortraitURL-40}">
  559. {Asker} asked: {Question}
  560. </div>
  561. {Answer}
  562. {/block:Answer}
  563.  
  564.  
  565. <!-- LINKED POSTS -->
  566. {block:Link}
  567. <h1><a href="{URL}">{Name}</a></h1>
  568. {block:Description}
  569. {Description}
  570. {/block:Description}
  571. {/block:Link}
  572.  
  573.  
  574. <!-- VIDEO -->
  575. {block:Video}
  576. {Video-500}
  577. {block:Caption}
  578. {Caption}
  579. {/block:Caption}
  580. {/block:Video}
  581.  
  582.  
  583. <!-- AUDIO -->
  584. {block:Audio}
  585. {AudioPlayer}
  586. {block:TrackName}
  587. {TrackName}
  588. {/block:TrackName}
  589. {block:Artist}
  590. - <i>{Artist}</i>
  591. {/block:Artist}
  592. {block:IfShowCaptions}
  593. {block:Caption}
  594. <br />
  595. {Caption}
  596. {/block:Caption}
  597. {/block:IfShowCaptions}
  598. {block:IfNotShowCaptions}
  599. {block:PermalinkPage}
  600. {block:Caption}
  601. <br />
  602. {Caption}
  603. {/block:Caption}
  604. {/block:PermalinkPage}
  605. {/block:IfNotShowCaptions}
  606. {/block:Audio}
  607.  
  608.  
  609. <!-- QUOTES -->
  610. {block:Quote}
  611. <div class="quote">
  612. <div class="quotetext_{Length}">
  613. <h2><i>"{Quote}"</i></h2>
  614. </div>
  615. {block:Source}
  616. <div class="source" style="text-align:right">
  617. - {Source}
  618. </div>
  619. {/block:Source}
  620. </div>
  621. {/block:Quote}
  622.  
  623.  
  624. <!-- CHAT -->
  625. {block:Chat}
  626. {block:Title}
  627. <h1>{Title}</h1>
  628. {/block:Title}
  629. <ul class="convo">
  630. {block:Lines}
  631. <li class="line">
  632. {block:Label}
  633. <span class="label">
  634. {Label}
  635. </span>
  636. {/block:Label}
  637. {Line}
  638. </li>
  639. {/block:Lines}
  640. </ul>
  641. {/block:Chat}
  642. </div>
  643.  
  644.  
  645. <!-- FOOTER -->
  646. <div class="posttime">
  647. <a href="{Permalink}">Posted {block:Date} {TimeAgo}{/block:Date}</a>
  648. {block:NoteCount}- <a href="{Permalink}">With {NoteCountWithLabel}{/block:NoteCount}</a>
  649. <div class="viasource">
  650. {block:RebloggedFrom}
  651. <a href="{ReblogParentURL}">V</a> |
  652. <a href="{ReblogRootURL}">S</a>
  653. {/block:RebloggedFrom}
  654. </div>
  655. </div>
  656.  
  657. {block:PermalinkPage}
  658. <div class="permalink">
  659.  
  660.  
  661. <!-- NOTES -->
  662. <div class="tagsinfo">
  663. <div class="tagslist">
  664. {block:HasTags}{block:Tags}
  665. <a href="{TagURL}">#{Tag}</a>
  666. &nbsp;
  667. {/block:Tags}
  668. {/block:HasTags}
  669. </div>
  670. <div class="notesinfo">
  671. {block:PostNotes}
  672. {PostNotes}
  673. {/block:PostNotes}
  674. </div>
  675. </div>
  676. {/block:PermalinkPage}
  677.  
  678. {/block:Posts}
  679. </div>
  680. </div>
  681.  
  682. </body>
  683. </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!