Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme 13 I wish you were here

By: CanadianBiebahThemes on Apr 29th, 2012  |  syntax: None  |  size: 13.94 KB  |  hits: 1,594  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2. i wish you were here
  3. theme by canadianbiebah
  4. do not copy!
  5. !-->
  6.  
  7.  
  8. <html>
  9. <head>
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:background" content="#3d3539" />
  13. <meta name="color:sbar" content="#3d3539" />
  14. <meta name="color:entry" content="#3d3539" />
  15.  
  16. <meta name="color:text" content="#dbc2ba" />
  17. <meta name="color:link" content="#e88796" />
  18. <meta name="color:lhover" content="#dbc2ba" />
  19. <meta name="color:italics" content="#dbc2ba" />
  20.  
  21. <meta name="color:link1" content="#a7909b" />
  22. <meta name="color:link2" content="#d1bbc5" />
  23. <meta name="color:link3" content="#f3dce7" />
  24. <meta name="color:link4" content="#8d7983" />
  25. <meta name="color:link5" content="#f3dce7" />
  26. <meta name="color:link6" content="#d1bbc5" />
  27. <meta name="color:link7" content="#a7909b" />
  28.  
  29. <meta name="font:title" content="calibri" />
  30. <meta name="font:body" content="calibri" />
  31. <meta name="font:info" content="calibri" />
  32. <meta name="font:links" content="calibri" />
  33.  
  34. <meta name="image:sidebar" content=""/>
  35. <meta name="image:background" content="" />
  36.  
  37. <meta name="text:Link1" content="/" />
  38. <meta name="text:Link1 Title" content="Link1" />
  39. <meta name="text:Link2" content="/" />
  40. <meta name="text:Link2 Title" content="Link2" />
  41. <meta name="text:Link3" content="/" />
  42. <meta name="text:Link3 Title" content="Link3" />
  43. <meta name="text:Link4" content="/" />
  44. <meta name="text:Link4 Title" content="Link4" />
  45.  
  46.  
  47.  
  48. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  49. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  50.  
  51.  
  52.  
  53.  
  54. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<link rel="shortcut icon" href="{Favicon}" /><link rel="alternate" type="application/rss+xml" href="{RSS}" /><style type="text/css">
  55.  
  56.  
  57.  
  58.  
  59.  /*BODY/HOVER OPTIONS*/
  60.  
  61.  
  62. body {color:{color:text};
  63. background-color:{color:background};
  64. background-image: url('{image:background}');
  65. background-attachment:fixed;
  66. background-position:left;
  67. background-repeat:no-repeat;
  68. font-size:10px;
  69. font-family:calibri;
  70. line-height:105%;
  71. text-align:justify;}
  72.  
  73.  
  74. a:link, a:active, a:visited {color:{color:link};
  75. text-decoration:none;
  76. -webkit-transition: all 0.7s ease-in-out;
  77. -moz-transition: all 0.7s ease-in-out;
  78. transition: all 0.7s ease-in-out;
  79. -ms-transition: all 0.7s ease-in-out;
  80. -o-transition: all 0.7s ease-in-out;}
  81.  
  82.  
  83. a:hover {color:{color:lhover};
  84. font-weight:none;  
  85. -webkit-transition: all 0.7s ease-in-out;
  86. -moz-transition: all 0.7s ease-in-out;
  87. transition: all 0.7s ease-in-out;
  88. -ms-transition: all 0.7s ease-in-out;
  89. -o-transition: all 0.7s ease-in-out;}
  90.  
  91.  
  92.  
  93.  /*ENTRIES*/
  94.  
  95.  
  96. #entries {margin-left:480px;
  97. margin-top:10px;
  98. width:510px;}
  99.  
  100.  
  101. #posts {background-color:{color:entry};
  102. margin-bottom:10px;
  103. padding:3px 4px 3px 4px;}
  104.  
  105.  
  106. #posts:hover #info {opacity:1;
  107. display:block;
  108. -webkit-transition-duration: 1s;
  109. -moz-transition-duration: 1s;
  110. border-left:0px solid {color:italics};}
  111.  
  112.  
  113. #posts:hover #feuerriegel {display:block;
  114. opacity:1.5;}
  115.  
  116.  
  117. #feuerriegel {font:10px calibri;
  118. text-transform:uppercase;
  119. color:{color:link};
  120. margin-left:520px;
  121. opacity:0;
  122. position:absolute;
  123. -webkit-transition-duration: 0.4s;
  124. padding:3px;
  125. width:200px;}
  126.  
  127.  
  128. #feuerriegel a {font-weight:normal;}
  129.  
  130.  
  131. #feuerriegel img {border:2px solid {color:italics};}
  132.  
  133.  
  134.  
  135.  /*TITLE*/
  136.  
  137.  
  138.  #title {font-size:30px;
  139. font-style:italic;
  140. text-align:center;
  141. font-family:"soymilk";
  142. width:250px;
  143. color:{color:title};
  144. border-bottom:0px solid{color:italics};
  145. margin-left:233px;
  146. margin-top:175px;
  147. position:fixed;
  148. -webkit-transform:rotate(0deg);
  149. -moz-transform:rotate(0deg);
  150. -o-transform:rotate(0deg);
  151. writing-mode:tb-rl;
  152. z-index:10;
  153. padding:5px;
  154. text-shadow:0px -3px 2px #BAA9A4;}
  155.  
  156.  
  157.  
  158.  
  159. @font-face {font-family: "soymilk";
  160. src: url('http://static.tumblr.com/z5o2pr2/vpWm0rjxz/sweetly_broken.ttf');
  161. }
  162.  
  163.  
  164.  
  165.  
  166.  /*NAVIGATION*/
  167.  
  168.  
  169. #navi {position:fixed;
  170. display:block;
  171. width:250px;
  172. margin-top:260px;
  173. margin-left:365px;
  174. font-size:10px;
  175. text-align:center;
  176. letter-spacing:0px; color:{color:title};
  177. text-transform:lowercase;
  178. line-height:130%;
  179. border-bottom:5px solid {color:italics};
  180. border-left:5px solid {color:italics};
  181. border-right:5px solid {color:italics};
  182. font-family:calibri;}
  183.  
  184.  
  185. #nav {
  186. position:fixed;
  187. display:block;
  188. width:100px;
  189. padding-top:15px;
  190. padding-right: 100px;
  191. padding-left: 100px;
  192. margin-top:325px;
  193. margin-left:75px}
  194.  
  195.  
  196. #link1 {
  197. float: left;
  198. display:inline;
  199. background:{color:link1};
  200. width:6px;
  201. height:30px;
  202. margin-right:3px;
  203. -webkit-transition: all 0.6s ease;
  204. border-radius: 0px 0px 5px 5px;
  205. }
  206.  
  207. #link1:hover{
  208. height:60px;
  209. -webkit-transition: all 0.6s ease;
  210. border-radius: 0px 0px 5px 5px;
  211. }
  212.  
  213.  
  214.  
  215.  
  216. #link2 {
  217. float: left;
  218. display:inline;
  219. background:{color:link2};
  220. width:6px;
  221. height:40px;
  222. margin-right:3px;
  223. -webkit-transition: all 0.6s ease;
  224. border-radius: 0px 0px 5px 5px;
  225. }
  226.  
  227. #link2:hover{
  228. height:70px;
  229. -webkit-transition: all 0.6s ease;
  230. border-radius: 0px 0px 5px 5px;
  231. }
  232.  
  233.  
  234.  
  235. #link3 {
  236. float: left;
  237. display:inline;
  238. background:{color:link3};
  239. width:6px;
  240. height:50px;
  241. margin-right:3px;
  242. -webkit-transition: all 0.6s ease;
  243. border-radius: 0px 0px 5px 5px;
  244. }
  245.  
  246. #link3:hover{
  247. height:80px;
  248. -webkit-transition: all 0.6s ease;
  249. border-radius: 0px 0px 5px 5px;
  250. }
  251.  
  252.  
  253. #link4 {
  254. float: left;
  255. display:inline;
  256. background:{color:link4};
  257. width:6px;
  258. height:60px;
  259. margin-right:3px;
  260. -webkit-transition: all 0.6s ease;
  261. border-radius: 0px 0px 5px 5px;
  262. }
  263.  
  264.  
  265.  
  266.  
  267. #link4:hover{
  268. height:90px;
  269. -webkit-transition: all 0.6s ease;
  270. border-radius: 0px 0px 5px 5px;
  271. }
  272.  
  273.  
  274. #link5 {
  275. float: left;
  276. display:inline;
  277. background:{color:link5};
  278. width:6px;
  279. height:50px;
  280. margin-right:3px;
  281. -webkit-transition: all 0.6s ease;
  282. border-radius: 0px 0px 5px 5px;
  283. }
  284.  
  285. #link5:hover{
  286. height:80px;
  287. -webkit-transition: all 0.6s ease;
  288. border-radius: 0px 0px 5px 5px;
  289. }
  290.  
  291.  
  292. #link6 {
  293. float: left;
  294. display:inline;
  295. background:{color:link6};
  296. width:6px;
  297. height:40px;
  298. margin-right:3px;
  299. -webkit-transition: all 0.6s ease;
  300. border-radius: 0px 0px 5px 5px;
  301. }
  302.  
  303. #link6:hover{
  304. height:70px;
  305. -webkit-transition: all 0.6s ease;
  306. border-radius: 0px 0px 5px 5px;
  307. }
  308.  
  309.  
  310. #link7 {
  311. float: left;
  312. display:inline;
  313. background:{color:link7};
  314. width:6px;
  315. height:30px;
  316. margin-right:3px;
  317. -webkit-transition: all 0.6s ease;
  318. border-radius: 0px 0px 5px 5px;
  319. }
  320.  
  321. #link7:hover{
  322. height:60px;
  323. -webkit-transition: all 0.6s ease;
  324. border-radius: 0px 0px 5px 5px;
  325. }
  326.  
  327.  /*SIDEBAR*/
  328.  
  329.  
  330. #sidebar {background-color:{color:background};
  331. top:240px;
  332. margin-left:-140px;
  333. padding:2px;
  334. width:262px;
  335. position:fixed;}
  336.  
  337.  
  338. #sidebar img {max-width:175px;
  339. width:100px;
  340. height:100px;
  341. margin-left:285px;
  342. border:8px solid {color:italics};
  343. -webkit-transition: all 0.7s ease-in-out;
  344. -moz-transition: all 0.7s ease-in-out;
  345. transition: all 0.7s ease-in-out;
  346. -ms-transition: all 0.7s ease-in-out;
  347. -o-transition: all 0.7s ease-in-out;}
  348.  
  349.  #sidebar img:hover {-webkit-transition: all 0.7s ease-in-out;
  350. -moz-transition: all 0.7s ease-in-out;
  351. transition: all 0.7s ease-in-out;
  352. -ms-transition: all 0.7s ease-in-out;
  353. -o-transition: all 0.7s ease-in-out;
  354. opacity:.8;}
  355.  
  356.  
  357.  
  358.  /*DESCPRITION*/
  359.  
  360.  
  361. #description {background-color:{color:sbar};
  362. padding:5px;
  363. text-transform:lowercase;
  364. font-family:calibri;
  365. float:left;
  366. width:175px;
  367. margin-top:-100px;
  368. margin-bottom:25px;
  369. margin-left:410px;
  370. text-align:center;
  371. z-index:1;
  372. opacity:1.1;
  373. -webkit-transition: all 1.5s ease-in-out;
  374. -moz-transition: all 1.5s ease-in-out;
  375. transition: all 1.5s ease-in-out;
  376. -ms-transition: all 1.5s ease-in-out;
  377. -o-transition: all 1.5s ease-in-out;}
  378.  
  379.  
  380. #description:hover {-webkit-transition: all 0.7s ease-in-out;
  381. -moz-transition: all 0.7s ease-in-out;
  382. transition: all 0.7s ease-in-out;
  383. -ms-transition: all 0.7s ease-in-out;
  384. -o-transition: all 0.7s ease-in-out;
  385. opacity:1.8}
  386.  
  387.  
  388.  /*TITLES*/
  389.  
  390.  
  391. h1 {color:{color:title};
  392. font-family:'Indie Flower';
  393. font-size:15px;
  394. line-height:17px;
  395. letter-spacing:2px;
  396. font-weight:normal;
  397. margin:0px;
  398. padding:0px;
  399. text-align:center;
  400. text-transform:none;
  401. font-style:normal;
  402. text-shadow:0px 2px 4px #BAA9A4;}
  403.  
  404.  
  405.  
  406. h2 {color:{color:title};
  407. font-family:'Indie Flower';
  408. font-size:15px;
  409. line-height:14px;
  410. letter-spacing:0px;
  411. font-weight:normal;
  412. margin:0px;
  413. padding:0px;
  414. margin-bottom:-0px;
  415. font-style:italic;
  416. text-align:center;
  417. text-transform:lowercase;
  418. font-style:italic;}
  419.  
  420.  
  421.  
  422.  /*INFO/PERMALINK*/
  423.  
  424.  
  425. #tags {margin-top:2px;
  426. text-align:left;
  427. font-family:calibri;
  428. text-transform:lowercase;
  429. font-size:10px;
  430. letter-spacing:2px;
  431. -webkit-transition-duration: 0.6s;
  432. -moz-transition-duration: 0.6s;
  433. line-height:150%;
  434. border-bottom:3px solid {color:italics};}
  435.  
  436.  
  437.  
  438. #info {background-color:{color:info};
  439. margin:5px 0px 0px 0px;
  440. font-family:calibri;
  441. font-size:10px;
  442. text-transform:lowercase;
  443. color:{color:text};
  444. letter-spacing:2px;
  445. text-align:left;
  446. padding:2px;
  447. line-height:40%;
  448. border-left:0px solid {color:italics};
  449. -webkit-transition-duration: 1s;
  450. -moz-transition-duration: 1s;}
  451.  
  452.  
  453.  
  454.  /*QUESTIONS*/
  455.  
  456.  
  457. #question {background-color:{color:ask};
  458. color:{color:text};
  459. padding:0px;
  460. font-family:calibri;
  461. font-size:12px;
  462. text-align:center;
  463. text-transform:lowercase;
  464. font-family:calibri;}
  465.  
  466.  
  467. #asker {background-color:{color:ask};
  468. color:{color:text};
  469. padding:-5px;
  470. font-family:calibri;
  471. font-size:10px;
  472. text-align:center;
  473. text-transform:lowercase;
  474. font-family:calibri;}
  475.  
  476.  
  477.  
  478.  /*PAGINATION*/
  479.  
  480.  
  481. #pagination {font-family:calibri;
  482. text-align:center;
  483. margin-left:-10px;
  484. font-size:45px;
  485. text-transform:uppercase;
  486. margin-top:50px;
  487. margin-bottom:14px;}
  488.  
  489.  
  490.  
  491.  /*MISC.*/
  492.  
  493.  
  494.  
  495. blockquote {border-left:1px {color:body} dotted;
  496. padding-left:5px;
  497. margin:0px 2px 0px 10px;}
  498.  
  499. blockquote img, blockquote a img {max-width: 490px}
  500.  
  501. b, strong {color:{color:title};}
  502.  
  503. i, em {color:{color:title};}
  504.  
  505. p {margin-top:2px; margin-bottom:2px}
  506.  
  507. img a {border:none}
  508. .audio {background-color:black; display:block;}
  509.  
  510. .user_1 .label {color:{color:title}; font-weight:bold}
  511.  
  512. .user_2 .label {color:{color:text}; font-weight:bold}
  513.  
  514. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  515.  
  516.  
  517. .notes img {width:10px; position:relative; top:1px;}
  518.  
  519. ol.notes, .notes li{list-stylhttp://www.tumblr.com/customize-classic#e:none; margin-top:10px; padding:0px;}
  520.  
  521. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  522.  
  523. ::-moz-selection {background-color:transparent; color:{color:Link};}
  524. ::selection {background-color:transparent; color:{color:link};}
  525.  
  526. </style>
  527. <style type="text/css">{CustomCSS}</style>
  528. </head>
  529.  
  530.  
  531.  
  532.  
  533. <body>
  534.  
  535.  
  536.  
  537.  
  538. <div id="title">{Title}</br></div><br>
  539.   <div id="nav">
  540. <a href="/" title="home" id="link1"></a>
  541. <a href="/ask" title="message" id="link2"></a>
  542. {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}" id="link3"></a>{/block:ifLink1}
  543. {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}" id="link4"></a>{/block:ifLink2}
  544. {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}" id="link5"></a>{/block:ifLink3}
  545. {block:ifLink4}<a href="{text:Link4}" title="{text:Link4 Title}" id="link6"></a>{/block:ifLink4}
  546. <a href="http://canadianbiebah.tumblr.com/tagged/themes" title="theme" id="link7"></a>
  547. </div></div><br>
  548.  
  549.  
  550. <div id="sidebar">
  551.  
  552.  
  553.  
  554. <div id="sidebar img">
  555. <a href="/"><img src="{image:sidebar}"/></a></div>
  556. <div id="description">
  557. {block:Description}{Description}{/block:Description}
  558. <div id="pagination">{block:Pagination}
  559. {block:PreviousPage}
  560. <a href="{PreviousPage}">«&nbsp;</a>
  561. {/block:PreviousPage}
  562.  
  563.  
  564.  
  565.  
  566.  
  567. {block:NextPage}
  568. <a href="{NextPage}">&nbsp;»</a>
  569. {/block:NextPage}
  570. {/block:Pagination}</div>
  571. </div></div>
  572.  
  573.  
  574.  
  575.  
  576. <br>
  577.  
  578.  
  579.  
  580.  
  581. <div id="entries">
  582. {block:Posts}
  583. <div id="posts">
  584. {block:Quote}
  585. <h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  586. {block:Title}
  587. <h1>{Title}&nbsp;</h1>{/block:Title}
  588. {block:Text}
  589. {Body}{/block:Text}
  590.  
  591.  
  592.  
  593.  
  594. {block:Link}
  595. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  596. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  597.  
  598.  
  599.  
  600.  
  601. {block:Photo}
  602. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  603. {LinkCloseTag}</center>{block:Caption}{Caption}
  604. {/block:Caption}{/block:Photo}
  605. {block:Photoset}
  606. <div class="post photoset">
  607. {Photoset-500}
  608. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  609. </div>{/block:Photoset}
  610.  
  611.  
  612.  
  613.  
  614. {block:Chat}
  615. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
  616. {block:Label}<span class="label">{Label}</span>
  617. {/block:Label}&nbsp;{Line}</li>
  618. {/block:Lines}</ul>{/block:Chat}
  619.  
  620.  
  621.  
  622.  
  623. {block:Video}
  624. {Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  625.  
  626.  
  627.  
  628.  
  629.  {block:Answer}
  630. <div id="question">{Question}</div><br>
  631. <div id="asker">&mdash; {Asker}</div><BR>
  632. <div id="answer">{Answer}</div>{/block:Answer}
  633.  
  634.  
  635.  
  636.  
  637. {block:Audio}
  638. <span class="audio"><center>{AudioPlayerBlack}</center></span>
  639. {block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  640.  
  641.  
  642.  
  643.  
  644. <div id="tags">
  645. <small>{block:HasTags}{block:Tags}<small>•</small><a href="/tagged/{Tag}">{Tag}
  646. </a>
  647. {/block:Tags}{/block:HasTags} + {block:NoteCount}
  648. <a href="{Permalink}"
  649. {block:NoteCount}{/block:NoteCount}</a>{NoteCountWithLabel}</a></small>
  650. </div>
  651.  
  652.  
  653.  
  654.  
  655. <div id="info">{block:Date}
  656. <small><a href="{Permalink}">{timeago}</a> on {MonthNumber}/{DayOfMonth}
  657. {/block:Date} - {block:RebloggedFrom}
  658. <a href="{ReblogParentURL}">
  659. <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  660. {block:ContentSource} /
  661. <a href="{SourceURL}">source</a>{/block:ContentSource}</div>
  662.  
  663.  
  664. {block:PostNotes}{PostNotes}{/block:PostNotes}</small>
  665. </div>
  666.  
  667.  
  668.  
  669. </body>
  670. </html>
create a new version of this paste RAW Paste Data