API tools faq
paste
Advertisement
iamthemelocked

Iamthemelocked #103 - C for Consulting

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