API tools faq
paste
Advertisement
mastercolorer

traitor(theme #02)

mastercolorer
Mar 26th, 2015
280
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.28 KB | None | 0 0
raw download clone embed print report
  1. <!--theme #2 by brokenoliver. please don't remove the credit or use as a base code!-->
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5.  
  6. <title>{Title}</title>
  7.  
  8. {Block:Description}
  9. <meta name="description" content="{MetaDescription}" />
  10. {/Block:Description}
  11. <link rel="shortcut icon" href="{Favicon}" />
  12. <meta name="image:sidebar" content="{image:sidebar}" />
  13. <meta name="color:background" content="" />
  14. <meta name="color:text" content="" />
  15. <meta name="color:link" content="" />
  16. <meta name="color:link hover" content="" />
  17.  
  18.  
  19. <meta name="text:link1" content="home">
  20. <meta name="text:link1 url" content="/">
  21. <meta name="text:link2" content="ask">
  22. <meta name="text:link2 url" content="/">
  23. <meta name="text:link3" content="link3">
  24. <meta name="text:link3 url" content="/">
  25. <meta name="text:link4" content="link4">
  26. <meta name="text:link4 url" content="/">
  27. <meta name="text:link5" content="link5">
  28. <meta name="text:link5 url" content="/">
  29. <meta name="text:link6" content="link6">
  30. <meta name="text:link6 url" content="/">
  31.  
  32.  
  33.  
  34. <style type="text/css">
  35. /*start of updates, not mine, credit goes to dracomalfouy.tumblr.com*/
  36. #tab01{
  37. margin-bottom:5px;
  38. padding-left:4px;
  39. height:2px;
  40. width: 45px;
  41. border:none;
  42. background-color: black;
  43. text-align:center;
  44. overflow:hidden;
  45. margin-top:1px1px;
  46. text-transform:uppercase;
  47. letter-spacing:1px;
  48. font-size:10px;
  49. line-height:10px;
  50. z-index:0;
  51. -webkit-transition: all 1s ease-in-out;
  52. -moz-transition: all 1s ease-in-out;
  53. -o-transition: all 1s ease-in-out;
  54. }
  55. #tab01:hover{
  56. height:200px;
  57. width:150px;
  58. background-color: white;
  59. -webkit-transition: all 1s ease-in-out;
  60. -moz-transition: all 1s ease-in-out;
  61. -o-transition: all 1s ease-in-out;
  62. }
  63.  
  64. #tab02{
  65. margin-bottom:5px;
  66. padding-left:4px;
  67. height:2px;
  68. width:16px;
  69. border:none;
  70. background-color:black;
  71. text-align:center;
  72. overflow:hidden;
  73. text-transform:uppercase;
  74. letter-spacing:1px;
  75. font-size:10px;
  76. line-height:10px;
  77. z-index:0;
  78. -webkit-transition: all 1s ease-in-out;
  79. -moz-transition: all 1s ease-in-out;
  80. -o-transition: all 1s ease-in-out;
  81. }
  82. #tab02:hover{
  83. height:200px;
  84. width:150px;
  85. background-color:white;
  86. -webkit-transition: all 1s ease-in-out;
  87. -moz-transition: all 1s ease-in-out;
  88. -o-transition: all 1s ease-in-out;
  89. }
  90.  
  91. #tab03{
  92. margin-bottom:5px;
  93. padding-left:4px;
  94. height:2px;
  95. width:24px;
  96. border:none;
  97. background-color:black;
  98. text-align:center;
  99. overflow:hidden;
  100. text-transform:uppercase;
  101. letter-spacing:1px;
  102. font-size:10px;
  103. line-height:10px;
  104. z-index:0;
  105. -webkit-transition: all 1s ease-in-out;
  106. -moz-transition: all 1s ease-in-out;
  107. -o-transition: all 1s ease-in-out;
  108. }
  109. #tab03:hover{
  110. height:200px;
  111. width:150px;
  112. background-color:white;
  113. -webkit-transition: all 1s ease-in-out;
  114. -moz-transition: all 1s ease-in-out;
  115. -o-transition: all 1s ease-in-out;
  116. }
  117. #tab04{ /*This is the customization of EACH tab*/
  118. margin-bottom:5px;
  119. padding-left:4px;
  120. height:2px;
  121. width:52px;
  122. border:none;
  123. background-color:black;
  124. text-align:center;
  125. overflow:hidden;
  126. text-transform:uppercase;
  127. letter-spacing:1px;
  128. font-size:10px;
  129. line-height:10px;
  130. z-index:0;
  131. -webkit-transition: all 1s ease-in-out;
  132. -moz-transition: all 1s ease-in-out;
  133. -o-transition: all 1s ease-in-out;
  134. }
  135. #tab04:hover{/*This is the customization of the tabs HOVER*/
  136. height:200px;
  137. width:150px;
  138. background-color:white;
  139. -webkit-transition: all 1s ease-in-out;
  140. -moz-transition: all 1s ease-in-out;
  141. -o-transition: all 1s ease-in-out;
  142. }
  143.  
  144.  
  145.  
  146. #container{/*this controls the position of the tabs, the over-all width, and the title of each tab.*/
  147. text-align:center;
  148. font-size:10px;
  149. text-transform:uppercase;
  150. position:fixed;
  151. font-family:calibri;
  152. left:5px;
  153. background-color:transparent;
  154. letter-spacing:1px;
  155. width:95px;
  156. z-index:9999;
  157. padding:4px;
  158. top:20px;
  159.  
  160. }
  161. /*end of updates*/
  162. body {
  163. background:{color:background};
  164. font-family: Verdana;
  165. font-size: 10px;
  166. text-decoration:none;
  167. }
  168.  
  169.  
  170.  
  171. #sidebar {
  172. background-color:{color:background};
  173. width:260px;
  174. position:fixed;
  175. top:150px;
  176. left:900px;
  177.  
  178. }
  179.  
  180. #sidebar .title{
  181. font-family:'Copperplate' Arial, sans-serif;
  182. font-size:13px;
  183. text-align:center;
  184. padding:10px;
  185. text-decoration:none;
  186. color:{color:link};
  187. text-transform:uppercase;
  188. width:140px;
  189. }
  190. #sidebar .title a {
  191. text-decoration: none;
  192. color:{color:link};
  193. }
  194.  
  195. #sidebar .title a:hover {
  196. text-decoration:none;
  197. color:{color:link hover};
  198. -webkit-transition: all 0.5s ease-in-out;
  199. -moz-transition: all 0.5s ease-in-out;
  200. -o-transition: all 0.5s ease-in-out;
  201. }
  202.  
  203. #sidebar .image{
  204. width:160px;
  205. height:auto;
  206.  
  207. }
  208.  
  209.  
  210.  
  211.  
  212. #sidebar .description{
  213. color:{color:text};
  214. font-size:10px;
  215. text-align:center;
  216. padding:5px;
  217. line-height:120%;
  218. width:150px;
  219.  
  220.  
  221. }
  222.  
  223. #sidebar .description a{
  224. text-decoration:none;
  225. }
  226. #sidebar .description a:hover{
  227. color:{color: link hover};
  228. text-decoration:none;
  229. -webkit-transition: all 0.5s ease-in-out;
  230. -moz-transition: all 0.5s ease-in-out;
  231. -o-transition: all 0.5s ease-in-out;
  232.  
  233. }
  234.  
  235.  
  236.  
  237. #sidebar #pagination{
  238. width:154px;
  239. text-align:left;
  240. padding:3px 0px;
  241. color:{color:link};
  242. }
  243. #sidebar #pagination a{
  244. text-decoration:none;
  245. color:{color:link};
  246. }
  247. #sidebar #pagination a:hover{
  248. color:{color:link hover};
  249. text-decoration:none;
  250. -webkit-transition: all 0.5s ease-in-out;
  251. -moz-transition: all 0.5s ease-in-out;
  252. -o-transition: all 0.5s ease-in-out;
  253.  
  254. }
  255. #sidebar .links{
  256. background-color:{color:background};
  257. margin-left:12px;
  258. text-align:center;
  259. font-family:Verdana;
  260. font-size:10px;
  261. padding:0px 0px;
  262. width:140px;
  263. line-height:150%;
  264. }
  265. #sidebar .links a{
  266. text-decoration:none;
  267. color:{color:link};
  268. }
  269. #sidebar .links a:hover{
  270. color:{color:link hover};
  271. text-decoration:none;
  272. -webkit-transition: all 0.5s ease-in-out;
  273. -moz-transition: all 0.5s ease-in-out;
  274. -o-transition: all 0.5s ease-in-out;
  275.  
  276. }
  277.  
  278. #content {
  279. width: 560px;
  280. background-color: rgba(255, 255, 255, 0.4);
  281. margin: 40px 0 60px 300px;
  282. padding: 20px 0;
  283. color: {color:text};
  284. }
  285.  
  286. #content a {
  287. color: {color:link};
  288. text-decoration: none;
  289. }
  290.  
  291. #content a:hover {
  292. color:{color:link hover};
  293. text-decoration:none;
  294. -webkit-transition: all 0.5s ease-in-out;
  295. -moz-transition: all 0.5s ease-in-out;
  296. -o-transition: all 0.5s ease-in-out;
  297. }
  298.  
  299. #content blockquote {
  300. border-left: solid 2px black;
  301. margin: 0;
  302. padding-left: 10px;
  303. }
  304.  
  305. img {
  306. border: 0;
  307. max-width: 100%;
  308. }
  309.  
  310. #content #posts {
  311. background-color:{color:background};
  312. width:500px;
  313. margin:0px auto 20px;
  314. padding:10px;
  315. }
  316.  
  317. #content #posts .title {
  318. font-size: 20px;
  319. }
  320.  
  321. #content #posts .text {
  322. font-size:10px;
  323. }
  324.  
  325.  
  326.  
  327.  
  328.  
  329. #content #posts #permalink {
  330. font-size:8px;
  331. margin-top:10px;
  332. }
  333.  
  334. #content #posts #tags {
  335. font-size:8px;
  336. }
  337.  
  338. #content #notecontainer {
  339. margin: 20px auto;
  340. width: 500px;
  341. font-size: 11px;
  342. }
  343.  
  344. #content #notecontainer ol.notes {
  345. list-style-type: none;
  346. margin: 0;
  347. padding: 0;
  348. }
  349.  
  350. #content #notecontainer img.avatar {
  351. margin-right: 10px;
  352. width: 16px;
  353. height: 16px;
  354. }
  355.  
  356. #cred {
  357. bottom:-10px;
  358. left:5px;
  359. position:fixed;
  360. padding:4px;
  361. font-size:10px;
  362. color:{color:text};
  363. padding:10px;
  364.  
  365. }
  366.  
  367. #cred a{
  368. text-decoration:none;
  369. color:{color:link};
  370. }
  371. #cred a:hover{
  372. color:{color:link hover};
  373. text-decoration:none;
  374. -webkit-transition: all 0.5s ease-in-out;
  375. -moz-transition: all 0.5s ease-in-out;
  376. -o-transition: all 0.5s ease-in-out;
  377. }
  378.  
  379. </style>
  380.  
  381. </head>
  382. <body>
  383.  
  384. <div id="structure">
  385. <div id="container">
  386.  
  387. <div id="tab01">
  388.  
  389. <div style="font-size:10px;color:#453220;">TITLE HERE</div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:9px; text-align:center; color:#b9b9b9;"><br>
  390. PUT YOUR TEXT HERE
  391.  
  392. </div>
  393. </div>
  394.  
  395.  
  396. <div id="tab02">
  397. <div style="font-size:10px;color:#453220;">TITLE HERE</div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:#b9b9b9;"><br>
  398. PUT YOUR TEXT HERE
  399. </div></div>
  400.  
  401.  
  402.  
  403. <div id="tab03">
  404. <div style="font-size:10px;color:#453220;">TITLE HERE</div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:#b9b9b9;"><br>
  405. PUT YOUR TEXT HERE
  406. </div>
  407. </div>
  408.  
  409. <div id="tab04">
  410. <div style="font-size:10px;color:#453220;">TITLE HERE</div> <div style="padding-top:1px; text-transform:lowercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:center; color:#b9b9b9;"><br>
  411. PUT YOUR TEXT HERE
  412.  
  413. </div>
  414. </div>
  415.  
  416. </div></div></div></div>
  417.  
  418. <div id="sidebar">
  419. <img class="image" src="{image:sidebar}" />
  420. <div class="title"><a href="/">{title}</a> </div>
  421. <div class="links">
  422. <a href="{text:link1 url}" title="{text:link1}">i.</a>
  423. <a href="{text:link2 url}" title="{text:link2}">ii.</a>
  424. <a href="{text:link3 url}" title="{text:link3}">iii.</a>
  425. <a href="{text:link4 url}" title="{text:link4}">iv.</a>
  426. <a href="{text:link5 url}" title="{text:link5}">v.</a>
  427. <a href="{text:link6 url}" title="{text:link6}">vi.</a>
  428. </div>
  429. <div class="description">{description}</div>
  430. <div id="pagination">{block:Pagination}
  431. {block:PreviousPage}
  432. <a href="{PreviousPage}" title="last">-</a>
  433. {/block:PreviousPage}
  434. {block:NextPage}
  435. <a href="{NextPage}" title="next">+</a>
  436. {/block:NextPage}
  437. {/block:Pagination}
  438. </div>
  439.  
  440.  
  441.  
  442.  
  443.  
  444. </div>
  445.  
  446. <div id="content">
  447. <div class="autopagerize_page_element">
  448. {block:Posts}
  449. <div id="posts">
  450.  
  451. {block:Photo}
  452. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  453. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  454. {/block:Photo}
  455.  
  456. {block:Photoset}
  457. {Photoset-500}
  458. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  459. {/block:Photoset}
  460.  
  461. {block:Video}
  462. {Video-500}
  463. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  464. {/block:Video}
  465.  
  466. {block:Audio}
  467. {AudioPlayerBlack}
  468. <div class="text">~ {PlayCountWithLabel}</div>
  469. {block:Caption}<div class="text">{Caption}</div>{/block:Caption}
  470. {/block:Audio}
  471.  
  472. {block:Quote}
  473. <div class="title">“{Quote}”</div>
  474. {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source}
  475. {/block:Quote}
  476.  
  477. {block:Text}
  478. {block:Title}<div class="title">{Title}</div>{/block:Title}
  479. <div class="text">{Body}</div>
  480. {/block:Text}
  481.  
  482. {block:Answer}
  483. <div class="title">{Question}</div>
  484. <div class="text">~ {Asker}</div>
  485. <div class="text">{Answer}</div>
  486. {block:Answer}
  487.  
  488. {block:Chat}
  489. {block:Title}<div class="title">{Title}</div>{/block:Title}
  490. <div class="text">
  491. {block:Lines}
  492. {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br />
  493. {/block:Lines}
  494. </div>
  495. {/block:Chat}
  496.  
  497. {block:Link}
  498. <div class="title"><a href="{URL}">{Name}</a></div>
  499. {block:Description}
  500. <div class="text">{Description}</div>
  501. {/block:Description}
  502. {/block:Link}
  503.  
  504.  
  505. <div id="permalink">
  506. <a href="{Permalink}">
  507. {block:NoteCount} +{NoteCount}{/block:NoteCount} on
  508. {block:Date}{DayOfMonth} {Month} {Year}{/block:Date}
  509.  
  510. </a>
  511. </div>
  512.  
  513.  
  514. {block:HasTags}<div id="tags">
  515. {block:Tags}<a href="{TagURL}"> #{Tag}</a>{/block:Tags}
  516. </div>
  517. {/block:HasTags}
  518.  
  519. </div>
  520.  
  521. {block:PostNotes}
  522. <div id="notecontainer">{PostNotes}</div>
  523. {/block:PostNotes}
  524.  
  525.  
  526. {/block:Posts}
  527. </div>
  528.  
  529.  
  530. </div>
  531.  
  532. <div id="cred">
  533. <p><a href="http://captainamell.co.vu" title="by brokenoliver">bs</a>
  534. </div>
  535.  
  536. </body>
  537. </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!