API tools faq
paste
Advertisement
leightonmeester

THEME 02: HOLLAND

leightonmeester
May 30th, 2014
535
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.50 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME 002: HOLLAND, BY LIZZIEMCGURERPS
  2. please do not steal or redistribute as your own work, and keep the credit in tact! if you have any questions, please feel free to contact me at lizziemcguirerps.tumblr.com/ask
  3.  
  4. base code provided by: themesbyzsu.tumblr.com-->
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16.  
  17. <meta name="font:Body" content="Helvetica" />
  18.  
  19. <meta name="color:Background" content="#fbcfc6" />
  20. <meta name="color:Body" content="#fff" />
  21. <meta name="color:text" content="#000" />
  22. <meta name="color:Link" content="#ed5b76" />
  23. <meta name="color:Link Hover" content="#c48e8e" />
  24. <meta name="color:audiobg" content="#000" />
  25. <meta name="color:audio text" content="#fff" />
  26. <meta name="color:answer bg" content=#fbfcf6 />
  27. <meta name="color:scrollbar" content="#000000" />
  28. <meta name="color:scrollbg" content="#FFFFFF" />
  29.  
  30.  
  31. <meta name="image:Backbar" content="" />
  32. <meta name="image:Sidebar" content="" />
  33. <meta name="image:Sidebar2" content="" />
  34. <meta name="image:Sidepic" content="" />
  35. <meta name="image:Background" content="" />
  36.  
  37. <meta name="text:Link 1" content="link" />
  38. <meta name="text:Link 1 URL" content="/" />
  39. <meta name="text:Link 2" content="link" />
  40. <meta name="text:Link 2 URL" content="/" />
  41. <meta name="text:Link 3" content="link" />
  42. <meta name="text:Link 3 URL" content="/" />
  43. <meta name="text:Link 4" content="link" />
  44. <meta name="text:Link 4 URL" content="/" />
  45. <meta name="text:Link 5" content="link" />
  46. <meta name="text:Link 5 URL" content="/" />
  47.  
  48. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Nixie+One' rel='stylesheet' type='text/css'>
  51.  
  52. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57. ::-webkit-scrollbar {width: 5px; height:auto; background:{color:background}}
  58. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  59. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  60. ::-webkit-scrollbar-button:horizontal {width: 3px; height: 5px; display: block; background:{color:scrollbar}}
  61. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  62. ::-webkit-scrollbar-thumb:horizontal {background: {color:background};}
  63. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  64.  
  65.  
  66. ::selection {background:transparent; color:{color:link};}
  67. ::-moz-selection {background:#fff; color:;{color:link};}
  68. ::-webkit-selection {background:#fff; color:{color:link};}
  69.  
  70. div#qTip {
  71. display: none;
  72. text-align: center;
  73. position :absolute;
  74. letter-spacing: 0px;
  75. text-transform: lowercase;
  76. z-index: 5;
  77. font: 9px arial;
  78. font-style:italic;
  79. font-weight:bold;
  80. padding:4px;
  81. color: {color:body};
  82. background: {color:background};
  83. }
  84.  
  85. body {
  86. background: {color:Background};
  87. background-image: url('{image:Background}');
  88. background-attachment:fixed;
  89. position:absolute;
  90. font-size:12px;
  91. font-family: {font:Body};
  92. color:{color:text};
  93. }
  94.  
  95. blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100.  
  101. blockquote img {
  102. max-width:250px;
  103. }
  104.  
  105.  
  106. blockquote blockquote {
  107. padding-left:5px;
  108. border-left:2px solid;
  109. }
  110.  
  111. a {
  112. text-decoration:none;
  113. outline:none;
  114. color:{color:Link};
  115. -webkit-transition: all 0.5s ease-in-out;
  116. -moz-transition: all 0.5s ease-in-out;
  117. -o-transition: all 0.5s ease-in-out;
  118. }
  119.  
  120. a:hover {
  121. color:{color:Link Hover};
  122. -webkit-transition: all 0.5s ease-in-out;
  123. -moz-transition: all 0.5s ease-in-out;
  124. -o-transition: all 0.5s ease-in-out;
  125. }
  126.  
  127. h1 {
  128. font-size:14px;
  129. letter-spacing:1px;
  130. text-transform:uppercase;
  131. font-family:'tahoma';
  132. color:{color:linkbg};
  133. line-height:10px;
  134. text-align:left;
  135. padding:0px;
  136. }
  137.  
  138. h2 {
  139. color:{color:linkbg};
  140. background-color: {color:sidebar};
  141. font-family:calibri;
  142. font-size:8px;
  143. line-height:12px;
  144. letter-spacing:1px;
  145. font-weight:normal;
  146. text-transform:uppercase;
  147. margin:0px;
  148. padding:25px;
  149. text-align:center;
  150. font-style: normal;
  151. }
  152.  
  153. /*SIDEBAR BUSINESS*/
  154.  
  155. #titlebar {
  156. float:left;
  157. margin-top:75px;
  158. margin-left:93px;
  159. position:fixed;
  160. width:250px;
  161. height:40px;
  162. overflow:hidden;
  163. border:1px solid #000;
  164. background-color:{color:body};
  165. }
  166.  
  167. #backbar {
  168. float:right;
  169. margin-left:80px;
  170. position: fixed;
  171. width:275px;
  172. height:460px;
  173. overflow:hidden;
  174. margin-top:65px;
  175. background-color:{color:backbar};
  176. background-image:url('{image:backbar}');
  177. border:1px solid #000;}
  178.  
  179. #title {
  180. margin-top:5px;
  181. text-align:center;
  182. color:{color:link};
  183. font-family: 'Pacifico', cursive;
  184. font-size:17px;
  185. margin-bottom:-3px;
  186. letter-spacing:3px;
  187. background-color:{color:body}
  188. }
  189.  
  190. #sidepic {
  191. float:right;
  192. margin-left:93px;
  193. position: fixed;
  194. width:250px;
  195. height:250px;
  196. overflow:hidden;
  197. margin-top:120px;
  198. background-color:{color:body};
  199. border:1px solid #000;}
  200.  
  201.  
  202.  
  203. #infobar {
  204. float:right;
  205. margin-top:375px;
  206. margin-bottom:5px;
  207. margin-left:93px;
  208. position:fixed;
  209. width:250px;
  210. height:100px;
  211. border:1px solid #000;
  212. background-color:{color:body};}
  213.  
  214.  
  215. #description {
  216. margin-top: 5px;
  217. margin-left:5px;
  218. margin-right:5px;
  219. font-style:normal;
  220. padding:0px;
  221. color:{color:link};
  222. font-size:10px;
  223. text-align:justify;
  224. font-family:georgia;
  225. }
  226.  
  227. /*PAGINATION*/
  228.  
  229. #pgbar {
  230. float:right;
  231. margin-top:480px;
  232. margin-bottom:5px;
  233. margin-left:93px;
  234. position:fixed;
  235. width:250px;
  236. height:32px;
  237. background-color:{color:body};
  238. border: 1px solid black;
  239. }
  240.  
  241. .pagination {
  242. margin-top: 0px;
  243. margin-left:0px;
  244. text-align:center}
  245.  
  246. .pagination a {
  247. display:inline-block;
  248. color:{color:link};
  249. font:25px georgia;
  250. text-transform:lowercase;
  251. }
  252.  
  253. .pagination a:hover {
  254. color:{color:nav};
  255. font-style: italic;
  256. letter-spacing: 0px;}
  257.  
  258. /*SIDE IMAGES*/
  259.  
  260. #backbar2 {
  261. float:right;
  262. margin-left:1005px;
  263. position: fixed;
  264. width:110px;
  265. height:460px;
  266. overflow:hidden;
  267. margin-top:65px;
  268. background-color:{color:link};
  269. background-image:url('{image:backbar}');
  270. border:1px solid #000;}
  271.  
  272. #sidebar {
  273. float:left;
  274. margin-top:80px;
  275. margin-left:1010px;
  276. position:fixed;
  277. width:100px;
  278. height:100px;
  279. overflow:hidden;
  280. border-radius:80px;
  281. border:1px solid {color:background};
  282. background-color:{color:sidebar};
  283. }
  284.  
  285. #sidebar2 {
  286. float:left;
  287. margin-top:410px;
  288. margin-left:1010px;
  289. position:fixed;
  290. width:100px;
  291. height:100px;
  292. overflow:hidden;
  293. border-radius:80px;
  294. border:1px solid {color:background};
  295. background-color:{color:sidebar};
  296. }
  297.  
  298. /*SIDE LINKS*/
  299.  
  300. #linkbar {
  301. float:right;
  302. margin-top:195px;
  303. margin-left:987px;
  304. position:fixed;
  305. width:150px;
  306. height:150px;
  307. border:0px solid #000;
  308. background-color:transparent;
  309. }
  310.  
  311. #links {
  312. text-align:center; margin-top:15px;}
  313.  
  314. #links a {
  315. display:inline-block;
  316. font-family: georgia;
  317. width: 100px;
  318. height:15px;
  319. background-color:{color:body};
  320. padding:6px 0px;
  321. margin-bottom:7px;
  322. color:{color:link};
  323. line-height:15px;
  324. border:1px solid #000;
  325. letter-spacing:1px;
  326. text-transform:uppercase;
  327. -webkit-transition: all 0.5s ease-out;
  328. -moz-transition: all 0.5s ease-out;
  329. transition: all 0.5s ease-out}
  330.  
  331. #links a:hover {
  332. background-color:{color:background};
  333. border:1px solid {color:nav};
  334. font-style:normal;
  335. color:{color:body};
  336. font-weight: normal;
  337. letter-spacing:1px;
  338. -webkit-transition: all 0s ease-out;
  339. -moz-transition: all 0s ease-out;
  340. transition: all 0.5s ease-out}
  341.  
  342. /*ENTRY INFO*/
  343.  
  344. #entries {
  345. font-size:10px;
  346. margin-left: 425px;
  347. margin-top:40px;
  348. float: right;
  349. text-align: justify;
  350. }
  351.  
  352. #post {
  353. font-size:10px;
  354. padding: 5px;
  355. margin-bottom:30px;
  356. width: 500px;
  357. background-color:{color:body};
  358. color:{color:text};
  359. text-align: justify;
  360. overflow:hidden;
  361. word-wrap:break-word;
  362. }
  363.  
  364. /*HEY RADIO*/
  365.  
  366. #audio {
  367. width:100%;
  368. height:100px;
  369. margin-bottom:5px;
  370. }
  371.  
  372. .albumart {
  373. float:right;
  374. width:100px;
  375. height:100px;
  376. border-radius:80px;
  377. overflow:hidden;
  378.  
  379. }
  380.  
  381. .player {
  382. width:25px;
  383. height:50px;
  384. margin-top:34px;
  385. margin-left:432px;
  386. overflow:hidden;
  387. position:absolute;
  388. padding:3px;
  389. opacity:0.4;
  390. -webkit-transition:all 0.4s ease-in-out;
  391. -moz-transition:all 0.4s ease-in-out;
  392. -o-transition:all 0.4s ease-in-out;
  393. -ms-transition: all 0.4s ease-in-out;
  394. transition:all 0.5s ease-in-out
  395. }
  396. .player:hover {
  397. opacity:0.7;
  398. -webkit-transition:all 0.4s ease-in-out;
  399. -moz-transition:all 0.4s ease-in-out;
  400. -o-transition:all 0.4s ease-in-out;
  401. -ms-transition: all 0.4s ease-in-out;
  402. transition:all 0.5s ease-in-out
  403. }
  404.  
  405. .audioinfo {
  406. width:360px;
  407. height:75px;
  408. margin-left:0px;
  409. display:block;
  410. padding-top:25px;
  411. margin-top:10px;
  412. font-family:calibri;
  413. font-size:10px;
  414. letter-spacing:1px;
  415. font-style:normal;
  416. padding-left:30px;
  417. text-align:left;
  418. margin-bottom:0px;
  419. color:{color:audio text};
  420. background:{color:audiobg};
  421. }
  422.  
  423. /*CHATS*/
  424.  
  425. .user_1 .label {color:{color:background}; text-transform:uppercase; font-weight:bold}
  426. .user_2 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  427. .user_3 .label {color:{color:background}; text-transform:uppercase; font-weight:bold}
  428. .user_4 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  429. .user_5 .label {color:{color:background}; text-transform:uppercase; font-weight:bold}
  430. .user_6 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  431. .user_7 .label {color:{color:background}; text-transform:uppercase; font-weight:bold}
  432. .user_8 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  433. .user_9 .label {color:{color:background}; text-transform:uppercase; font-weight:bold}
  434. .user_10 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  435.  
  436. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:4px}
  437.  
  438. /*QUESTION*/
  439.  
  440. #asks {
  441. text-align:justify;
  442. padding:5px 5px 5px 8px;
  443. background-color:{color:answer bg};
  444. border-left:5px solid {color:link};
  445. min-height:50px;
  446. margin-left:60px}
  447.  
  448. .asker {
  449. margin-top:5px;
  450. margin-bottom:0px;
  451. font-size:15px;
  452. font-family: 'Nixie One', cursive;
  453. letter-spacing:3px;
  454. font-style:normal}
  455.  
  456.  
  457. #answers {
  458. margin-top:8px}
  459.  
  460. /*TAGS AND INFO*/
  461.  
  462. #info {
  463. width:500px;
  464. padding-top:4px;
  465. background-color:entries;
  466. border-top:1px solid {color:info};
  467. color:{color:text};
  468. font:8px arial, serif;
  469. line-height:110%;
  470. text-align:left;
  471. letter-spacing:2px;
  472. text-transform:uppercase;
  473. margin-top:5px; opacity:0.7;
  474. -webkit-transition:opacity 0.8s linear;
  475. -webkit-transition:all 0.5s ease-out;
  476. -moz-transition:all 0.5s ease-out;
  477. transition:all 0.5s ease-out
  478. }
  479.  
  480. #info:hover {
  481. opacity:1;
  482. -webkit-transition: opacity 0.8s linear;
  483. -webkit-transition: all 0.5s ease-out;
  484. -moz-transition: all 0.5s ease-out;
  485. transition: all 0.5s ease-out
  486. }
  487.  
  488. #info a {color:{color:link}}
  489. #info a:hover {color:{color:text}; font-style:normal;letter-spacing:3px;}
  490. .rblgd {float:right}
  491.  
  492. #tags {
  493. width:515px;
  494. padding-top:4px;
  495. background-color:transparent;
  496. color:{color:text};
  497. font:7px 'arial';
  498. font-style:normal;
  499. line-height:110%;
  500. text-align:left;
  501. text-transform:uppercase;
  502. letter-spacing:1px;
  503. margin-top:6px; opacity:0.7;
  504. -webkit-transition:opacity 0.8s linear;
  505. -webkit-transition:all 0.5s ease-out;
  506. -moz-transition:all 0.5s ease-out;
  507. transition:all 0.5s ease-out
  508. }
  509.  
  510. #tags:hover {
  511. opacity:1; letter-spacing:1px;
  512. -webkit-transition: opacity 0.8s linear;
  513. -webkit-transition: all 0.5s ease-out;
  514. -moz-transition: all 0.5s ease-out;
  515. transition: all 0.5s ease-out
  516. }
  517.  
  518. /*THEME CRED YO*/
  519.  
  520. #cred a {position:fixed;
  521. font:20px 'georgia';
  522. background-color:{color:body};
  523. border:1px solid {color:link};
  524. color:{color:link};
  525. padding:5px;
  526. bottom:45px;
  527. right:45px}
  528.  
  529. #cred a:hover {
  530. letter-spacing:0px;
  531. color:{color:background};
  532. }
  533.  
  534.  
  535.  
  536. </style>
  537. <style type="text/css">{CustomCSS}</style>
  538. </head>
  539.  
  540. <body>
  541.  
  542. <div id="backbar"><img src="{image:Backbar}"/></div>
  543.  
  544. <div id="backbar2"><img src="{image:Backbar}"/></div>
  545.  
  546. <div id="sidebar"><img src="{image:sidebar}"/></div>
  547.  
  548. <div id="sidebar2"><img src="{image:sidebar2}"/></div>
  549.  
  550.  
  551. <div id="linkbar">
  552. <div id="links">
  553. <a href="{text:Link 1 URL}" title="{text:Link 1}.">one</a><br>
  554. <a href="{text:Link 2 URL}" title="{text:Link 2}.">two</a><br>
  555. <a href="{text:Link 3 URL}" title="{text:Link 3}.">three</a><br>
  556. <a href="{text:Link 4 URL}" title="{text:Link 4}.">four</a><br>
  557. <a href="{text:Link 5 URL}" title="{text:Link 5}.">five</a><br>
  558. </div>
  559.  
  560. </div></div>
  561.  
  562. <div id="titlebar">
  563. <div id="title">{Title}</div>
  564. </div>
  565.  
  566.  
  567. <div id="sidepic"><a href="/" title="go home."><img src="{image:SidePic}"/></a></div>
  568.  
  569. <div id="infobar">
  570. <div id="description">
  571. <div style="overflow:auto; width: 245px; height: 90px; text-align: justify;">{Description}</div>
  572. </div>
  573. </div>
  574.  
  575. <div id="pgbar">
  576. <div class="pagination">{block:Pagination}
  577. {block:PreviousPage}<a href="{PreviousPage}">back</a>
  578. &nbsp; &nbsp; &nbsp; {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  579. {/block:Pagination}</div>
  580. </div>
  581.  
  582.  
  583.  
  584. <div id="entries">
  585. {block:Posts}
  586. <div id="post">
  587.  
  588. {block:Quote}<strong><h2>{Quote}</strong> - {Source}</h2>{/block:Quote}
  589.  
  590. {block:Text}<h1>{title}</h1>{Body}{/block:Text}
  591.  
  592. {block:Link}<a href="{URL}" class="link" {Target}> <h1>{Name}</h1></a>
  593. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  594.  
  595. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  596. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  597.  
  598. {block:Chat}
  599. {block:Title}<h1>{Title}</h1>{/block:Title}
  600. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
  601. {block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  602. {/block:Chat}
  603.  
  604. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  605.  
  606.  
  607. {block:Audio}
  608. <div id="audio">
  609. <div class="player">{AudioPlayerWhite}</div>
  610. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  611. <div class="audioinfo"><br>
  612. <b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  613. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  614. </div></div>
  615. {/block:Audio}
  616. <br>
  617.  
  618. {block:Answer}
  619. <img src="{AskerPortraitURL-64}" style="height:50px; width:50px; float:left; margin-top:5px">
  620. <div id="asks"><div class="asker">{Asker} —</div>
  621. <br>{Question}</div>
  622. <div id="answers">{Answer}</div>
  623. {/block:Answer}
  624.  
  625. <div id="info">
  626. {block:Date}POSTED <a href="{Permalink}">{TimeAgo}</a> on <a href="{Permalink}">{Month} {DayofMonth}</a>{/block:Date} {block:NoteCount} ❤ {NoteCountWithLabel}{/block:NoteCount} <div class="rblgd">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:ContentSource}/ <a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  627. </div>
  628. {block:HasTags}<div id="tags">{block:Tags}&nbsp; #<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  629.  
  630. </div>
  631. {/block:Posts}
  632.  
  633. {block:PostNotes}{PostNotes}{/block:PostNotes}
  634.  
  635. </div>
  636.  
  637. <div id="cred">
  638. <a href="http://lizziemcguirerps.tumblr.com/tagged/mytheme" title="credit">♡</a>
  639. </div>
  640. </body>
  641. </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!