API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #83 - The Two Of Us

iamthemelocked
Jul 5th, 2014
713
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 47.71 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.  
  3. <!--- Theme by iamthemelocked
  4. DO NOT REMOVE THE CREDIT
  5. DO NOT COPY
  6. DO NOT CLAIM AS YOUR OWN
  7. IF YOU DO THEN I´LL MAKE YOU INTO SHOES
  8. BIT NOT GOOD, ISN´T IT?--->
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head><title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link href='http://fonts.googleapis.com/css?family=Alegreya+SC' rel='stylesheet' type='text/css'>
  14. <link href='http://fonts.googleapis.com/css?family=Advent+Pro:400,300' rel='stylesheet' type='text/css'>
  15. <link href='http://fonts.googleapis.com/css?family=Belleza' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  19.  
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  21.  
  22. <!--- OPTIONS --->
  23.  
  24. <meta name="if:Black and White Posts" content="0"/>
  25. <meta name="if:Infinite Scroll" content="0">
  26. <meta name="if:Tiny Cursor" content="1">
  27.  
  28. <!--- FONTS --->
  29.  
  30. <meta name="font:Post Font" content="calibri" />
  31. <meta name="font:Description Font" content="calibri" />
  32. <meta name="font:Pagination Font" content="calibri" />
  33. <meta name="font:Tags Font" content="calibri" />
  34.  
  35. <!--- FONT SIZES --->
  36.  
  37. <meta name="text:Post Font Size" content="10px"/>
  38. <meta name="text:Description Font Size" content="10px"/>
  39. <meta name="text:Pagination Font Size" content="12px"/>
  40. <meta name="text:Tags Font Size" content="8px"/>
  41.  
  42. <!--- IMAGES --->
  43.  
  44. <meta name="image:Sidebar Image" content=""/>
  45. <meta name="image:Sidebar Image 2" content=""/>
  46.  
  47. <!--- GENERAL COLOURS --->
  48.  
  49. <meta name="color:Background" content="#ffffff"/>
  50. <meta name="color:Post Text" content="#b8b8b8"/>
  51. <meta name="color:General Links Colour" content="#427ea3"/>
  52. <meta name="color:General Links Hover Colour" content="#000000"/>
  53.  
  54. <!--- SIDEBAR --->
  55.  
  56. <meta name="color:Sidebar Rectangle 1" content="#fdd017"/>
  57. <meta name="color:Sidebar Rectangle 2" content="#cc5c5c"/>
  58. <meta name="color:Sidebar Rectangle 3" content="#34732d"/>
  59.  
  60. <meta name="color:Sidebar Links" content="#427ea3"/>
  61. <meta name="color:Sidebar Links Hover" content="#000000"/>
  62.  
  63. <meta name="color:Description Text" content="#b8b8b8"/>
  64.  
  65. <meta name="color:Pagination" content="#427ea3"/>
  66. <meta name="color:Pagination Hover" content="#000000"/>
  67.  
  68. <meta name="color:Border" content="#dddddd"/>
  69.  
  70. <!--- INFO SECTION --->
  71.  
  72. <meta name="color:Date Button Colour" content="#000000"/>
  73. <meta name="color:Date Button Hover" content="#e7e405"/>
  74. <meta name="color:Notes Button Colour" content="#000000"/>
  75. <meta name="color:Notes Button Hover" content="#cc096e"/>
  76. <meta name="color:Via Button Colour" content="#000000"/>
  77. <meta name="color:Via Button Hover" content="#18c306"/>
  78. <meta name="color:Origin Button Colour" content="#000000"/>
  79. <meta name="color:Origin Button Hover" content="#1574ad"/>
  80. <meta name="color:Reblog Button Colour" content="#000000"/>
  81. <meta name="color:Reblog Button Hover" content="#dac50c"/>
  82.  
  83. <!--- TAGS --->
  84.  
  85. <meta name="color:Tags Button Colour" content="#000000"/>
  86. <meta name="color:Tags Text Colour" content="#b8b8b8"/>
  87. <meta name="color:Tags Text Colour Hover" content="#427ea3"/>
  88. <meta name="color:Hashtag Colour" content="#dddddd"/>
  89. <meta name="color:Hashtag Background Colour Hover" content="#427ea3"/>
  90.  
  91. <!--- POSTS --->
  92.  
  93. <meta name="color:Quote Mark Colour" content="#427ea3"/>
  94. <meta name="color:Chat Label Colour" content="#427ea3"/>
  95. <meta name="color:Chat Background 1 Colour" content="#f6f6f6"/>
  96. <meta name="color:Chat Background 2 Colour" content="#f0eeeeee"/>
  97. <meta name="color:Questions Background" content="#000000"/>
  98. <meta name="color:Questions Text" content="#ffffff"/>
  99. <meta name="color:Audio Player Background" content="#000000"/>
  100. <meta name="color:Audio Player Text" content="#ffffff"/>
  101.  
  102. <!--- OTHER --->
  103.  
  104. <meta name="color:Tooltip Background Colour" content="#000000"/>
  105. <meta name="color:Tooltip Text Colour" content="#ffffff"/>
  106. <meta name="color:Selection Colour" content="#000000"/>
  107. <meta name="color:Selection Colour Hover" content="#ffffff"/>
  108. <meta name="color:Scrollbar Colour" content="#000000"/>
  109.  
  110. <!--- LINKS --->
  111.  
  112. <meta name="text:Link1 Url" content="/"/>
  113. <meta name="text:Link1 Title" content="Home"/>
  114. <meta name="text:Link2 Url" content="/ask"/>
  115. <meta name="text:Link2 Title" content="Ask"/>
  116. <meta name="text:Link3 Url" content="http://"/>
  117. <meta name="text:Link3 Title" content="Link 3 Title"/>
  118. <meta name="text:Link4 Url" content="http://"/>
  119. <meta name="text:Link4 Title" content="Link 4 Title"/>
  120. <meta name="text:Link5 Url" content="http://"/>
  121. <meta name="text:Link5 Title" content="Link 5 Title"/>
  122. <meta name="text:Link6 Url" content="http://"/>
  123. <meta name="text:Link6 Title" content="Link 6 Title"/>
  124. <meta name="text:Link7 Url" content="http://"/>
  125. <meta name="text:Link7 Title" content="Link 7 Title"/>
  126. <meta name="text:Link8 Url" content="http://"/>
  127. <meta name="text:Link8 Title" content="Link 8 Title"/>
  128. <meta name="text:Link9 Url" content="http://"/>
  129. <meta name="text:Link9 Title" content="Link 9 Title"/>
  130. <meta name="text:Link10 Url" content="http://"/>
  131. <meta name="text:Link10 Title" content="Link 10 Title"/>
  132.  
  133. <!--- UPDATES TAB COLOURS --->
  134.  
  135. <meta name="color:Tab Square 1 Colour" content="#000000"/>
  136. <meta name="color:Tab Square 1 Colour Hover" content="#000000"/>
  137. <meta name="color:Tab Title 1 Text Colour" content="#ffffff"/>
  138. <meta name="color:Tab Box 1 Background Colour" content="#dce7f8"/>
  139. <meta name="color:Tab Box 1 Text" content="#ffffff"/>
  140. <meta name="color:Tab Box 1 Links" content="#b6b6b6"/>
  141. <meta name="color:Tab Box 1 Links Hover" content="#000000"/>
  142.  
  143. <meta name="color:Tab Square 2 Colour" content="#000000"/>
  144. <meta name="color:Tab Square 2 Colour Hover" content="#000000"/>
  145. <meta name="color:Tab Title 2 Text Colour" content="#ffffff"/>
  146. <meta name="color:Tab Box 2 Background Colour" content="#97b8e9"/>
  147. <meta name="color:Tab Box 2 Text" content="#ffffff"/>
  148. <meta name="color:Tab Box 2 Links" content="#b6b6b6"/>
  149. <meta name="color:Tab Box 2 Links Hover" content="#000000"/>
  150.  
  151. <meta name="color:Tab Square 3 Colour" content="#000000"/>
  152. <meta name="color:Tab Square 3 Colour Hover" content="#000000"/>
  153. <meta name="color:Tab Title 3 Text Colour" content="#ffffff"/>
  154. <meta name="color:Tab Box 3 Background Colour" content="#5289db"/>
  155. <meta name="color:Tab Box 3 Text" content="#ffffff"/>
  156. <meta name="color:Tab Box 3 Links" content="#b6b6b6"/>
  157. <meta name="color:Tab Box 3 Links Hover" content="#000000"/>
  158.  
  159. <meta name="color:Tab Square 4 Colour" content="#000000"/>
  160. <meta name="color:Tab Square 4 Colour Hover" content="#000000"/>
  161. <meta name="color:Tab Title 4 Text Colour" content="#ffffff"/>
  162. <meta name="color:Tab Box 4 Background Colour" content="#315f7a"/>
  163. <meta name="color:Tab Box 4 Text" content="#ffffff"/>
  164. <meta name="color:Tab Box 4 Links" content="#b6b6b6"/>
  165. <meta name="color:Tab Box 4 Links Hover" content="#000000"/>
  166.  
  167. <meta name="color:Tab Square 5 Colour" content="#000000"/>
  168. <meta name="color:Tab Square 5 Colour Hover" content="#000000"/>
  169. <meta name="color:Tab Title 5 Text Colour" content="#ffffff"/>
  170. <meta name="color:Tab Box 5 Background Colour" content="#101b2c"/>
  171. <meta name="color:Tab Box 5 Text" content="#ffffff"/>
  172. <meta name="color:Tab Box 5 Links" content="#b6b6b6"/>
  173. <meta name="color:Tab Box 5 Links Hover" content="#000000"/>
  174.  
  175. <!---UPDATES TAB ON/OFF --->
  176.  
  177. <meta name="if:Updates Tab" content="1"/>
  178.  
  179. <!---INFINTE SCROLL --->
  180.  
  181. {block:IfInfiniteScroll}
  182. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  183. {/block:IfInfiniteScroll}
  184. {block:IfNotInfiniteScroll}{/block:IfNotInfiniteScroll}
  185.  
  186. <!--- SPECIAL FONTS --->
  187.  
  188. <script type="text/javascript">
  189. WebFontConfig = {
  190. google: { families: [ 'Petit+Formal+Script::latin' ] }
  191. };
  192. (function() {
  193. var wf = document.createElement('script');
  194. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  195. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  196. wf.type = 'text/javascript';
  197. wf.async = 'true';
  198. var s = document.getElementsByTagName('script')[0];
  199. s.parentNode.insertBefore(wf, s);
  200. })(); </script>
  201.  
  202. <link href='http://fonts.googleapis.com/css?family=Disco' rel='stylesheet' type='text/css'>
  203.  
  204. <link href='http://fonts.googleapis.com/css?family=Parisienne' rel='stylesheet' type='text/css'>
  205.  
  206. <link href='http://fonts.googleapis.com/css?family=Aguafina Script' rel='stylesheet' type='text/css'>
  207. <style type="text/css">
  208.  
  209. /* --- SCROLLBAR ---*/
  210.  
  211. ::-webkit-scrollbar-thumb:vertical {
  212. height:10px; border:2px solid {color:background}; background-color:{color:Scrollbar colour};}
  213.  
  214. ::-webkit-scrollbar-thumb:horizontal {
  215. background-color:{color:background};}
  216.  
  217. ::-webkit-scrollbar {
  218. width:11px; height:5px; border:5px solid {color:background}; background-color:{color:Scrollbar colour};}
  219.  
  220. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{display:block; height:7px; border-right:2px solid {color:background}; border-left:2px solid {color:background}; background-color:{color:Scrollbar colour};}
  221.  
  222. iframe#tumblr_controls {-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; right:3px !important; position: fixed !important;}
  223.  
  224. /* --- BODY ---*/
  225.  
  226. #s-m-t-tooltip{
  227. position:absolute;
  228. margin-top: 15px;
  229. letter-spacing:1px;
  230. z-index:9999999999999;
  231. background:{color:Tooltip Background Colour};
  232. color:{color:Tooltip Text Colour};
  233. text-transform:uppercase;
  234. letter-spacing:2px;
  235. max-width:320px;
  236. font-size:8px;
  237. padding:4px 5px 4px 5px;
  238. -webkit-transition:all 0.4s;
  239. -moz-transition:all 0.4s;
  240. -ms-transition:all 0.4s;
  241. -o-transition:all 0.4s;
  242. transition:all 0.4s;
  243. }
  244.  
  245. body {
  246. background:{color:background};
  247. margin:0px;
  248. font-size: {text:Post Font Size};
  249. color:{color:Post text};
  250. font-family: {font:Post Font};
  251. line-height:100%;
  252. }
  253.  
  254. b, strong {color: {color:General Links Colour};}
  255. i, em {color: {color:General Links Colour};}
  256. p {margin-top:5px;margin-bottom:5px}
  257. ol {list-style:normal;}
  258. ul {list-style:square;}
  259. small {font-size:8px;}
  260. big {font-size:10px;}
  261.  
  262. a {
  263. text-decoration:none;
  264. outline:none;
  265. font-size:9px;
  266. text-transform:uppercase;
  267. -moz-outline-style:none;
  268. color:{color:General Links Colour};
  269. -webkit-transition:all 0.5s;
  270. -moz-transition:all 0.5s;
  271. -ms-transition:all 0.5s;
  272. -o-transition:all 0.5s;
  273. transition:all 0.5s;
  274. }
  275.  
  276. a:hover {
  277. text-decoration:none;
  278. outline:none;
  279. -moz-outline-style:none;
  280. color:{color:General Links Hover Colour};
  281. -webkit-transition:all 0.5s;
  282. -moz-transition:all 0.5s;
  283. -ms-transition:all 0.5s;
  284. -o-transition:all 0.5s;
  285. transition:all 0.5s;
  286. }
  287.  
  288. img {
  289. border:none;
  290. }
  291.  
  292. blockquote {
  293. padding-left:5px;
  294. border-left:2px solid;
  295. }
  296.  
  297. blockquote blockquote {
  298. padding-left:5px;
  299. border-left:2px solid;
  300. }
  301.  
  302.  
  303. h1 {
  304. font-size:12px;
  305. text-transform:uppercase;
  306. text-align:center;
  307. padding:2px;
  308. color:{color:General Links Colour};
  309. letter-spacing:3px;
  310. font-family:calibri;
  311. }
  312.  
  313. /* --- POST ENTRIES ---*/
  314.  
  315. #entries {
  316. padding:10px;
  317. width:500px;
  318. margin-left:530px;
  319. text-align:justify;
  320. margin-top:20px;
  321. margin-right:auto;
  322. font-family: {font:Post Font};
  323. }
  324.  
  325. #post {
  326. margin-bottom:50px;
  327. font-family: {font:Post Font};
  328. width:500px;
  329. font-size: {text:Post Font Size};
  330. background-color: transparent;
  331. {block:IfBlackandWhitePosts}
  332. -webkit-filter: grayscale(100%);
  333. -moz-filter: grayscale(100%);
  334. filter: grayscale(100%);
  335. -webkit-transition:all 0.5s;
  336. -moz-transition:all 0.5s;
  337. -ms-transition:all 0.5s;
  338. -o-transition:all 0.5s;
  339. transition:all 0.5s;
  340. }
  341.  
  342. #post:hover {
  343. background-color:transparent;
  344. -webkit-transition:all 0.5s;
  345. -moz-transition:all 0.5s;
  346. -ms-transition:all 0.5s;
  347. -o-transition:all 0.5s;
  348. transition:all 0.5s;
  349. -webkit-filter: grayscale(0%);
  350. -moz-filter: grayscale(0%);
  351. filter: grayscale(0%);
  352. {block:IfBlackandWhitePosts}
  353. }
  354.  
  355. /* --- SIDEBAR ---*/
  356.  
  357. #sidebar {
  358. opacity:1;
  359. top:0px;
  360. width:250px;
  361. text-align:center;
  362. height:100%;
  363. margin-left:250px;
  364. position:fixed;
  365. background:transparent;
  366. z-index:4;
  367. -webkit-transition: all 0.6s ease-in-out;
  368. -moz-transition: all 0.6s ease-in-out;
  369. -o-transition: all 0.6s ease-in-out;
  370. transition: all 0.6s ease-in-out;
  371. }
  372.  
  373. /* --- SIDEBAR RECTANGLES ---*/
  374.  
  375. #sidebarr1 {
  376. opacity:1;
  377. top:150px;
  378. width:50px;
  379. text-align:center;
  380. height:200px;
  381. margin-left:0px;
  382. position:fixed;
  383. background:{color:Sidebar Rectangle 1};
  384. z-index:4;
  385. -webkit-transition: all 0.6s ease-in-out;
  386. -moz-transition: all 0.6s ease-in-out;
  387. -o-transition: all 0.6s ease-in-out;
  388. transition: all 0.6s ease-in-out;
  389. }
  390.  
  391. #sidebar:hover #sidebarr1 {
  392. margin-top:100px;
  393. -webkit-transition: all 0.6s ease-in-out;
  394. -moz-transition: all 0.6s ease-in-out;
  395. -o-transition: all 0.6s ease-in-out;
  396. transition: all 0.6s ease-in-out;
  397. }
  398.  
  399. #sidebarr2 {
  400. opacity:1;
  401. top:250px;
  402. width:50px;
  403. text-align:center;
  404. height:200px;
  405. margin-left:60px;
  406. position:fixed;
  407. background:{color:Sidebar Rectangle 2};
  408. z-index:4;
  409. -webkit-transition: all 0.6s ease-in-out;
  410. -moz-transition: all 0.6s ease-in-out;
  411. -o-transition: all 0.6s ease-in-out;
  412. transition: all 0.6s ease-in-out;
  413. }
  414.  
  415. #sidebarr3 {
  416. opacity:1;
  417. top:350px;
  418. width:50px;
  419. text-align:center;
  420. height:200px;
  421. margin-left:120px;
  422. position:fixed;
  423. background:{color:Sidebar Rectangle 3};
  424. z-index:4;
  425. -webkit-transition: all 0.6s ease-in-out;
  426. -moz-transition: all 0.6s ease-in-out;
  427. -o-transition: all 0.6s ease-in-out;
  428. transition: all 0.6s ease-in-out;
  429. }
  430.  
  431. #sidebar:hover #sidebarr3 {
  432. margin-top:-100px;
  433. -webkit-transition: all 0.6s ease-in-out;
  434. -moz-transition: all 0.6s ease-in-out;
  435. -o-transition: all 0.6s ease-in-out;
  436. transition: all 0.6s ease-in-out;
  437. }
  438.  
  439. /* --- SIDEBAR IMAGE ---*/
  440.  
  441. #sidebarimage img {
  442. height:85px;
  443. width:170px;
  444. margin-top:250px;
  445. margin-left:-125px;
  446. opacity:0;
  447. position:fixed;
  448. padding-bottom:4px;
  449. border-bottom:4px double {color:Border};
  450. background-color:transparent;
  451. -webkit-transition: all 0.6s ease-in-out;
  452. -moz-transition: all 0.6s ease-in-out;
  453. -o-transition: all 0.6s ease-in-out;
  454. transition: all 0.6s ease-in-out;
  455. }
  456.  
  457. #sidebar:hover #sidebarimage img {
  458. margin-top:150px;
  459. opacity:1;
  460. -webkit-transition: all 0.6s ease-in-out;
  461. -moz-transition: all 0.6s ease-in-out;
  462. -o-transition: all 0.6s ease-in-out;
  463. transition: all 0.6s ease-in-out;
  464. }
  465.  
  466. #sidebarimage2 img {
  467. height:85px;
  468. width:170px;
  469. margin-top:358px;
  470. margin-left:-125px;
  471. opacity:0;
  472. position:fixed;
  473. padding-top:4px;
  474. border-top:4px double {color:Border};
  475. background-color:transparent;
  476. -webkit-transition: all 0.6s ease-in-out;
  477. -moz-transition: all 0.6s ease-in-out;
  478. -o-transition: all 0.6s ease-in-out;
  479. transition: all 0.6s ease-in-out;
  480. }
  481.  
  482. #sidebar:hover #sidebarimage2 img {
  483. margin-top:458px;
  484. opacity:1;
  485. -webkit-transition: all 0.6s ease-in-out;
  486. -moz-transition: all 0.6s ease-in-out;
  487. -o-transition: all 0.6s ease-in-out;
  488. transition: all 0.6s ease-in-out;
  489. }
  490.  
  491. /* --- LINKS ---*/
  492.  
  493. #links {
  494. position:fixed;
  495. text-align:center;
  496. text-transform:uppercase;
  497. height:auto;
  498. background-color:transparent;
  499. width:auto;
  500. line-height:10px;
  501. margin-left:5px;
  502. margin-top:210px;
  503. opacity:0;
  504. -webkit-transition: all 0.6s ease-in-out;
  505. -moz-transition: all 0.6s ease-in-out;
  506. -o-transition: all 0.6s ease-in-out;
  507. transition: all 0.6s ease-in-out;
  508. }
  509.  
  510. #links a {
  511. display:inline-block;
  512. margin:2px;
  513. background-color:{color:Sidebar Links};
  514. height:10px;
  515. width:10px;
  516. }
  517.  
  518. #links a:hover {
  519. background-color:{color:Sidebar Links Hover};
  520. }
  521.  
  522. #sidebar:hover #links {
  523. opacity:1;
  524. margin-top:110px;
  525. -webkit-transition: all 0.6s ease-in-out;
  526. -moz-transition: all 0.6s ease-in-out;
  527. -o-transition: all 0.6s ease-in-out;
  528. transition: all 0.6s ease-in-out;
  529. }
  530.  
  531. /* --- DESCRIPTION ---*/
  532.  
  533. #description {
  534. position:fixed;
  535. font-family:{text:Description Font};
  536. line-height:100%;
  537. font-size:{text:Description Font Size};
  538. text-transform:normal;
  539. width:170px;
  540. height:auto;
  541. margin-left:0px;
  542. margin-top:455px;
  543. padding-top:4px;
  544. opacity:0;
  545. text-align:center;
  546. background:transparent;
  547. border-top:4px double {color:Border};
  548. color:{color:Description Text};
  549. -webkit-transition: all 0.6s ease-in-out;
  550. -moz-transition: all 0.6s ease-in-out;
  551. -o-transition: all 0.6s ease-in-out;
  552. transition: all 0.6s ease-in-out;
  553. }
  554.  
  555. #sidebar:hover #description {
  556. opacity:1;
  557. margin-top:555px;
  558. -webkit-transition: all 0.6s ease-in-out;
  559. -moz-transition: all 0.6s ease-in-out;
  560. -o-transition: all 0.6s ease-in-out;
  561. transition: all 0.6s ease-in-out;
  562. }
  563.  
  564. /* --- PAGINATION ---*/
  565.  
  566. #pagination {
  567. width:150px;
  568. height:auto;
  569. top:415px;
  570. left:10px;
  571. text-transform:uppercase;
  572. font-size: {text:Pagination Font Size};
  573. font-family:{font:Pagination Font};
  574. opacity:0;
  575. padding:0px;
  576. line-height:20px;
  577. position:absolute;
  578. text-align:center;
  579. background-color:#ffffff;
  580. -webkit-transition: all 0.8s;
  581. -moz-transition: all 0.8s;
  582. -ms-transition:all 0.8s;
  583. -o-transition: all 0.8s;
  584. transition: all 0.8s;
  585. }
  586.  
  587. #pagination a, .current {
  588. color:{color:Pagination};
  589. font-size: {text:Pagination Font Size};
  590. padding:1px 3px;
  591. }
  592.  
  593. #pagination a:hover {
  594. color:{color:Pagination Hover};
  595. opacity:0.9;
  596. }
  597.  
  598. #sidebar:hover #pagination {
  599. opacity:0.7;
  600. margin-top:85px;
  601. -webkit-transition: all 0.8s;
  602. -moz-transition: all 0.8s;
  603. -ms-transition:all 0.8s;
  604. -o-transition: all 0.8s;
  605. transition: all 0.8s;
  606. }
  607. /* --- POST INFO ---*/
  608.  
  609. #info {
  610. width: 10px;
  611. height: auto;
  612. position:absolute;
  613. margin-left: -18px;
  614. -webkit-transition: all 0.4s ease-in-out;
  615. -moz-transition: all 0.4s ease-in-out;
  616. -o-transition: all 0.4s ease-in-out;
  617. transition: all 0.4s ease-in-out;
  618. }
  619.  
  620. #date a {
  621. width: 12px;
  622. height: 12px;
  623. display: block;
  624. margin-bottom: 4px;
  625. background-color: {color:Date Button Colour};
  626. -webkit-transition: all 0.4s ease-in-out;
  627. -moz-transition: all 0.4s ease-in-out;
  628. -o-transition: all 0.4s ease-in-out;
  629. transition: all 0.4s ease-in-out;
  630. }
  631.  
  632. #date a:hover {
  633. height: 40px;
  634. background-color: {color:Date Button Hover};
  635. -webkit-transition: all 0.4s ease-in-out;
  636. -moz-transition: all 0.4s ease-in-out;
  637. -o-transition: all 0.4s ease-in-out;
  638. transition: all 0.4s ease-in-out;
  639. }
  640.  
  641. #number a {
  642. width: 12px;
  643. height: 12px;
  644. display: block;
  645. margin-bottom: 4px;
  646. background-color: {color:Notes Button Colour};
  647. -webkit-transition: all 0.4s ease-in-out;
  648. -moz-transition: all 0.4s ease-in-out;
  649. -o-transition: all 0.4s ease-in-out;
  650. transition: all 0.4s ease-in-out;
  651. }
  652.  
  653. #number a:hover {
  654. height: 40px;
  655. background-color: {color:Notes Button Hover};
  656. -webkit-transition: all 0.4s ease-in-out;
  657. -moz-transition: all 0.4s ease-in-out;
  658. -o-transition: all 0.4s ease-in-out;
  659. transition: all 0.4s ease-in-out;
  660. }
  661.  
  662. #via a {
  663. width: 12px;
  664. height: 12px;
  665. display: block;
  666. margin-bottom: 4px;
  667. background-color: {color:Via Button Colour};
  668. -webkit-transition: all 0.4s ease-in-out;
  669. -moz-transition: all 0.4s ease-in-out;
  670. -o-transition: all 0.4s ease-in-out;
  671. transition: all 0.4s ease-in-out;
  672. }
  673.  
  674. #via a:hover {
  675. height: 40px;
  676. background-color: {color:Via Button Hover};
  677. -webkit-transition: all 0.4s ease-in-out;
  678. -moz-transition: all 0.4s ease-in-out;
  679. -o-transition: all 0.4s ease-in-out;
  680. transition: all 0.4s ease-in-out;
  681. }
  682.  
  683. #origin a {
  684. width: 12px;
  685. height: 12px;
  686. display: block;
  687. margin-bottom: 4px;
  688. background-color: {color:Origin Button Colour};
  689. -webkit-transition: all 0.4s ease-in-out;
  690. -moz-transition: all 0.4s ease-in-out;
  691. -o-transition: all 0.4s ease-in-out;
  692. transition: all 0.4s ease-in-out;
  693. }
  694.  
  695. #origin a:hover {
  696. height: 40px;
  697. background-color: {color:Origin Button Hover};
  698. -webkit-transition: all 0.4s ease-in-out;
  699. -moz-transition: all 0.4s ease-in-out;
  700. -o-transition: all 0.4s ease-in-out;
  701. transition: all 0.4s ease-in-out;
  702. }
  703.  
  704. #reblog a {
  705. width: 12px;
  706. height: 12px;
  707. display: block;
  708. margin-bottom: 4px;
  709. background-color: {color:Reblog Button Colour};
  710. -webkit-transition: all 0.4s ease-in-out;
  711. -moz-transition: all 0.4s ease-in-out;
  712. -o-transition: all 0.4s ease-in-out;
  713. transition: all 0.4s ease-in-out;
  714. }
  715.  
  716. #reblog a:hover {
  717. height: 40px;
  718. background-color: {color:Reblog Button Hover};
  719. -webkit-transition: all 0.4s ease-in-out;
  720. -moz-transition: all 0.4s ease-in-out;
  721. -o-transition: all 0.4s ease-in-out;
  722. transition: all 0.4s ease-in-out;
  723. }
  724.  
  725. /* --- POST TAGS ---*/
  726.  
  727. #tagsa{
  728. width: 12px;
  729. height: 12px;
  730. position:absolute;
  731. margin-left: 505px;
  732. display: block;
  733. margin-bottom: 4px;
  734. background-color: {color:Tags Button Colour};
  735. -webkit-transition: all 0.4s ease-in-out;
  736. -moz-transition: all 0.4s ease-in-out;
  737. -o-transition: all 0.4s ease-in-out;
  738. transition: all 0.4s ease-in-out;
  739. }
  740.  
  741. #tags {
  742. opacity:0;
  743. font-family: {font:Tags Font};
  744. width:120px;
  745. margin-left:15px;
  746. position:absolute;
  747. text-transform:uppercase;
  748. letter-spacing:1px;
  749. font-size: {text:Tags Font Size};
  750. text-align:left;
  751. -webkit-transition: all 0.4s ease-in-out;
  752. -moz-transition: all 0.4s ease-in-out;
  753. -o-transition: all 0.4s ease-in-out;
  754. transition: all 0.4s ease-in-out;
  755. }
  756.  
  757. #tags a {
  758. display:block;
  759. letter-spacing:1px;
  760. margin-bottom:2px;
  761. padding:1px;
  762. padding-left:4px;
  763. line-height:11px;
  764. font-size:8px;
  765. padding-right:4px;
  766. color:{color:Tags Text Colour};
  767. background-color:transparent;
  768. -webkit-transition: all 0.4s ease-in-out;
  769. -moz-transition: all 0.4s ease-in-out;
  770. -o-transition: all 0.4s ease-in-out;
  771. transition: all 0.4s ease-in-out;
  772. }
  773.  
  774. #tags a:before {
  775. content:'';
  776. position:Absolute;
  777. width:0;
  778. background:transparent;
  779. margin-top:-1px;
  780. margin-left:-4px;
  781. z-index:-1;
  782. -webkit-transition: all 0.4s ease-in-out;
  783. -moz-transition: all 0.4s ease-in-out;
  784. -o-transition: all 0.4s ease-in-out;
  785. transition: all 0.4s ease-in-out;
  786. }
  787.  
  788. #tags a:hover::before {
  789. width:auto;
  790. height:auto;
  791. padding:6px;
  792. background-color:{color:Hashtag Background Colour Hover};
  793. -webkit-transition: all 0.4s ease-in-out;
  794. -moz-transition: all 0.4s ease-in-out;
  795. -o-transition: all 0.4s ease-in-out;
  796. transition: all 0.4s ease-in-out;
  797. }
  798.  
  799. #tags a:hover {
  800. color:{color:Tags Text Colour Hover};
  801. -webkit-transition: all 0.4s ease-in-out;
  802. -moz-transition: all 0.4s ease-in-out;
  803. -o-transition: all 0.4s ease-in-out;
  804. transition: all 0.4s ease-in-out;
  805. }
  806.  
  807. #post:hover #tags{
  808. -webkit-transition: all 0.4s ease-in-out;
  809. -moz-transition: all 0.4s ease-in-out;
  810. -o-transition: all 0.4s ease-in-out;
  811. transition: all 0.4s ease-in-out;
  812. opacity:1;
  813. }
  814.  
  815. /* --- QUOTES ---*/
  816.  
  817. #mark {
  818. font: bold 60px georgia;
  819. line-height: 50px;
  820. position: absolute;
  821. color:{color:Quote Mark Colour};
  822. opacity:1;
  823. }
  824.  
  825. #quote {
  826. text-indent: 35px;
  827. font-family: calibri;
  828. font-size:15px;
  829. text-align: justify;
  830. line-height:20px;
  831. padding:6px;
  832. border-bottom:1px solid {color:Quote Mark Colour};
  833. }
  834.  
  835. #source {
  836. text-indent: 35px;
  837. color: {color:post text};
  838. font-family: calibri;
  839. font-size:10px;
  840. text-align: right;
  841. line-height:20px;
  842. padding:2px;
  843. border-top:1px solid {color:Quote Mark Colour};
  844. }
  845.  
  846. /* --- VIDEOS ---*/
  847.  
  848. #video {
  849. padding:1px;
  850. background:{color:Tags Background Colour};
  851. }
  852.  
  853. /* --- AUDIO PLAYER ---*/
  854.  
  855. #audio {
  856. width:480px;
  857. height:50px;
  858. padding:10px;
  859. background-color:{color:Audio Player Background};
  860. }
  861.  
  862. #player {
  863. float:right;
  864. height:50px;
  865. width:50px;
  866. margin-top:0px;
  867. margin-left:10px;
  868. overflow:hidden;
  869. background-color:{color:Tags Background Color};
  870. opacity: 1;filter:alpha(opacity=60);
  871. -webkit-transition: all 0.7s ease;
  872. -moz-transition: all 0.7s ease;
  873. -o-transition: all 0.7s ease;
  874. }
  875.  
  876. #player:hover {
  877. opacity: 1; filter:alpha(opacity=60);
  878. }
  879.  
  880. #playersymbol {
  881. width:25px;
  882. height:25px;
  883. margin-top:8px;
  884. margin-left:8px;
  885. overflow:hidden;
  886. background-color:{color:Tags Background Color};
  887. padding:2px;
  888. }
  889.  
  890. #picture {
  891. margin-right:10px;
  892. float:left;
  893. margin-left:5px;
  894. }
  895.  
  896. #audiotext {
  897. color:{color:Audio Player Text};
  898. text-transform:uppercase;
  899. border-left:2px solid;
  900. border-color:{color:Border};
  901. font-family:calibri;
  902. float:left;
  903. width:280px;
  904. text-align:center;
  905. height:35px;
  906. line-height:-20px;
  907. padding:8px;
  908. font-size:6px;
  909. margin-top:0px;
  910. margin-bottom:5px;
  911. margin-left:5px;
  912. }
  913.  
  914. /* --- CHATS ---*/
  915.  
  916. ul.chat {
  917. margin:0px;
  918. padding:0px;
  919. }
  920.  
  921. .chat li {
  922. list-style-type:none;
  923. margin-left:0px;
  924. padding:4px;
  925. }
  926.  
  927. .odd .label {
  928. color:{color:Chat Label Colour};
  929. }
  930.  
  931. .even .label {
  932. color:{color:Chat Label Colour};
  933. }
  934.  
  935. .label {
  936. font-weight:bold;
  937. text-transform:uppercase;
  938. font-family:calibri;
  939. letter-spacing:2px;
  940. font-size:8px;
  941. }
  942.  
  943. .chat li.odd {
  944. background-color:{color:Chat Background 1 Colour};
  945. margin-bottom:1px;
  946. }
  947.  
  948. .chat li.even {
  949. background-color:{color:Chat Background 2 Colour};
  950. opacity:1;
  951. margin-bottom:1px;
  952. }
  953.  
  954. #ll {
  955. font-size:12px;
  956. text-transform:uppercase;
  957. text-align:center;
  958. padding:2px;
  959. color:{color:General Links Colour};
  960. letter-spacing:3px;
  961. font-family:calibri;
  962. border:4px double {color:Border};
  963. }
  964.  
  965. /* --- QUESTIONS ---*/
  966.  
  967. #ask {
  968. padding:5px;
  969. background-color:{color:Questions Background};
  970. padding-bottom:12px;
  971. }
  972.  
  973. #ques {
  974. background-color: none;
  975. color:{color:Questions Text};
  976. text-transform:none;
  977. text-align: justify;
  978. letter-spacing:0px;
  979. font-style:none;
  980. margin-left:32px;
  981. padding:13px;
  982. margin-top:-10px;
  983. }
  984.  
  985. #portrait {
  986. float:left;
  987. width:30px;
  988. height:30px;
  989. }
  990.  
  991. #replies {
  992. margin-top:5px;
  993. margin-bottom:5px;
  994. border: 1px solid {color:Border};
  995. padding:4px;
  996. color:{color:post text};
  997. }
  998.  
  999. /* --- NOTES ---*/
  1000.  
  1001. ol.pagenotes {
  1002. display: none!important;
  1003. font-weight:none;
  1004. text-align:center;
  1005. padding-bottom:2%;
  1006. font-size:9px;
  1007. list-style-type:upper-roman;
  1008. width:400px;
  1009. }
  1010.  
  1011. ol.notes li.note{
  1012. border-bottom:1px solid {color:Border};
  1013. padding:2%;
  1014. list-style-type:upper-roman;
  1015. }
  1016.  
  1017. ol.notes li.note img.avatar {
  1018. width:0px;
  1019. height:0px;
  1020. }
  1021.  
  1022. /* --- SELECTION ---*/
  1023.  
  1024. ::selection {
  1025. background-color:{color:Selection Colour};
  1026. color:{color:Selection Colour Hover};
  1027. }
  1028.  
  1029. ::-moz-selection {
  1030. background-color:{color:Selection Colour};
  1031. color:{color:Selection Colour Hover};
  1032. }
  1033.  
  1034. /* --- DON´T DELETE THE CREDIT PLEASE ---*/
  1035.  
  1036. .credit, .credit a {
  1037. width:15px;
  1038. height:15px;
  1039. bottom:10px;
  1040. right:10px;
  1041. padding:4px;
  1042. font-size:9px;
  1043. letter-spacing:2px;
  1044. color:#ffffff;
  1045. line-height:15px;
  1046. position:fixed;
  1047. text-align:center;
  1048. color:{color:Hastag Colour};
  1049. font-family:calibri;
  1050. text-transform:uppercase;
  1051. background-color:{color:General Links Colour};
  1052. border:1px solid {color:Border};
  1053. -webkit-transition: all 0.5s ease-in-out;
  1054. -moz-transition: all 0.5s ease-in-out;
  1055. -o-transition: all 0.5s ease-in-out;
  1056. transition: all 0.5s ease-in-out;
  1057. }
  1058.  
  1059. .credit a:hover {
  1060. -webkit-transition: all 0.5s ease-in-out;
  1061. -moz-transition: all 0.5s ease-in-out;
  1062. -o-transition: all 0.5s ease-in-out;
  1063. transition: all 0.5s ease-in-out;
  1064. transform:rotate(360deg);
  1065. -ms-transform:rotate(360deg);
  1066. -webkit-transform:rotate(360deg);
  1067. background-color:#000000;}
  1068.  
  1069. /* --- UPDATES TAB ---*/
  1070.  
  1071. #updateboxes {
  1072. width: 150px;
  1073. height: 150px;
  1074. position:fixed;
  1075. margin-top:50px;
  1076. margin-left: 27px;
  1077. }
  1078.  
  1079. /* --- UPDATES TAB BOX 1 START---*/
  1080.  
  1081. #updatesquare1 {
  1082. width: 12px;
  1083. height: 12px;
  1084. display: block;
  1085. opacity:1;
  1086. margin-left:-15px;
  1087. background-color: {color:Tab Square 1 Colour};
  1088. -webkit-transition: all 0.4s ease-in-out;
  1089. -moz-transition: all 0.4s ease-in-out;
  1090. -o-transition: all 0.4s ease-in-out;
  1091. transition: all 0.4s ease-in-out;
  1092. }
  1093.  
  1094. #updatesquare1:hover {
  1095. width:100px;
  1096. background-color: {color:Tab Square 1 Colour Hover};
  1097. -webkit-transition: all 0.4s ease-in-out;
  1098. -moz-transition: all 0.4s ease-in-out;
  1099. -o-transition: all 0.4s ease-in-out;
  1100. transition: all 0.4s ease-in-out;
  1101. }
  1102.  
  1103. #updatesquare1title {
  1104. width:0px;
  1105. height:12px;
  1106. display:block;
  1107. opacity:0;
  1108. font-size:8px;
  1109. font-family:calibri;
  1110. text-transform:uppercase;
  1111. text-align:right;
  1112. padding-right:2px;
  1113. margin-left:5px;
  1114. letter-spacing:4px;
  1115. line-height:11px;
  1116. color:{color:Tab Title 1 Text Colour};
  1117. background-color: {color:Tab Square 1 Colour};
  1118. -webkit-transition: all 0.4s ease-in-out;
  1119. -moz-transition: all 0.4s ease-in-out;
  1120. -o-transition: all 0.4s ease-in-out;
  1121. transition: all 0.4s ease-in-out;
  1122. }
  1123.  
  1124. #updatesquare1:hover #updatesquare1title{
  1125. width:100px;
  1126. opacity:1;
  1127. background-color: {color:Tab Square 1 Colour Hover};
  1128. -webkit-transition: all 0.4s ease-in-out;
  1129. -moz-transition: all 0.4s ease-in-out;
  1130. -o-transition: all 0.4s ease-in-out;
  1131. transition: all 0.4s ease-in-out;
  1132. }
  1133.  
  1134. #updatebox1 {
  1135. width: 200px;
  1136. height: auto;
  1137. display: block;
  1138. opacity:1;
  1139. margin-left:-235px;
  1140. padding:4px;
  1141. padding-right:10px;
  1142. font-size:8px;
  1143. margin-top:-42px;
  1144. font-family:calibri;
  1145. text-transform:uppercase;
  1146. text-align:right;
  1147. background-color: {color:Tab Box 1 Background Colour};
  1148. color:{color:Tab Box 1 Text};
  1149. -webkit-transition: all 0.4s ease-in-out;
  1150. -moz-transition: all 0.4s ease-in-out;
  1151. -o-transition: all 0.4s ease-in-out;
  1152. transition: all 0.4s ease-in-out;
  1153. }
  1154.  
  1155. #updatebox1 a{
  1156. color:{color:Tab Box 1 Links};
  1157. font-size:8px;
  1158. text-transform:uppercase;
  1159. background-color: transparent;
  1160. -webkit-transition: all 0.4s ease-in-out;
  1161. -moz-transition: all 0.4s ease-in-out;
  1162. -o-transition: all 0.4s ease-in-out;
  1163. transition: all 0.4s ease-in-out;
  1164. }
  1165.  
  1166. #updatebox1 a:hover{
  1167. color:{color:Tab Box 1 Links Hover};
  1168. letter-spacing:1px;
  1169. font-size:8px;
  1170. text-transform:uppercase;
  1171. background-color: transparent;
  1172. -webkit-transition: all 0.4s ease-in-out;
  1173. -moz-transition: all 0.4s ease-in-out;
  1174. -o-transition: all 0.4s ease-in-out;
  1175. transition: all 0.4s ease-in-out;
  1176. }
  1177.  
  1178. #updatebox1:hover {
  1179. margin-left:-30px;
  1180. -webkit-transition: all 0.4s ease-in-out;
  1181. -moz-transition: all 0.4s ease-in-out;
  1182. -o-transition: all 0.4s ease-in-out;
  1183. transition: all 0.4s ease-in-out;
  1184. }
  1185.  
  1186. /* --- UPDATES TAB BOX 1 END---*/
  1187.  
  1188. /* --- UPDATES TAB BOX 2 START---*/
  1189.  
  1190. #updatesquare2 {
  1191. width: 12px;
  1192. height: 12px;
  1193. display: block;
  1194. margin-top:35px;
  1195. opacity:1;
  1196. margin-left:-15px;
  1197. background-color: {color:Tab Square 2 Colour};
  1198. -webkit-transition: all 0.4s ease-in-out;
  1199. -moz-transition: all 0.4s ease-in-out;
  1200. -o-transition: all 0.4s ease-in-out;
  1201. transition: all 0.4s ease-in-out;
  1202. }
  1203.  
  1204. #updatesquare2:hover {
  1205. width:100px;
  1206. background-color: {color:Tab Square 2 Colour Hover};
  1207. -webkit-transition: all 0.4s ease-in-out;
  1208. -moz-transition: all 0.4s ease-in-out;
  1209. -o-transition: all 0.4s ease-in-out;
  1210. transition: all 0.4s ease-in-out;
  1211. }
  1212.  
  1213. #updatesquare2title {
  1214. width:0px;
  1215. height:12px;
  1216. display:block;
  1217. opacity:0;
  1218. font-size:8px;
  1219. font-family:calibri;
  1220. text-transform:uppercase;
  1221. text-align:right;
  1222. padding-right:2px;
  1223. margin-left:5px;
  1224. letter-spacing:4px;
  1225. line-height:11px;
  1226. color:{color:Tab Title 2 Text Colour};
  1227. background-color: {color:Tab Square 2 Colour};
  1228. -webkit-transition: all 0.4s ease-in-out;
  1229. -moz-transition: all 0.4s ease-in-out;
  1230. -o-transition: all 0.4s ease-in-out;
  1231. transition: all 0.4s ease-in-out;
  1232. }
  1233.  
  1234. #updatesquare2:hover #updatesquare2title{
  1235. width:100px;
  1236. opacity:1;
  1237. background-color: {color:Tab Square 2 Colour Hover};
  1238. -webkit-transition: all 0.4s ease-in-out;
  1239. -moz-transition: all 0.4s ease-in-out;
  1240. -o-transition: all 0.4s ease-in-out;
  1241. transition: all 0.4s ease-in-out;
  1242. }
  1243.  
  1244. #updatebox2 {
  1245. width: 200px;
  1246. height: auto;
  1247. display: block;
  1248. opacity:1;
  1249. margin-left:-235px;
  1250. padding:4px;
  1251. padding-right:10px;
  1252. font-size:8px;
  1253. margin-top:-42px;
  1254. font-family:calibri;
  1255. text-transform:uppercase;
  1256. text-align:right;
  1257. background-color: {color:Tab Box 2 Background Colour};
  1258. color:{color:Tab Box 2 Text};
  1259. -webkit-transition: all 0.4s ease-in-out;
  1260. -moz-transition: all 0.4s ease-in-out;
  1261. -o-transition: all 0.4s ease-in-out;
  1262. transition: all 0.4s ease-in-out;
  1263. }
  1264.  
  1265. #updatebox2 a{
  1266. color:{color:Tab Box 2 Links};
  1267. font-size:8px;
  1268. text-transform:uppercase;
  1269. background-color: transparent;
  1270. -webkit-transition: all 0.4s ease-in-out;
  1271. -moz-transition: all 0.4s ease-in-out;
  1272. -o-transition: all 0.4s ease-in-out;
  1273. transition: all 0.4s ease-in-out;
  1274. }
  1275.  
  1276. #updatebox2 a:hover{
  1277. color:{color:Tab Box 2 Links Hover};
  1278. letter-spacing:1px;
  1279. font-size:8px;
  1280. text-transform:uppercase;
  1281. background-color: transparent;
  1282. -webkit-transition: all 0.4s ease-in-out;
  1283. -moz-transition: all 0.4s ease-in-out;
  1284. -o-transition: all 0.4s ease-in-out;
  1285. transition: all 0.4s ease-in-out;
  1286. }
  1287.  
  1288. #updatebox2:hover {
  1289. margin-left:-30px;
  1290. -webkit-transition: all 0.4s ease-in-out;
  1291. -moz-transition: all 0.4s ease-in-out;
  1292. -o-transition: all 0.4s ease-in-out;
  1293. transition: all 0.4s ease-in-out;
  1294. }
  1295.  
  1296. /* --- UPDATES TAB BOX 2 END---*/
  1297.  
  1298. /* --- UPDATES TAB BOX 3 START---*/
  1299.  
  1300. #updatesquare3 {
  1301. width: 12px;
  1302. height: 12px;
  1303. display: block;
  1304. margin-top:35px;
  1305. opacity:1;
  1306. margin-left:-15px;
  1307. background-color: {color:Tab Square 3 Colour};
  1308. -webkit-transition: all 0.4s ease-in-out;
  1309. -moz-transition: all 0.4s ease-in-out;
  1310. -o-transition: all 0.4s ease-in-out;
  1311. transition: all 0.4s ease-in-out;
  1312. }
  1313.  
  1314. #updatesquare3:hover {
  1315. width:100px;
  1316. background-color: {color:Tab Square 3 Colour Hover};
  1317. -webkit-transition: all 0.4s ease-in-out;
  1318. -moz-transition: all 0.4s ease-in-out;
  1319. -o-transition: all 0.4s ease-in-out;
  1320. transition: all 0.4s ease-in-out;
  1321. }
  1322.  
  1323. #updatesquare3title {
  1324. width:0px;
  1325. height:12px;
  1326. display:block;
  1327. opacity:0;
  1328. font-size:8px;
  1329. font-family:calibri;
  1330. text-transform:uppercase;
  1331. text-align:right;
  1332. padding-right:2px;
  1333. margin-left:5px;
  1334. letter-spacing:4px;
  1335. line-height:11px;
  1336. color:{color:Tab Title 3 Text Colour};
  1337. background-color: {color:Tab Square 3 Colour};
  1338. -webkit-transition: all 0.4s ease-in-out;
  1339. -moz-transition: all 0.4s ease-in-out;
  1340. -o-transition: all 0.4s ease-in-out;
  1341. transition: all 0.4s ease-in-out;
  1342. }
  1343.  
  1344. #updatesquare3:hover #updatesquare3title{
  1345. width:100px;
  1346. opacity:1;
  1347. background-color: {color:Tab Square 3 Colour Hover};
  1348. -webkit-transition: all 0.4s ease-in-out;
  1349. -moz-transition: all 0.4s ease-in-out;
  1350. -o-transition: all 0.4s ease-in-out;
  1351. transition: all 0.4s ease-in-out;
  1352. }
  1353.  
  1354. #updatebox3 {
  1355. width: 200px;
  1356. height: auto;
  1357. display: block;
  1358. opacity:1;
  1359. margin-left:-235px;
  1360. padding:4px;
  1361. padding-right:10px;
  1362. font-size:8px;
  1363. margin-top:-42px;
  1364. font-family:calibri;
  1365. text-transform:uppercase;
  1366. text-align:right;
  1367. background-color: {color:Tab Box 3 Background Colour};
  1368. color:{color:Tab Box 3 Text};
  1369. -webkit-transition: all 0.4s ease-in-out;
  1370. -moz-transition: all 0.4s ease-in-out;
  1371. -o-transition: all 0.4s ease-in-out;
  1372. transition: all 0.4s ease-in-out;
  1373. }
  1374.  
  1375. #updatebox3 a{
  1376. color:{color:Tab Box 3 Links};
  1377. font-size:8px;
  1378. text-transform:uppercase;
  1379. background-color: transparent;
  1380. -webkit-transition: all 0.4s ease-in-out;
  1381. -moz-transition: all 0.4s ease-in-out;
  1382. -o-transition: all 0.4s ease-in-out;
  1383. transition: all 0.4s ease-in-out;
  1384. }
  1385.  
  1386. #updatebox3 a:hover{
  1387. color:{color:Tab Box 3 Links Hover};
  1388. letter-spacing:1px;
  1389. font-size:8px;
  1390. text-transform:uppercase;
  1391. background-color: transparent;
  1392. -webkit-transition: all 0.4s ease-in-out;
  1393. -moz-transition: all 0.4s ease-in-out;
  1394. -o-transition: all 0.4s ease-in-out;
  1395. transition: all 0.4s ease-in-out;
  1396. }
  1397.  
  1398. #updatebox3:hover {
  1399. margin-left:-30px;
  1400. -webkit-transition: all 0.4s ease-in-out;
  1401. -moz-transition: all 0.4s ease-in-out;
  1402. -o-transition: all 0.4s ease-in-out;
  1403. transition: all 0.4s ease-in-out;
  1404. }
  1405.  
  1406. /* --- UPDATES TAB BOX 3 END---*/
  1407.  
  1408. /* --- UPDATES TAB BOX 4 START---*/
  1409.  
  1410. #updatesquare4 {
  1411. width: 12px;
  1412. height: 12px;
  1413. display: block;
  1414. margin-top:35px;
  1415. opacity:1;
  1416. margin-left:-15px;
  1417. background-color: {color:Tab Square 4 Colour};
  1418. -webkit-transition: all 0.4s ease-in-out;
  1419. -moz-transition: all 0.4s ease-in-out;
  1420. -o-transition: all 0.4s ease-in-out;
  1421. transition: all 0.4s ease-in-out;
  1422. }
  1423.  
  1424. #updatesquare4:hover {
  1425. width:100px;
  1426. background-color: {color:Tab Square 4 Colour Hover};
  1427. -webkit-transition: all 0.4s ease-in-out;
  1428. -moz-transition: all 0.4s ease-in-out;
  1429. -o-transition: all 0.4s ease-in-out;
  1430. transition: all 0.4s ease-in-out;
  1431. }
  1432.  
  1433. #updatesquare4title {
  1434. width:0px;
  1435. height:12px;
  1436. display:block;
  1437. opacity:0;
  1438. font-size:8px;
  1439. font-family:calibri;
  1440. text-transform:uppercase;
  1441. text-align:right;
  1442. padding-right:2px;
  1443. margin-left:5px;
  1444. letter-spacing:4px;
  1445. line-height:11px;
  1446. color:{color:Tab Title 4 Text Colour};
  1447. background-color: {color:Tab Square 4 Colour};
  1448. -webkit-transition: all 0.4s ease-in-out;
  1449. -moz-transition: all 0.4s ease-in-out;
  1450. -o-transition: all 0.4s ease-in-out;
  1451. transition: all 0.4s ease-in-out;
  1452. }
  1453.  
  1454. #updatesquare4:hover #updatesquare4title{
  1455. width:100px;
  1456. opacity:1;
  1457. background-color: {color:Tab Square 4 Colour Hover};
  1458. -webkit-transition: all 0.4s ease-in-out;
  1459. -moz-transition: all 0.4s ease-in-out;
  1460. -o-transition: all 0.4s ease-in-out;
  1461. transition: all 0.4s ease-in-out;
  1462. }
  1463.  
  1464. #updatebox4 {
  1465. width: 200px;
  1466. height: auto;
  1467. display: block;
  1468. opacity:1;
  1469. margin-left:-235px;
  1470. padding:4px;
  1471. padding-right:10px;
  1472. font-size:8px;
  1473. margin-top:-42px;
  1474. font-family:calibri;
  1475. text-transform:uppercase;
  1476. text-align:right;
  1477. background-color: {color:Tab Box 4 Background Colour};
  1478. color:{color:Tab Box 4 Text};
  1479. -webkit-transition: all 0.4s ease-in-out;
  1480. -moz-transition: all 0.4s ease-in-out;
  1481. -o-transition: all 0.4s ease-in-out;
  1482. transition: all 0.4s ease-in-out;
  1483. }
  1484.  
  1485. #updatebox4 a{
  1486. color:{color:Tab Box 4 Links};
  1487. font-size:8px;
  1488. text-transform:uppercase;
  1489. background-color: transparent;
  1490. -webkit-transition: all 0.4s ease-in-out;
  1491. -moz-transition: all 0.4s ease-in-out;
  1492. -o-transition: all 0.4s ease-in-out;
  1493. transition: all 0.4s ease-in-out;
  1494. }
  1495.  
  1496. #updatebox4 a:hover{
  1497. color:{color:Tab Box 4 Links Hover};
  1498. letter-spacing:1px;
  1499. font-size:8px;
  1500. text-transform:uppercase;
  1501. background-color: transparent;
  1502. -webkit-transition: all 0.4s ease-in-out;
  1503. -moz-transition: all 0.4s ease-in-out;
  1504. -o-transition: all 0.4s ease-in-out;
  1505. transition: all 0.4s ease-in-out;
  1506. }
  1507.  
  1508. #updatebox4:hover {
  1509. margin-left:-30px;
  1510. -webkit-transition: all 0.4s ease-in-out;
  1511. -moz-transition: all 0.4s ease-in-out;
  1512. -o-transition: all 0.4s ease-in-out;
  1513. transition: all 0.4s ease-in-out;
  1514. }
  1515.  
  1516. /* --- UPDATES TAB BOX 4 END---*/
  1517.  
  1518. /* --- UPDATES TAB BOX 5 START---*/
  1519.  
  1520. #updatesquare5 {
  1521. width: 12px;
  1522. height: 12px;
  1523. display: block;
  1524. margin-top:35px;
  1525. opacity:1;
  1526. margin-left:-15px;
  1527. background-color: {color:Tab Square 5 Colour};
  1528. -webkit-transition: all 0.4s ease-in-out;
  1529. -moz-transition: all 0.4s ease-in-out;
  1530. -o-transition: all 0.4s ease-in-out;
  1531. transition: all 0.4s ease-in-out;
  1532. }
  1533.  
  1534. #updatesquare5:hover {
  1535. width:100px;
  1536. background-color: {color:Tab Square 5 Colour Hover};
  1537. -webkit-transition: all 0.4s ease-in-out;
  1538. -moz-transition: all 0.4s ease-in-out;
  1539. -o-transition: all 0.4s ease-in-out;
  1540. transition: all 0.4s ease-in-out;
  1541. }
  1542.  
  1543. #updatesquare5title {
  1544. width:0px;
  1545. height:12px;
  1546. display:block;
  1547. opacity:0;
  1548. font-size:8px;
  1549. font-family:calibri;
  1550. text-transform:uppercase;
  1551. text-align:right;
  1552. padding-right:2px;
  1553. margin-left:5px;
  1554. letter-spacing:4px;
  1555. line-height:11px;
  1556. color:{color:Tab Title 5 Text Colour};
  1557. background-color: {color:Tab Square 5 Colour};
  1558. -webkit-transition: all 0.4s ease-in-out;
  1559. -moz-transition: all 0.4s ease-in-out;
  1560. -o-transition: all 0.4s ease-in-out;
  1561. transition: all 0.4s ease-in-out;
  1562. }
  1563.  
  1564. #updatesquare5:hover #updatesquare5title{
  1565. width:100px;
  1566. opacity:1;
  1567. background-color: {color:Tab Square 5 Colour Hover};
  1568. -webkit-transition: all 0.4s ease-in-out;
  1569. -moz-transition: all 0.4s ease-in-out;
  1570. -o-transition: all 0.4s ease-in-out;
  1571. transition: all 0.4s ease-in-out;
  1572. }
  1573.  
  1574. #updatebox5 {
  1575. width: 200px;
  1576. height: auto;
  1577. display: block;
  1578. opacity:1;
  1579. margin-left:-235px;
  1580. padding:4px;
  1581. padding-right:10px;
  1582. font-size:8px;
  1583. margin-top:-42px;
  1584. font-family:calibri;
  1585. text-transform:uppercase;
  1586. text-align:right;
  1587. background-color: {color:Tab Box 5 Background Colour};
  1588. color:{color:Tab Box 5 Text};
  1589. -webkit-transition: all 0.4s ease-in-out;
  1590. -moz-transition: all 0.4s ease-in-out;
  1591. -o-transition: all 0.4s ease-in-out;
  1592. transition: all 0.4s ease-in-out;
  1593. }
  1594.  
  1595. #updatebox5 a{
  1596. color:{color:Tab Box 5 Links};
  1597. font-size:8px;
  1598. text-transform:uppercase;
  1599. background-color: transparent;
  1600. -webkit-transition: all 0.4s ease-in-out;
  1601. -moz-transition: all 0.4s ease-in-out;
  1602. -o-transition: all 0.4s ease-in-out;
  1603. transition: all 0.4s ease-in-out;
  1604. }
  1605.  
  1606. #updatebox5 a:hover{
  1607. color:{color:Tab Box 5 Links Hover};
  1608. letter-spacing:1px;
  1609. font-size:8px;
  1610. text-transform:uppercase;
  1611. background-color: transparent;
  1612. -webkit-transition: all 0.4s ease-in-out;
  1613. -moz-transition: all 0.4s ease-in-out;
  1614. -o-transition: all 0.4s ease-in-out;
  1615. transition: all 0.4s ease-in-out;
  1616. }
  1617.  
  1618. #updatebox5:hover {
  1619. margin-left:-30px;
  1620. -webkit-transition: all 0.4s ease-in-out;
  1621. -moz-transition: all 0.4s ease-in-out;
  1622. -o-transition: all 0.4s ease-in-out;
  1623. transition: all 0.4s ease-in-out;
  1624. }
  1625.  
  1626. /* --- UPDATES TAB BOX 5 END---*/
  1627.  
  1628. {CustomCSS}</style> </head><body>
  1629.  
  1630. {block:ifTinyCursor}
  1631. <style type="text/css">body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;}</style>
  1632. {/block:ifTinyCursor}
  1633.  
  1634. {block:IfUpdatesTab}
  1635.  
  1636. <div id="updateboxes">
  1637.  
  1638. <div id="updatesquare1">
  1639. <div id="updatesquare1title"> Box Title 1 </div></div>
  1640. <div id="updatebox1">
  1641. This is where your text belongs. </p>
  1642. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1643. New paragraph with < p > < / p > and
  1644. </br>New line with < br > without the spaces</p>
  1645. links: <a href="http://yoururl.tumblr.com/">Link title</a>
  1646. </div>
  1647.  
  1648. <div id="updatesquare2">
  1649. <div id="updatesquare2title"> Box Title 2 </div></div>
  1650. <div id="updatebox2">
  1651. This is where your text belongs. </p>
  1652. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1653. New paragraph with < p > < / p > and
  1654. </br>New line with < br > without the spaces</p>
  1655. links: <a href="http://yoururl.tumblr.com/">Link title</a>
  1656. </div>
  1657.  
  1658. <div id="updatesquare3">
  1659. <div id="updatesquare3title"> Box Title 3 </div></div>
  1660. <div id="updatebox3">
  1661. This is where your text belongs. </p>
  1662. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1663. New paragraph with < p > < / p > and
  1664. </br>New line with < br > without the spaces</p>
  1665. links: <a href="http://yoururl.tumblr.com/">Link title</a>
  1666. </div>
  1667.  
  1668. <div id="updatesquare4">
  1669. <div id="updatesquare4title"> Box Title 4 </div></div>
  1670. <div id="updatebox4">
  1671. This is where your text belongs. </p>
  1672. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1673. New paragraph with < p > < / p > and
  1674. </br>New line with < br > without the spaces</p>
  1675. links: <a href="http://yoururl.tumblr.com/">Link title</a>
  1676. </div>
  1677.  
  1678. <div id="updatesquare5">
  1679. <div id="updatesquare5title"> Box Title 5 </div></div>
  1680. <div id="updatebox5">
  1681. This is where your text belongs. </p>
  1682. <b>Bold</b>, <i>Italic</i>, <u>underline</u>, <s>strike through</s></p>
  1683. New paragraph with < p > < / p > and
  1684. </br>New line with < br > without the spaces</p>
  1685. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">©</a>
  1686. </div>
  1687.  
  1688. </div>
  1689.  
  1690. {/block:IfUpdatesTab}
  1691.  
  1692. <div id="sidebar">
  1693. <div id="sidebarr1"></div>
  1694. <div id="sidebarr2"></div>
  1695. <div id="sidebarr3"></div>
  1696.  
  1697. <div id="sidebarimage"><img src="{image:Sidebar Image}"></div>
  1698. <div id="sidebarimage2"><img src="{image:Sidebar Image 2}"></div>
  1699.  
  1700. <div id="description">{Description}</div>
  1701.  
  1702. <div id="links">
  1703. </br></br>
  1704. <a href="{text:Link1 URL}" title="{text:Link1 Title}"></a>
  1705. <a href="{text:Link2 URL}" title="{text:Link2 Title}"></a>
  1706. <a href="{text:Link3 URL}" title="{text:Link3 Title}"></a>
  1707. <a href="{text:Link4 URL}" title="{text:Link4 Title}"></a>
  1708. <a href="{text:Link5 URL}" title="{text:Link5 Title}"></a>
  1709. <a href="{text:Link6 URL}" title="{text:Link6 Title}"></a>
  1710. <a href="{text:Link7 URL}" title="{text:Link7 Title}"></a>
  1711. <a href="{text:Link8 URL}" title="{text:Link8 Title}"></a>
  1712. <a href="{text:Link9 URL}" title="{text:Link9 Title}"></a>
  1713. <a href="{text:Link10 URL}" title="{text:Link10 Title}"></a>
  1714. </div>
  1715.  
  1716. <center>
  1717. {block:IfNotInfiniteScroll}
  1718. <div id="pagination">
  1719. {block:Pagination}
  1720. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  1721. {block:JumpPagination length="5"}
  1722. {block:CurrentPage}<span class="current">{PageNumber}</span>{/block:CurrentPage}
  1723. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  1724. {/block:JumpPagination}
  1725. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1726. {/block:Pagination}</center>
  1727. {block:IfNotInfiniteScroll}
  1728. {block:IfInfiniteScroll}{/block:IfInfiniteScroll}
  1729. </div>
  1730. </div>
  1731.  
  1732. </div>
  1733.  
  1734. <div id="entries">
  1735. <div class = "autopagerize_page_element" >
  1736. {block:Posts}
  1737. <div id="post">
  1738. {block:HasTags}
  1739. <div id="tagsa"><div id="tags">
  1740. {block:Tags}
  1741. <a href="{TagURL}"><font color="{color:Hashtag Colour}">#</font>&nbsp;&nbsp;&nbsp;{Tag}</a>
  1742. {/block:Tags}
  1743. </div></div>
  1744. {/block:HasTags}
  1745.  
  1746. <div id="info">
  1747. <div id="date">
  1748. {block:Date}<a href="{Permalink}" title=" {TimeAgo} / {24HourWithZero}:{Minutes} / {DayOfMonthWithZero} {ShortMonth} {Year}"></a>{/block:Date}</div>
  1749.  
  1750. <div id="number">
  1751. {block:NoteCount}<a href="{Permalink}" title="{NoteCountWithLabel}"></a>{/block:NoteCount}
  1752. </div>
  1753.  
  1754. <div id="via">
  1755. {block:RebloggedFrom}<a href="{ReblogParentURL}" target="blank" title="via: {ReblogParentName}"></a>{/block:RebloggedFrom}
  1756. </div>
  1757.  
  1758. <div id="origin">
  1759. {block:RebloggedFrom}<a href="{ReblogRootURL}" target="blank" title="source: {ReblogRootName}"></a>{/block:RebloggedFrom}
  1760. </div>
  1761.  
  1762. <div id="reblog">
  1763. <a href="{ReblogURL}" target="blank" title="reblog this post"></a>
  1764. </div>
  1765. </div>
  1766.  
  1767. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  1768.  
  1769. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" target="_blank">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  1770.  
  1771. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  1772.  
  1773. {block:Quote}
  1774. <div id="mark">“</div>
  1775. <div id="quote">{Quote}</div> </br>
  1776. {block:Source}<div id="source">{Source}</div>{/block:Source}{/block:Quote}
  1777.  
  1778. {block:Video}
  1779. <div id="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1780.  
  1781. {block:Link}<h1><div id="ll"><a href="{URL}" target="_blank" {Target}>{Name}</a></div></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  1782.  
  1783. {block:Chat}
  1784. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}">
  1785. {block:Label}<span class="label">{Label}</span>{/block:Label}
  1786. {Line}</li>{/block:Lines}</ul>
  1787. {/block:Chat}
  1788.  
  1789. {block:Audio}
  1790. <div id="audio">
  1791. <div id="player">
  1792. <div id="playersymbol">{AudioPlayerBlack}</div></div>
  1793. <div id="picture">
  1794. {block:AlbumArt}<img src="{AlbumArtURL}" width="50" height="50">{/block:AlbumArt}</div>
  1795. <div id="audiotext">
  1796. <span style="color:{color:Tags Background Colour};text-transform:uppercase;font-size:15px;font-weight:bold;font-family:calibri;">{block:TrackName}{TrackName}{/block:TrackName}</br></span> <span style="color:{color:Border};text-transform:uppercase;font-size:10px;font-family:calibri;">{block:Artist}<b><font color="{color:Tags Background Colour}">BY </font></b>{Artist}<br>{/block:Artist}
  1797. {block:Album}<b><font color="{color:Tags Background Colour}">FROM THE ALBUM:</font></b> {Album}</br>{/block:Album}
  1798. <b><font color="{color:Tags Background Colour}">PLAYED:</font></b> {PlayCount} TIMES.</div></div>
  1799. {block:caption}{Caption}{/block:caption}</span>
  1800. {/block:Audio}
  1801. {block:Answer}
  1802. <div id="ask">
  1803.  
  1804. <div id="portrait"><span style="width:30px;height:30px;"><img src="{AskerPortraitURL-30}" style="border:1px solid;border-color:{color:info border};padding:4px;"></span></div>
  1805.  
  1806. <div id="ques"><span style="font-family:calibri;text-transform:none;font-size:9px;letter-spacing:1px">{Question}</span>
  1807. <div style="border-bottom:1px solid;border-color:{color:background};margin-top:4px;margin-bottom:-6px"></div></br><span style="text-transform:uppercase;font-size:8px;font-family:calibri;float:right;letter-spacing:2px;"> {asker}</span></div></div>
  1808.  
  1809. <div id="replies">{Replies}</div>
  1810. {/block:Answer}
  1811.  
  1812. {block:HasTags}
  1813. {block:Tags}{/block:Tags}
  1814. {/block:HasTags}
  1815. </div>
  1816.  
  1817. {block:PostNotes}
  1818. <div class="pagenotes">
  1819. {PostNotes}
  1820. </div>
  1821. {/block:PostNotes}
  1822. {/block:Posts}
  1823. </div>
  1824.  
  1825. <span class="credit">
  1826. <a href="http://iamthemelocked.tumblr.com/" target="_blank" title="theme by iamthemelocked">TL</a>
  1827. </span>
  1828.  
  1829.  
  1830. </body></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!