Advertisement
trenzalours

the women theme01

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