API tools faq
paste
trenzalours

theme 02 light

trenzalours
May 1st, 2014
1,326
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.55 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  8.  
  9.  
  10. <!---
  11. ||||||| T R E N Z A L O U R S - T H E M E S |||||||||
  12.  
  13.  
  14. PLEASE DON'T REPOST OR CLAIM AS YOUR OWN
  15. LEAVE THE CREDIT WHERE IT IS
  16. FEEL FREE TO ASK ME QUESTIONS ABOUT THE THEME
  17.  
  18. --->
  19.  
  20.  
  21.  
  22. <meta name="color:blockcolor" content="#2b2726">
  23. <meta name="color:background" content="#ffffff"/>
  24. <meta name="color:text" content="#2A363B"/>
  25. <meta name="color:link" content="#E84A5F"/>
  26. <meta name="color:navilink" content="#99B898"/>
  27. <meta name="color:hover" content="#FECEA8"/>
  28. <meta name="color:accent" content="#FF847C"/>
  29. <meta name="color:info" content="#2A363B"/>
  30. <meta name="color:title" content="#E84A5F"/>
  31. <meta name="color:title2" content="#99B898"/>
  32. <meta name="color:selection" content="#FECEA8"/>
  33. <meta name="color:tabcolor" content="#2b2726">
  34. <meta name="color:tabcolor2" content="#333233">
  35. <meta name="color:tabcolor3" content="#666566">
  36. <meta name="color:tabcolor4" content="#8C8C8C">
  37. <meta name="color:tabcolor5" content="#ABABAB">
  38. <meta name="color:tabcolor6" content="#CFCFCF">
  39.  
  40. <meta name="image:sidebar" content="">
  41.  
  42. <meta name="text:link1" content="link1"/>
  43. <meta name="text:link1url" content="/"/>
  44. <meta name="text:link2" content="link2"/>
  45. <meta name="text:link2url" content="/"/>
  46. <meta name="text:link3" content="link3"/>
  47. <meta name="text:link3url" content="/"/>
  48. <meta name="text:link4" content="link4"/>
  49. <meta name="text:link4url" content="/"/>
  50. <meta name="text:link5" content="link5"/>
  51. <meta name="text:link5url" content="/"/>
  52.  
  53. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  54.  
  55. <script type="text/javascript"
  56. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  57.  
  58. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:200,
  65. tip_fade_speed:300
  66. }
  67. );
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72.  
  73.  
  74.  
  75.  
  76.  
  77. <style type="text/css">
  78.  
  79. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;}
  80.  
  81.  
  82. #tabcode1{
  83. border-right:8px solid {color:tabcolor};
  84. padding-left:4px;
  85. height:14px;
  86. text-align:right;
  87. overflow:hidden;
  88. margin-top:-1px;
  89. border-bottom:0px solid #706732;
  90. text-transform:uppercase;
  91. letter-spacing:1px;
  92. font-size:8px;
  93. line-height:10px;
  94. z-index:0;
  95. -webkit-transition: all 0.7s ease-in-out;
  96. -moz-transition: all 0.7s ease-in-out;
  97. -o-transition: all 0.7s ease-in-out;
  98. }
  99. #tabcode1:hover{
  100. height:100px;
  101. -webkit-transition: all 0.7s ease-in-out;
  102. -moz-transition: all 0.7s ease-in-out;
  103. -o-transition: all 0.7s ease-in-out;
  104. }
  105.  
  106. #tabcode2{
  107. height:14px;
  108. text-align:right;
  109. overflow:hidden;
  110. border-right:8px solid {color:tabcolor2};
  111. padding-left:4px;
  112. text-transform:uppercase;
  113. background-color:#fff;
  114. letter-spacing:1px;
  115. font-size;8px;
  116. line-height:13px;
  117. z-index:0;
  118. -webkit-transition: all 0.7s ease-in-out;
  119. -moz-transition: all 0.7s ease-in-out;
  120. -o-transition: all 0.7s ease-in-out;
  121. }
  122.  
  123. #tabcode2:hover{
  124. height:100px;
  125. -webkit-transition: all 0.7s ease-in-out;
  126. -moz-transition: all 0.7s ease-in-out;
  127. -o-transition: all 0.7s ease-in-out;
  128. }
  129.  
  130. #tabcode3{
  131.  
  132. border-right:8px solid {color:tabcolor3};
  133. padding-left:4px;
  134. height:14px;
  135. text-align:right;
  136. overflow:hidden;
  137. border-bottom:0px solid #ccc;
  138. text-transform:uppercase;
  139. background-color:#fff;
  140. letter-spacing:1px;
  141. font-size;8px;
  142. line-height:13px;
  143. z-index:0;
  144. -webkit-transition: all 0.7s ease-in-out;
  145. -moz-transition: all 0.7s ease-in-out;
  146. -o-transition: all 0.7s ease-in-out;
  147. }
  148.  
  149. #tabcode3:hover{
  150. height:100px;
  151. -webkit-transition: all 0.7s ease-in-out;
  152. -moz-transition: all 0.7s ease-in-out;
  153. -o-transition: all 0.7s ease-in-out;
  154. }
  155.  
  156. #tabcode4{
  157.  
  158. border-right:8px solid {color:tabcolor4};
  159. padding-left:4px;
  160. height:14px;
  161. text-align:right;
  162. overflow:hidden;
  163. border-bottom:0px solid #ccc;
  164. text-transform:uppercase;
  165. background-color:#fff;
  166. letter-spacing:1px;
  167. font-size;8px;
  168. line-height:13px;
  169. z-index:0;
  170. -webkit-transition: all 0.7s ease-in-out;
  171. -moz-transition: all 0.7s ease-in-out;
  172. -o-transition: all 0.7s ease-in-out;
  173. }
  174.  
  175. #tabcode4:hover{
  176. height:60px;
  177. -webkit-transition: all 0.7s ease-in-out;
  178. -moz-transition: all 0.7s ease-in-out;
  179. -o-transition: all 0.7s ease-in-out;
  180. }
  181.  
  182. #tabcode5{
  183.  
  184. border-right:8px solid {color:tabcolor5};
  185. padding-left:4px;
  186. height:14px;
  187. text-align:right;
  188. overflow:hidden;
  189. border-bottom:0px solid #ccc;
  190. text-transform:uppercase;
  191. background-color:#fff;
  192. letter-spacing:1px;
  193. font-size;8px;
  194. line-height:13px;
  195. z-index:0;
  196. -webkit-transition: all 0.7s ease-in-out;
  197. -moz-transition: all 0.7s ease-in-out;
  198. -o-transition: all 0.7s ease-in-out;
  199. }
  200.  
  201. #tabcode5:hover{
  202. height:100px;
  203. -webkit-transition: all 0.7s ease-in-out;
  204. -moz-transition: all 0.7s ease-in-out;
  205. -o-transition: all 0.7s ease-in-out;
  206. }
  207.  
  208.  
  209.  
  210. #tabcode{
  211. text-align:right;
  212. font-size:10px;
  213. opacity: .8;
  214. text-transform:uppercase;
  215. position:fixed;
  216. font-family:calibri;
  217. left:220px;
  218. background-color:transparent;
  219. letter-spacing:1px;
  220. width:95px;
  221. z-index:9999;
  222. padding:4px;
  223. top:47px;
  224.  
  225. }
  226. #s-m-t-tooltip{
  227. max-width:300px;
  228. margin:15px;
  229. padding:4px 8px;
  230. border:1px solid white;
  231. border-radius:5px;
  232. background:{color:title};
  233. color:white;
  234. z-index:999999;
  235. font-size:8px;
  236. text-transform:lowercase;
  237. font-weight:bold;
  238. letter-spacing:1px;
  239. box-shadow:1px 1px 3px rgba(0,0,0,.1);}
  240.  
  241.  
  242. body {
  243. background-color:{color:background};
  244. font-family:arial;
  245. font-size:12px;
  246. color:{color:text};
  247. }
  248.  
  249.  
  250. a {
  251. color:{color:link};
  252. text-decoration:none;
  253. -webkit-transition-duration:.3s;
  254. -moz-transition-duration:.3s;
  255. -o-transition-duration:.3s;
  256. }
  257.  
  258.  
  259. a:hover {
  260. color:{color:hover};
  261.  
  262. -webkit-transition-duration:.3s;
  263. -moz-transition-duration:.3s;
  264. -o-transition-duration:.3s;
  265. }
  266.  
  267.  
  268.  
  269. h1 {
  270. font-size:2em;
  271. font-weight:bold;
  272. letter-spacing:-2px;
  273. color:{color:accent};
  274. }
  275.  
  276.  
  277. b {
  278. color:{color:navilink};
  279. }
  280.  
  281. i {
  282. color:{color:accent};
  283. }
  284.  
  285. em {
  286. color:{color:accent};
  287. }
  288.  
  289. big {
  290. color:{color:accent};
  291. font-size:2em;
  292. }
  293.  
  294. strong {
  295. color:{color:navilink};
  296. }
  297.  
  298.  
  299.  
  300.  
  301.  
  302. blockquote {
  303. padding-left:5px;
  304. border-left:3px solid {color:accent};;
  305.  
  306. }
  307.  
  308. blockquote blockquote {
  309. padding-left:10px;
  310. border-left:0px solid {color:accent};
  311. }
  312.  
  313.  
  314.  
  315.  
  316. #title {
  317.  
  318.  
  319. font-family:arial;
  320. font-size:28px;
  321. color:{color:title};
  322. letter-spacing:-3px;
  323. width:140px;
  324. text-transform:lowercase;
  325. font-weight:bold;
  326. margin-left:70px;
  327.  
  328. -webkit-transition-duration:1s;
  329. -moz-transition-duration:1s;
  330. -o-transition-duration:1s;
  331. }
  332.  
  333. #title a {
  334. margin-left:-49px;
  335.  
  336. color:{color:title};
  337. -webkit-transition-duration:1s;
  338. -moz-transition-duration:1s;
  339. -o-transition-duration:1s;
  340. }
  341.  
  342. #title a:hover {
  343. text-shadow: {color:title} 0 0 5px;
  344. color:{color:title};
  345. font-size:28px;
  346. -webkit-transition-duration:1s;
  347. -moz-transition-duration:1s;
  348. -o-transition-duration:1s;
  349. }
  350.  
  351.  
  352. #sidebar {
  353. width:180px;
  354. margin-left:880px;
  355. margin-top:200px;
  356. padding:5px;
  357. position:fixed;
  358. }
  359.  
  360.  
  361. #sidebarimage {
  362. width:200px;
  363. overflow:hidden;
  364. }
  365.  
  366. #sidebarimage img {
  367. margin-left:15px;
  368. width:190px;
  369. border:0px solid {color:navilink};
  370. }
  371.  
  372. #desc {
  373.  
  374. width:165px;
  375. height:0px;
  376. background-color:{color:blockcolor};
  377. margin-top:-2px;
  378. margin-left:15px;
  379. padding:10px;
  380. color:white;
  381. overflow:hidden;
  382. text-align:justify;
  383. font-family:arial;
  384. font-size:9px;
  385. line-height:13px;
  386. z-index:0;
  387. background-image: linear-gradient(rgba(0, 0, 0, .5), {color:blockcolor});
  388. -webkit-transition: all 0.7s ease-in-out;
  389. -moz-transition: all 0.7s ease-in-out;
  390. -o-transition: all 0.7s ease-in-out;
  391. }
  392.  
  393. #desc:hover{
  394. height:90px;
  395. -webkit-transition: all 0.7s ease-in-out;
  396. -moz-transition: all 0.7s ease-in-out;
  397. -o-transition: all 0.7s ease-in-out;
  398. }
  399.  
  400. #links {
  401. margin-top:-100px;
  402. line-height:15px;
  403. color:{color:link};
  404. padding:10px;
  405. letter-spacing:10px;
  406. -webkit-transition-duration:.5s;
  407. -moz-transition-duration::.5s;
  408. -o-transition-duration:.5s;
  409. }
  410.  
  411.  
  412. #links a{
  413. margin-left:196px;
  414. display:inline-block;
  415. background:{color:navilink};
  416. padding:4px;
  417. border-radius:5px;
  418. -webkit-transition-duration:1s;
  419. -moz-transition-duration:1s;
  420. -o-transition-duration:1s;
  421.  
  422. }
  423. #links a:hover{
  424. background-color:{color:hover};
  425. -webkit-transition-duration:1s;
  426. -moz-transition-duration:1s;
  427. -o-transition-duration:1s;
  428.  
  429. }
  430.  
  431.  
  432.  
  433.  
  434.  
  435. .asker {
  436.  
  437. background-color:#fff;
  438. border-bottom:0px solid {color:accent};
  439. width:100%;
  440. text-align:left;
  441. padding:5px;
  442. font-family:arial;
  443. font-size:16px;
  444. color:{color:navilink};
  445. letter-spacing:-1px;
  446. text-transform:lowercase;
  447. font-weight:bold;
  448. }
  449.  
  450.  
  451. .asker a {
  452. border:none;
  453. }
  454. .question {
  455. background-color:#fff;
  456. border-bottom:1px solid {color:hover};
  457. color:{color:text};
  458. width:100%;
  459. padding:5px;
  460. font-family:arial;
  461. text-align:left;
  462. font-size:10px;
  463. min-height:20px;
  464. font-style:italic;
  465.  
  466. }
  467.  
  468. .reply {
  469. border-top:1px solid {color:hover};
  470. margin-top:0px;
  471. font-family:arial;
  472. padding:5px;
  473. color:{color:text};
  474. text-align:left;
  475. font-size:11px;
  476. letter-spacing:1px;
  477. font-weight:;
  478. }
  479.  
  480.  
  481.  
  482. #postcontainer {
  483.  
  484. padding:50px 9px 0px;
  485. margin-left:340px;
  486. margin-top:-15px;
  487. width:500px;
  488.  
  489. }
  490.  
  491. #post {
  492.  
  493. text-align:left;
  494. width:500px;
  495. padding:6px;
  496. margin-bottom:50px;
  497.  
  498. }
  499.  
  500.  
  501.  
  502.  
  503. #info {
  504. font-size:9px;
  505. text-align:center;
  506. opacity:0;
  507. width:100%;
  508. margin-top:10px;
  509. font-size:9px;
  510. color:{color:navilink};
  511. letter-spacing:1px;
  512. background-color:#fff;
  513. padding-top:7px;
  514. padding-bottom:7px;
  515. text-align:center;
  516. width:100%;
  517. border-bottom:0px solid {color:accent};
  518.  
  519. -webkit-transition-duration:1s;
  520. -o-transition-duration:1s;
  521. -moz-transition-duration:1s;
  522. }
  523.  
  524. #post:hover #info {
  525.  
  526. opacity:1;
  527. -webkit-transition-duration:1s;
  528. -o-transition-duration:1s;
  529. -moz-transition-duration:1s;
  530. }
  531.  
  532.  
  533.  
  534. ::selection {
  535. background-color:{color:selection};
  536. color:white;
  537. }
  538.  
  539.  
  540.  
  541.  
  542. #cred {
  543. bottom:3px;
  544. position:fixed;
  545. right:10px;
  546. float:right;
  547. font-family:arial;
  548. font-weight:bold;
  549. font-size:8px;
  550. letter-spacing:1px;
  551. text-transform:uppercase;
  552.  
  553. padding:4px;
  554. }
  555.  
  556. #cred a {
  557. color:{color:link};
  558.  
  559. }
  560.  
  561. #cred a:hover {
  562. color:{color:hover};
  563. }
  564.  
  565. #pagi {
  566. margin-top:10px;
  567. margin-left:65px;
  568. }
  569.  
  570. .jump_page {
  571.  
  572. padding: 3px 4px;
  573. border: 0px solid #888;
  574. background-color: #fff;
  575. color:{color:link};
  576. font-family:arial;
  577. font-size:9px;
  578. text-decoration:none;
  579. }
  580.  
  581. .current_page, .jump_page:hover {
  582.  
  583.  
  584. padding: 4px 8px;
  585. border: 0px solid #aaa;
  586. background-color:;
  587. color: {color:hover};
  588. font-family: arial;
  589. font-size:11px;
  590. text-decoration:none;
  591. }
  592.  
  593.  
  594. .photoset {
  595.  
  596. border:0px #ccc double;
  597. -webkit-transition-duration:1s;
  598. -moz-transition-duration:1s;
  599. -o-transition-duration:1s;
  600. }
  601.  
  602.  
  603.  
  604. </style>
  605.  
  606. </head>
  607. <body>
  608. <div id="tabholder">
  609. <div id="tabcode">
  610. <div id="tabcode1">
  611. <div style="font-size:8px;color:#453220;">UPDATES</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:9px; text-align:left; color:#8C8C8C;"><br>
  612. You can remove this if you want!
  613.  
  614.  
  615. </div>
  616. </div>
  617.  
  618. <div id="tabcode2">
  619. <div style="font-size:8px;color:#453220;">ABOUT</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#8C8C8C;">
  620. TEXT HERE
  621. </div></div>
  622.  
  623. <div id="tabcode3">
  624. <div style="font-size:8px;color:#453220;">SOCIAL</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#8C8C8C;">
  625. TEXT HERE
  626. </div>
  627. </div>
  628.  
  629.  
  630. <div id="tabcode4">
  631. <div style="font-size:8px;color:#453220;">CURRENTLY</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#8C8C8C;">
  632. TEXT HERE
  633.  
  634. </div>
  635. </div>
  636.  
  637. <div id="tabcode5">
  638. <div style="font-size:8px;color:#453220;">EXTRA</div> <div style="padding-top:1px; text-transform:uppercase; opacity:.9; font-family: calibri; font-size:8px; line-height:10px; text-align:left; color:#8C8C8C;">
  639. TEXT HERE
  640. </div>
  641. </div>
  642.  
  643. </div></div></div></div>
  644.  
  645.  
  646. <div id="sidebar">
  647. <div id="title"><a href="/">{Title}</a></div>
  648.  
  649. <div id="sidebarimage">
  650.  
  651. <img src="{image:sidebar}">
  652.  
  653. </div>
  654.  
  655.  
  656. <div id="links">
  657. <a href="{text:link1url}"title="{text:link1}"></a>
  658. <a href="{text:link2url}"title="{text:link2}"></a>
  659. <a href="{text:link3url}"title="{text:link3}"></a>
  660. <a href="{text:link4url}"title="{text:link4}"></a>
  661. <a href="{text:link5url}"title="{text:link5}"></a>
  662. </div>
  663.  
  664. <div id="desc"><p></p>{Description}</div>
  665.  
  666. <!---PAGINATION--->
  667.  
  668. <div id="pagi">
  669. {block:Pagination}
  670. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page"title="previous">&#8592;</a>{/block:PreviousPage}
  671. {block:JumpPagination length="3"}
  672. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  673. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  674. {block:NextPage}<a href="{NextPage}" class="jump_page"title="forward">&#8594;</a>{/block:NextPage}
  675. {/block:Pagination}
  676. </div></div>
  677.  
  678. <!---THIS IS WHERE THE POSTS GO--->
  679.  
  680.  
  681. <div id="postcontainer">
  682.  
  683. {block:Posts}
  684. <div id="post">
  685.  
  686. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  687.  
  688.  
  689.  
  690. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  691.  
  692. {block:Photoset}
  693. <div class="photoset">{Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  694.  
  695.  
  696.  
  697.  
  698. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  699.  
  700.  
  701.  
  702. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  703.  
  704.  
  705.  
  706. {block:Quote}{Quote}{block:Source}-{Source}{/block:Source}{/block:Quote}
  707.  
  708.  
  709.  
  710. {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  711.  
  712.  
  713.  
  714. {block:Answer}
  715. <div class="asker">
  716. {Asker}; <i>{Question}</i></div>
  717. <div class="reply">
  718. {Answer}</div>
  719. {/block:Answer}
  720.  
  721. <!---CHAT POSTS--->
  722.  
  723. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}{/block:Lines}{/block:Chat}
  724.  
  725. <div id="info">
  726. <!---POST INFO--->
  727. posted <a href="{Permalink}">{DayOfWeek} {MonthNumber}/{DayOfMonth}/{Year}</a>
  728. with <a href="{Permalink}">{NoteCountWithLabel}</a>
  729. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> & {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom}
  730. <br>
  731. {block:HasTags}filed: <i>{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}</i>
  732.  
  733. </div></div>
  734. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  735. {/block:Posts}
  736.  
  737.  
  738.  
  739. </div>
  740.  
  741. </div>
  742.  
  743.  
  744.  
  745.  
  746.  
  747. <div id="cred"><a href="http://trenzalours.tumblr.com/" title="trenzalours themes">
  748. trenz<
  749. </a></div>
  750.  
  751.  
  752. </body>
  753. <!---if you wanted to add a pop up ask box, you would want to put that in here--->
  754. </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!