API tools faq
paste
Advertisement
Guest User

pra cielly

a guest
Feb 18th, 2018
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 70.79 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. <!---------------- HEY! LISTEN --------------*/
  4.  
  5.  
  6. ╰ ° CASLIA THEME BY JCNNIE *°
  7.  
  8. - you can edit it to your heart's content buta
  9. keep the credit please! plagiarism ain't cool.
  10. - do not take any part of this theme
  11. and claim it as your own.
  12. - do not lift any section of coding and use it
  13. elsewhere.
  14.  
  15.  
  16. base code: neonbike themes
  17. chat post code: animalites
  18.  
  19.  
  20. /*--------------------------------------------->
  21.  
  22. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  23. <head><title>{Title}</title>
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  26. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  27.  
  28. <meta name="color:background" content="#d6d6d6"/>
  29. <meta name="color:accent" content="#bbb" />
  30. <meta name="color:entries bg" content="#ececec" />
  31. <meta name="color:sidebar bg" content="#f8f8f8" />
  32. <meta name="color:posts bg" content="#fff" />
  33. <meta name="color:text" content="#000"/>
  34. <meta name="color:navi" content="#fff"/>
  35. <meta name="color:title" content="#000" />
  36. <meta name="color:link" content="#000"/>
  37. <meta name="color:linkhover" content="#777"/>
  38. <meta name="color:bold" content="#777" />
  39. <meta name="color:italic" content="#777" />
  40. <meta name="color:underline" content="#777" />
  41. <meta name="color:icon border" content="#fff" />
  42.  
  43. <meta name="text:title" content="sidebar title"/>
  44. <meta name="text:subtitle" content="subtitle"/>
  45. <meta name="text:desc title" content="sidebar hover title"/>
  46. <meta name="text:username" content="put your username/url here so the askbox can work (ex. jcnnie)"/>
  47. <meta name="text:statistics" content="stats here"/>
  48. <meta name="text:navtitle" content="navigation"/>
  49. <meta name="text:navsubtitle" content="this is a nav subtitle"/>
  50. <meta name="text:askbox title" content="ask me anything."/>
  51. <meta name="text:tab 1 title" content="home"/>
  52. <meta name="text:tab 2 title" content="message"/>
  53. <meta name="text:tab 3 title" content="navigate"/>
  54. <meta name="text:tab 4 title" content="network"/>
  55. <meta name="text:link 1 title" content="link one"/>
  56. <meta name="text:link 1 url" content="/"/>
  57. <meta name="text:link 2 title" content="link two"/>
  58. <meta name="text:link 2 url" content="/"/>
  59. <meta name="text:link 3 title" content="link three"/>
  60. <meta name="text:link 3 url" content="/"/>
  61. <meta name="text:link 4 title" content="link four"/>
  62. <meta name="text:link 4 url" content="/"/>
  63. <meta name="text:link 5 title" content="link five"/>
  64. <meta name="text:link 5 url" content="/"/>
  65. <meta name="text:link 6 title" content="link six"/>
  66. <meta name="text:link 6 url" content="/"/>
  67. <meta name="text:link 7 title" content="link seven"/>
  68. <meta name="text:link 7 url" content="/"/>
  69. <meta name="text:link 8 title" content="link eight"/>
  70. <meta name="text:link 8 url" content="/"/>
  71. <meta name="text:link 9 title" content="link nine"/>
  72. <meta name="text:link 9 url" content="/"/>
  73.  
  74.  
  75. <meta name="select:title font" content="glowies" title="rowo"/>
  76. <meta name="select:title font" content="glowies2" title="playlist"/>
  77. <meta name="select:title font" content="glowies4" title="banaue"/>
  78. <meta name="select:title font" content="glowies5" title="mix yonder"/>
  79. <meta name="select:title font" content="glowies6" title="syabab"/>
  80. <meta name="select:title font" content="glowies7" title="manus"/>
  81. <meta name="select:title font" content="glowies8" title="aveline script"/>
  82.  
  83. <meta name="select:title font size" content="27px" title="27"/>
  84. <meta name="select:title font size" content="36px" title="36"/>
  85. <meta name="select:title font size" content="48px" title="48"/>
  86. <meta name="select:title font size" content="54px" title="54"/>
  87. <meta name="select:title font size" content="68px" title="68"/>
  88.  
  89. <meta name="select:subtitle padding" content="-15px" title="-15"/>
  90. <meta name="select:subtitle padding" content="-10px" title="-10"/>
  91. <meta name="select:subtitle padding" content="-5px" title="-5"/>
  92. <meta name="select:subtitle padding" content="0px" title="0"/>
  93. <meta name="select:subtitle padding" content="5px" title="5"/>
  94. <meta name="select:subtitle padding" content="10px" title="10"/>
  95.  
  96. <meta name="select:sidebar title lineheight" content="100%" title="100%"/>
  97. <meta name="select:sidebar title lineheight" content="90%" title="90%"/>
  98. <meta name="select:sidebar title lineheight" content="75%" title="75%"/>
  99. <meta name="select:sidebar title lineheight" content="50%" title="50%"/>
  100. <meta name="select:sidebar title lineheight" content="35%" title="35%"/>
  101.  
  102. <meta name="image:background" content=""/>
  103. <meta name="image:sidebar bg" content=""/>
  104. <meta name="image:side icon" content=""/>
  105. <meta name="image:side icon2" content=""/>
  106. <meta name="image:tab icon" content=""/>
  107. <meta name="image:tab icon2" content=""/>
  108. <meta name="image:tab icon3" content=""/>
  109. <meta name="image:tab icon4" content=""/>
  110.  
  111. <meta name="if:greyscale" content="0"/>
  112. <meta name="if:400px" content="0"/>
  113. <meta name="if:TitleOutline" content="0"/>
  114. <meta name="if:FullBG" content="0"/>
  115. <meta name="if:SidebarBG" content="0"/>
  116. <meta name="if:DarkTumblrCtrls" content="0"/>
  117. <meta name="text:text size" content="9px" />
  118.  
  119.  
  120.  
  121. <!--- SCRIPTS AND STUFF --->
  122.  
  123.  
  124. <script type="text/javascript" src="http://static.tumblr.com/86jccts/wpsmuemne/hoverqtip.js"></script><link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  125. <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
  126. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  127. <link href="https://github.com/IanLunn/Hover.git" rel="stylesheet" media="all">
  128. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  129. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  130.  
  131. <!-- TABS/ALL-INN-ONE SCRIPTS DO NOT REMOVE!!! -->
  132.  
  133. <script>
  134. $(document).ready(function() {
  135. $('.tabs .tab-links a').on('click', function(e) {
  136. var currentAttrValue = $(this).attr('href');
  137.  
  138. // Show/Hide Tabs
  139. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  140.  
  141. // Change/remove current tab to active
  142. $(this).parent('li').addClass('active').siblings().removeClass('active');
  143.  
  144. e.preventDefault();
  145. });
  146. });
  147. </script>
  148.  
  149.  
  150. <script>
  151. $(document).ready(function() {
  152. $('#filterOptions li a').click(function() {
  153. // fetch the class of the clicked item
  154. var ourClass = $(this).attr('class');
  155.  
  156. // reset the active class on all the buttons
  157. $('#filterOptions li').removeClass('active');
  158. // update the active state on our clicked button
  159. $(this).parent().addClass('active');
  160.  
  161. if(ourClass == 'all') {
  162. // show all our items
  163. $('#ourHolder').children('div.item').show();
  164. }
  165. else {
  166. // hide all elements that don't share ourClass
  167. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  168. // show all elements that do share ourClass
  169. $('#ourHolder').children('div.' + ourClass).show();
  170. }
  171. return false;
  172. });
  173. });
  174. </script>
  175.  
  176. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  177.  
  178. <script>
  179. $(document).ready(function() {
  180. $('.tabs .tab-links a').on('click', function(e) {
  181. var currentAttrValue = $(this).attr('href');
  182.  
  183. // Show/Hide Tabs
  184. $('.tabs ' + currentAttrValue).fadeIn(600).siblings().hide();
  185.  
  186. // Change/remove current tab to active
  187. $(this).parent('li').addClass('active').siblings().removeClass('active');
  188.  
  189. e.preventDefault();
  190. });
  191. });
  192. </script>
  193.  
  194. <script>
  195. $(document).ready(function() {
  196. $('#filterOptions li a').click(function() {
  197. // fetch the class of the clicked item
  198. var ourClass = $(this).attr('class');
  199.  
  200. // reset the active class on all the buttons
  201. $('#filterOptions li').removeClass('active');
  202. // update the active state on our clicked button
  203. $(this).parent().addClass('active');
  204.  
  205. if(ourClass == 'all') {
  206. // show all our items
  207. $('#ourHolder').children('div.item').show();
  208. }
  209. else {
  210. // hide all elements that don't share ourClass
  211. $('#ourHolder').children('div:not(.' + ourClass + ')').hide();
  212. // show all elements that do share ourClass
  213. $('#ourHolder').children('div.' + ourClass).show();
  214. }
  215. return false;
  216. });
  217. });
  218. </script>
  219.  
  220.  
  221. <script type="text/javascript">
  222. jQuery(document).ready(function() {
  223. jQuery(".sub").hide();
  224. //toggle the component with class msg_body
  225. jQuery(".cthrough").click(function()
  226. {
  227. jQuery(this).next(".sub").slideToggle(500);
  228. });});
  229. </script>
  230.  
  231. <script>
  232. var element_to_scroll_to = document.getElementById('bodystuf');
  233. // Or:
  234. var element_to_scroll_to = document.querySelectorAll('.cont')[0];
  235. // Or:
  236. var element_to_scroll_to = $('.cont')[0];
  237. // Basically `element_to_scroll_to` just have to be a reference
  238. // to any DOM element present on the page
  239. // Then:
  240. element_to_scroll_to.scrollIntoView();
  241. </script>
  242.  
  243.  
  244.  
  245. <!--- END OF SCRIPTS AND STUFF --->
  246.  
  247.  
  248.  
  249.  
  250.  
  251.  
  252.  
  253. <style type="text/css">
  254. *, body, a, a:hover {cursor: url(http://virtualcustoms.net/images/styles/Twisted_Underground_Blue/site_icons/xhomepage.png.pagespeed.ic.clZcN2PtQs.png), auto;}
  255.  
  256.  
  257. /* ╰ ° EXTRAS N STUFF *° */
  258.  
  259. ::-webkit-scrollbar-thumb:vertical {
  260. height:10px;
  261. border:0px solid {color:icon border};
  262. background-color:{color:icon border};
  263. -webkit-border-fill-color: transparent;
  264. }
  265.  
  266. ::-webkit-scrollbar-thumb:horizontal, ::-webkit-scrollbar:horizontal {
  267. display:none;
  268. }
  269.  
  270. ::-webkit-scrollbar {
  271. width:1px;
  272. height:5px;
  273. border:2px solid transparent;
  274. background:transparent;
  275. display:none;
  276. -webkit-border-fill-color: transparent;
  277. }
  278.  
  279. ::-moz-selection {
  280. color:{color:posts bg};
  281. background-color:{color:accent};
  282. }
  283.  
  284. ::selection {
  285. color:{color:posts bg};
  286. background-color:{color:accent};
  287. }
  288.  
  289. @font-face{
  290. font-family:"glowies";
  291. src: url('https://dl.dropboxusercontent.com/s/exkgvog2renheyj/r.ttf');
  292. }
  293.  
  294. @font-face{
  295. font-family:"glowies2";
  296. src: url('https://dl.dropboxusercontent.com/s/gdn9befynhd1v6x/ps.otf');
  297. }
  298.  
  299. @font-face{
  300. font-family:"glowies3";
  301. src: url('https://dl.dropboxusercontent.com/s/108jph3jeqb1zlb/ax.otf');
  302. }
  303. @font-face{
  304. font-family:"glowies4";
  305. src: url('https://dl.dropboxusercontent.com/s/vfdfby7jf9tq7ii/ban.otf');
  306. }
  307.  
  308. @font-face{
  309. font-family:"glowies5";
  310. src: url('https://dl.dropboxusercontent.com/s/ucpi3ltz43w4h2m/my.ttf');
  311. }
  312.  
  313. @font-face{
  314. font-family:"glowies6";
  315. src: url('https://dl.dropboxusercontent.com/s/vslsvd4pks6dtzg/syabab.ttf');
  316. }
  317.  
  318. @font-face{
  319. font-family:"glowies7";
  320. src: url('https://dl.dropboxusercontent.com/s/ob4tjiuq40vv1ie/mns.otf');
  321. }
  322.  
  323. @font-face{
  324. font-family:"glowies8";
  325. src: url('https://dl.dropboxusercontent.com/s/bk5emg0gbfsiexh/aveline.ttf');
  326. }
  327.  
  328. @font-face{
  329. font-family:"icony";
  330. src: url('https://dl.dropboxusercontent.com/s/a7bri7ihdzf1r5h/icony.ttf');
  331. }
  332.  
  333.  
  334.  
  335.  
  336. #tumblr_controls, .tmblr-iframe{ z-index:99999999999999999999999!important;
  337. {block:IfDarkTumblrCtrls}-webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%);{/block:IfDarkTumblrCtrls} position:fixed!important; top:0px!important; right:0px!important; -webkit-transform: scale(0.8);transform: scale(0.8); opacity:.5; -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  338.  
  339. #tumblr_controls, .tmblr-iframe:hover { -webkit-transform: scale(0.8);transform: scale(0.8); opacity:.8;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; -webkit-transition:all 0.6s ease-out;{block:IfDarkTumblrCtrls}-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);{/block:IfDarkTumblrCtrls} }
  340.  
  341. div#qTip {
  342. padding: 2px 5px 2px 5px;
  343. display: none;
  344. margin-left:10px;
  345. margin-top:-37px;
  346. background:{color:posts bg};
  347. opacity:0.8;
  348. font-weight:700;
  349. position: absolute;
  350. border-radius:10px;
  351. text-transform:uppercase;
  352. font-size:7px;
  353. z-index:99999999999999;
  354. color: {color:text};
  355. letter-spacing: 1px;
  356. }
  357.  
  358.  
  359. /* ╰ ° HOVER EFFECTS AND FONT ICONS *° */
  360.  
  361. /* Grow Rotate */
  362. .hvr-grow-rotate {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: transform;transition-property: transform;}
  363. .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  364. -webkit-transform: scale(1.1) rotate(4deg);transform: scale(1.1) rotate(4deg);}
  365.  
  366.  
  367. /* Push */
  368. @-webkit-keyframes hvr-push {
  369. 50% {-webkit-transform: scale(0.8);transform: scale(0.8);}100% {-webkit-transform: scale(1);transform: scale(1);}}
  370. @keyframes hvr-push {50% {-webkit-transform: scale(0.8);transform: scale(0.8);}100% {-webkit-transform: scale(1);transform: scale(1);}}
  371. .hvr-push {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
  372. .hvr-push:hover, .hvr-push:focus, .hvr-push:active {-webkit-animation-name: hvr-push;animation-name: hvr-push;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;
  373. }
  374.  
  375.  
  376. /* Effect 13: three circles */
  377. .cl-effect-13 a {
  378. -webkit-transition: color 0.3s;
  379. -moz-transition: color 0.3s;
  380. transition: color 0.3s;
  381. }
  382.  
  383. .cl-effect-13 a::before {
  384. position: absolute;
  385. top: 90%;
  386. left: 80%;
  387. color: transparent;
  388. content: '•';
  389. text-shadow: 0 0 transparent;
  390. font-size: 1.2em;
  391. -webkit-transition: text-shadow 0.3s, color 0.3s;
  392. -moz-transition: text-shadow 0.3s, color 0.3s;
  393. transition: text-shadow 0.3s, color 0.3s;
  394. -webkit-transform: translateX(-50%);
  395. -moz-transform: translateX(-50%);
  396. transform: translateX(-50%);
  397. pointer-events: none;
  398. }
  399.  
  400. .cl-effect-13 a:hover::before,
  401. .cl-effect-13 a:focus::before {
  402. color: {color:navi};
  403. text-shadow: 7.5px 0 {color:navi}, -7.5px 0 {color:navi};
  404. }
  405.  
  406. .cl-effect-13 a:hover,
  407. .cl-effect-13 a:focus {
  408. color: {color:posts bg};
  409. }
  410.  
  411.  
  412. .lnr-tag {
  413. color: {color:text};
  414. font-size: 8px;
  415. }
  416. .lnr-leaf {
  417. color: {color:accent};
  418. font-size: 12px;
  419. text-align:center;
  420. display:block;
  421. margin-top:5px;
  422. margin-bottom:15px;
  423. }
  424. .lnr-arrow-right, .lnr-arrow-left {
  425. color: {color:text};
  426. font-size: 10px;
  427. }
  428. .sprout {
  429. color: {color:accent};
  430. font-size: 14px;
  431. font-family:'icony';
  432. text-align:center;
  433. display:block;
  434. text-shadow:none;
  435. font-weight:400;
  436. margin-top:-2px;
  437. margin-bottom:5px;
  438. }
  439.  
  440.  
  441. /* ╰ ° THE ESSENTIALS *° */
  442.  
  443. body {
  444. background-color:{color:background};
  445. {block:IfFullBG}
  446. background: url('{image:background}') no-repeat center center fixed;
  447. -webkit-background-size: cover;
  448. -moz-background-size: cover;
  449. -o-background-size: cover;
  450. background-size: cover;
  451. {/block:IfFullBG}
  452. line-height:150%;
  453. color:{color:text};
  454. font-family: 'inconsolata', monospace;
  455. font-size: {text:text size};
  456. letter-spacing:0.5px;-webkit-font-smoothing: antialiased;
  457. -moz-osx-font-smoothing: grayscale;
  458. }
  459.  
  460.  
  461.  
  462.  
  463.  
  464. a {
  465. text-decoration:none;
  466. color:{color:link};
  467. -webkit-transition: all 0.5s ease;
  468. -moz-transition: all 0.5s ease;
  469. -o-transition: all 0.5s ease;
  470. }
  471.  
  472. .posts a {
  473. font-family:'glowies3';
  474. text-transform:uppercase;
  475. letter-spacing:1px;
  476. }
  477.  
  478. a:hover {
  479. color:{color:linkhover};
  480. text-shadow:0px 0px 1px rgba(0,0,0,0.5);
  481. -webkit-transition: all 0.5s ease;
  482. -moz-transition: all 0.5s ease;
  483. -o-transition: all 0.5s ease;
  484. }
  485.  
  486. hr {
  487. width: 40%;
  488. margin-left: auto;
  489. margin-right: auto;
  490. margin-top: 20px;
  491. margin-bottom: 20px;
  492. opacity:0.5;
  493. color:{color:text};
  494. }
  495.  
  496. blockquote {
  497. background-color:rgba(255,255,255,0);
  498. padding:0px 6px 0px 12px;
  499. margin:4px 2px 2px 2px;
  500. border-left:1px solid {color:icon border};
  501. }
  502.  
  503. blockquote img {
  504. max-width:100%;
  505. height:auto;
  506. }
  507.  
  508. b, strong {
  509. color:{color:bold};
  510. font-weight:bold;
  511. }
  512.  
  513. i, em {
  514. color:{color:italic};
  515. }
  516.  
  517. i b, em strong, em b, strong i {
  518. color:{color:accent};
  519. }
  520. u, s, strike {
  521. color:{color:underline};
  522. }
  523.  
  524. small,sup,sub {
  525. font-size:{text:Text Size}}
  526.  
  527. big {
  528. font-size:11px;}
  529.  
  530. pre {
  531. border:1px solid {color:sidebar bg};
  532. opacity:0.65;
  533. border-radius:5px;
  534. padding:20px;
  535. white-space: pre-wrap; /* css-3 */
  536. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  537. white-space: -pre-wrap; /* Opera 4-6 */
  538. white-space: -o-pre-wrap; /* Opera 7 */
  539. word-wrap: break-word; /* Internet Explorer 5.5+ */}
  540.  
  541. pre b, pre strong{
  542. color:{color:text};
  543. }
  544.  
  545. .entries ul {
  546. padding-left:6px;
  547. margin-left:20px;
  548. margin-right:20px;
  549. }
  550.  
  551. .entries ol {
  552. padding-left:3px;
  553. margin-left:20px;
  554. margin-right:20px;
  555. text-align:justify;
  556. }
  557. .entries li {
  558. padding-left:3px;
  559. margin-left:6px;
  560. text-align:justify;
  561. margin-bottom:10px;
  562. }
  563.  
  564.  
  565.  
  566. /* ╰ ° HEADER STUFF *° */
  567.  
  568. .headerbar {
  569. background: url('{image:background}') no-repeat center center fixed;
  570. -webkit-background-size: cover;
  571. -moz-background-size: cover;
  572. -o-background-size: cover;
  573. background-size: cover;
  574. background-color:none;
  575. {block:IfFullBG}
  576. background: none;
  577. background-color:{color:background};
  578. {/block:IfFullBG}
  579. height:50px;
  580. width:100%;
  581. position:fixed;
  582. top:0px;
  583. left:0px;
  584. z-index:999999;
  585. }
  586.  
  587.  
  588. .tinyheader {
  589. width:705px;
  590. margin-left:-352.5px;
  591. {block:If400px}
  592. width:805px;
  593. margin-left:-402.5px;
  594. {/block:If400px}
  595. top:160px;
  596. left:50%;
  597. position:fixed;
  598. overflow-x:none;
  599. background:{color:accent};
  600. height:70px;
  601. padding:0px;
  602. opacity:0.95;
  603. border-radius:0 0;
  604. }
  605.  
  606. .tinyheader img {
  607. width:605px;
  608. {block:If400px}
  609. width:705px;
  610. {/block:If400px}
  611. height:130px;
  612. border-radius:5px 5px 0 0;
  613. }
  614.  
  615.  
  616. .counter {
  617. position:fixed;
  618. top:18px;
  619. left:18px;
  620. z-index:9999999999;
  621. font-size:18px;
  622. line-height:100%;
  623. letter-spacing:0px;
  624. text-align:left;
  625. font-family: 'glowies3';
  626. }
  627.  
  628. .counter a {
  629. height:14px;
  630. display:inline-block;
  631. color:{color:link};
  632. text-shadow:none;
  633. text-transform:uppercase;
  634. -webkit-transition: all 0.3s ease;
  635. -moz-transition: all 0.3s ease;
  636. -o-transition: all 0.3s ease;
  637. }
  638.  
  639.  
  640.  
  641.  
  642.  
  643. /* ╰ ° NAVTAB STUFF *° */
  644.  
  645.  
  646.  
  647. .nav {
  648. position:absolute;
  649. top: 90px;
  650. left: 40px;
  651. height:65px;
  652. width:234px;
  653. {block:If400px}
  654. left: 60px;
  655. {/block:If400px}
  656. background: none;
  657. margin:0px;
  658. padding:4px;
  659. border-radius:10px;
  660. border:0px solid {color:entries bg};
  661. z-index:999999;
  662. }
  663.  
  664. .nav a {
  665. width:60px;
  666. {block:If400px}
  667. width:60px;
  668. {/block:If400px}
  669. height:10px;
  670. font-size:7px;
  671. line-height:130%;
  672. vertical-align:middle;
  673. letter-spacing:1.5px;
  674. text-transform:uppercase;
  675. font-family: 'Raleway';
  676. padding:4px;
  677. margin:3px;
  678. text-align:center;
  679. font-weight:600;
  680. opacity:1.0;
  681. background:{color:link};
  682. color:{color:posts bg};
  683. border-radius:10px;
  684. text-shadow:none;
  685. display: inline-block;
  686. vertical-align: middle;
  687. -webkit-transform: translateZ(0);
  688. transform: translateZ(0);
  689. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  690. -webkit-backface-visibility: hidden;
  691. backface-visibility: hidden;
  692. -moz-osx-font-smoothing: grayscale;
  693. -webkit-transition-duration: 0.3s;
  694. transition-duration: 0.3s;
  695. -webkit-transition-property: background;
  696. transition-property: background;
  697. box-shadow: inset 0 0 0 1px {color:link}, 0 0 1px rgba(0, 0, 0, 0);
  698. /* Hack to improve aliasing on mobile/tablet devices */
  699. -webkit-transition: all 0.3s ease;
  700. -moz-transition: all 0.3s ease;
  701. -o-transition: all 0.3s ease;
  702. }
  703. .nav a:hover, .nav a:focus, .nav a:active {
  704. background: {color:posts bg};
  705. color:{color:bold};
  706. box-shadow: inset 0 0 0 1px {color:bold}, 0 0 1px rgba(0, 0, 0, 0);
  707. /* Hack to improve aliasing on mobile/tablet devices */
  708. -webkit-transition: all 0.3s ease;
  709. -moz-transition: all 0.3s ease;
  710. -o-transition: all 0.3s ease;
  711. }
  712.  
  713. .nav .mn {
  714. position:absolute;
  715. right:0px;
  716. top:-60px;
  717. width:60px;
  718. height:auto;
  719. }
  720.  
  721. .ntitle {
  722. text-align:left;
  723. padding:8px;
  724. position:absolute;
  725. top:-75px;
  726. left:10px;
  727. font-size:56px;
  728. text-transform:lowercase;
  729. line-height:100%;
  730. vertical-align:middle;
  731. opacity:1;
  732. word-spacing:0px;
  733. z-index:999999;
  734. font-weight:500;
  735. color:{color:accent};
  736. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  737. font-family: {select:Title Font};
  738. -webkit-transform:translate(0px,0%) rotate(-3deg) scale(1);
  739. transform:translate(0px,0%) rotate(-3deg) scale(1);
  740. -webkit-transition: all 0.4s ease-out;
  741. -webkit-transition: all 0.4s ease-out;
  742. -moz-transition: all 0.4s ease-out;
  743. -o-transition: all 0.4s ease-out;
  744. }
  745.  
  746. .entries:hover .ntitle {
  747. -webkit-transform:translate(-5px,0%) rotate(0deg) scale(1.05);
  748. transform:translate(-5px,0%) rotate(0deg) scale(1.05);
  749. -webkit-transition: all 0.4s ease-out;
  750. -webkit-transition: all 0.4s ease-out;
  751. -moz-transition: all 0.4s ease-out;
  752. -o-transition: all 0.4s ease-out;
  753. }
  754.  
  755.  
  756. .entries:hover .nsubtitle {
  757. letter-spacing:1px;
  758. -webkit-transform:translate(-6px,0%) rotate(0deg);
  759. transform:translate(-6px,0%) rotate(0deg);
  760. -webkit-transition: all 0.4s ease-out;
  761. -webkit-transition: all 0.4s ease-out;
  762. -moz-transition: all 0.4s ease-out;
  763. -o-transition: all 0.4s ease-out;
  764. }
  765.  
  766.  
  767.  
  768. .nsubtitle {
  769. text-align:center;
  770. padding:8px;
  771. padding-left:15px;
  772. position:absolute;
  773. top:-31px;
  774. left:35px;
  775. padding-top:0px;
  776. font-size:8px;
  777. text-transform:uppercase;
  778. line-height:130%;
  779. vertical-align:middle;
  780. opacity:1;
  781. word-spacing:0px;
  782. z-index:9;
  783. font-weight:800;
  784. letter-spacing:0.5px;
  785. padding:1px;
  786. background:{color:navi};
  787. color:{color:posts bg};
  788. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  789. font-family: 'Raleway';
  790. -webkit-transform:translate(0px,0%) rotate(-3deg);
  791. transform:translate(0px,0%) rotate(-3deg);
  792. -webkit-transition: all 0.4s ease-out;
  793. -webkit-transition: all 0.4s ease-out;
  794. -moz-transition: all 0.4s ease-out;
  795. -o-transition: all 0.4s ease-out;
  796. }
  797.  
  798.  
  799.  
  800. .updates {
  801. position:absolute;
  802. top: 15px;
  803. right:15px;
  804. width:110px;
  805. height:120px;
  806. {block:If400px}
  807. width:160px;
  808. right:35px;
  809. {/block:If400px}
  810. z-index:999;
  811. overflow:hidden;
  812. background:{color:posts bg};
  813. font-size:7.5px;
  814. letter-spacing:1px;
  815. text-align:left;
  816. line-height:250%;
  817. text-transform:uppercase;
  818. padding:10px;
  819. border-radius:5px;
  820. }
  821.  
  822. .updates b {
  823. font-weight:600;
  824. letter-spacing:1px;
  825. padding:2px;
  826. text-shadow:none;
  827. border-radius:3px;
  828. margin-right:3px;
  829. background:{color:link};
  830. color:{color:entries bg};
  831. }
  832.  
  833.  
  834. .updates h4 {
  835. padding:3px;
  836. margin-bottom:5px;
  837. font-size:13px;
  838. color:{color:underline};
  839. border-bottom:1px solid {color:entries bg};
  840. }
  841.  
  842.  
  843. h4::before{
  844. content:'●● ';
  845. font-family:'raleway';
  846. color:{color:underline};
  847. }
  848. .updates h4::before{
  849. content:'●● ';
  850. font-family:'raleway';
  851. color:{color:text};
  852. }
  853.  
  854.  
  855.  
  856. .ff {
  857. overflow:auto;
  858. height:90px;
  859. }
  860.  
  861. .f {
  862. overflow:auto;
  863. height:85px;
  864. {block:If400px}
  865. height:85px;
  866. {/block:If400px}
  867. }
  868.  
  869. .z {
  870. position:absolute;
  871. top: 184px;
  872. left:26px;
  873. width:215px;
  874. height:130px;
  875. {block:If400px}
  876. width:235px;
  877. height:130px;
  878. left:46px;
  879. {/block:If400px}
  880. overflow:auto;
  881. z-index:9;
  882. letter-spacing:0.5px;
  883. text-align:justify;
  884. text-transform:lowercase;
  885. padding:20px 20px 10px 20px;
  886. border-radius:5px;
  887. border:1px solid {color:posts bg};
  888. }
  889.  
  890. .z p {
  891. margin-bottom:10px;
  892. }
  893. .z xo, .z xx {
  894. font-weight:600;
  895. font-family:'glowies3';
  896. font-size:18px;
  897. padding:6px 4px 2px 4px;
  898. text-transform:uppercase;
  899. }
  900.  
  901. .z xo {
  902. float:right;
  903. text-align:right;
  904. margin-left:3px;
  905. color:{color:italic};
  906. }
  907. .z xx {
  908. float:left;
  909. text-align:left;
  910. margin-right:3px;
  911. padding-left:0px;
  912. color:{color:link};
  913. }
  914.  
  915. .m {
  916. position:absolute;
  917. top: 155px;
  918. right:-20px;
  919. width:210px;
  920. z-index:99999999;
  921. -webkit-transform: scale(0.65);
  922. transform:scale(0.65);
  923. {block:If400px}
  924. right:10px;
  925. top: 163px;
  926. -webkit-transform: scale(1);
  927. transform:scale(1);
  928. {/block:If400px}
  929. text-align:center;
  930. }
  931.  
  932. .mn {
  933. display:static;
  934. padding:4px;
  935. border:1px solid {color:icon border};
  936. background-color: {color:entries bg};
  937. overflow:hidden;
  938. margin:0px;
  939. {block:If400px}
  940. margin:3px;
  941. {/block:If400px}
  942. width:45px;
  943. height:45px;
  944. margin-top:-15px;
  945. border-radius: 50%;
  946. }
  947.  
  948. .mm {
  949. margin-top:15px;
  950. }
  951.  
  952.  
  953. .messages {
  954. position:absolute;
  955. bottom: 5px;
  956. right:20px;
  957. overflow:auto;
  958. height:130px;
  959. width:130px;
  960. {block:If400px}
  961. height:110px;
  962. width:160px;
  963. right:45px;
  964. {/block:If400px}
  965. z-index:99999;
  966. }
  967. .tw, .tw2 {
  968. width:95px;
  969. {block:If400px}
  970. width:120px;
  971. {/block:If400px}
  972. height:auto;
  973. padding:6px;
  974. font-size:7px;
  975. font-weight:600;
  976. letter-spacing:1px;
  977. text-transform:uppercase;
  978. line-height:125%;
  979. text-align:left;
  980. background:{color:posts bg};
  981. border-radius:10px;
  982. margin-bottom:10px;
  983. }
  984. .tw {
  985. float:left;
  986. }
  987. .tw2 {
  988. background:{color:accent};
  989. color:{color:posts bg};
  990. float:right;
  991. }
  992.  
  993. .tw::after {content:"";position:relative;float:left;bottom:-12px;width:.5em;height:1em;border-right:.5em solid {color:posts bg};border-bottom-right-radius:1em .5em
  994. }
  995. .tw2::after {content:"";position:relative;float:right;bottom:-12px;width:.5em;height:1em;border-left:.5em solid {color:accent};border-bottom-left-radius:1em .5em;
  996. }
  997. .tw b {
  998. color:{color:underline};
  999. font-style:italic;
  1000. }
  1001. .tw2 b {
  1002. color:{color:sidebar bg};
  1003. font-style:italic;
  1004. }
  1005.  
  1006.  
  1007.  
  1008. /* MUSES */
  1009.  
  1010.  
  1011. #musearea{
  1012. overflow-x:none;
  1013. width: 300px;
  1014. {block:If400px}
  1015. width:350px;
  1016. {/block:If400px}
  1017. padding-top:5px;
  1018. margin-bottom:50px;
  1019. margin-right: auto;
  1020. margin-left: auto;
  1021. }
  1022.  
  1023. #musearea a.name{
  1024. width: 180px;
  1025. {block:If400px}
  1026. width:220px;
  1027. {/block:If400px}
  1028. display:block;
  1029. height:20px;
  1030. font-size:36px;
  1031. letter-spacing:0px;
  1032. text-transform:lowercase;
  1033. font-family:{select:title font};
  1034. font-weight:400;
  1035. text-align:right;
  1036. padding:10px 40px 0px 0px;
  1037. background:none;
  1038. z-index:9999999;
  1039. color:{color:link};
  1040. margin-top:-80px;
  1041. margin-left:20px;
  1042. text-shadow:none;
  1043. margin-bottom:10px;
  1044. -webkit-transition: all 0.5s ease-in-out;
  1045. -moz-transition: all 0.5s ease-in-out;
  1046. -o-transition: all 0.5s ease-in-out;
  1047. }
  1048.  
  1049.  
  1050. #musearea a.name:hover{
  1051. color:{color:accent};
  1052. }
  1053.  
  1054. #museleft a.name {
  1055. text-align:left;
  1056. padding:10px 0px 0px 20px;
  1057. background:none;
  1058. color:{color:accent};
  1059. }
  1060. #museleft a.name:hover {
  1061. color:{color:link};
  1062. }
  1063.  
  1064.  
  1065. .muse {
  1066. display: block;
  1067. width: 230px;
  1068. {block:If400px}
  1069. width:300px;
  1070. {/block:If400px}
  1071. margin-top: 10px;
  1072. margin-bottom: 0px;
  1073. margin-right: auto;
  1074. margin-left: auto;
  1075. }
  1076.  
  1077. .musextra {
  1078. display:block;
  1079. position:relative;
  1080. top:-72px;
  1081. left:242px;
  1082. {block:If400px}
  1083. left:278px;
  1084. {/block:If400px}
  1085. width:12px;
  1086. margin-bottom:-70px;
  1087. -webkit-transition: all 0.5s ease;
  1088. -moz-transition: all 0.5s ease;
  1089. transition: all 0.5s ease;
  1090. }
  1091.  
  1092. .musextra a{
  1093. display:block;
  1094. width:11px;
  1095. height:11px;
  1096. border-radius:50%;
  1097. background-color:none;
  1098. border:1px solid {color:desc bg};
  1099. font-size:11px;
  1100. font-family:'icony';
  1101. color:{color:accent};
  1102. padding:5px;
  1103. margin:-5px;
  1104. line-height:100%;
  1105. text-shadow:none;
  1106. }
  1107. .musextra a:hover{
  1108. background-color:{color:accent};
  1109. border:1px solid {color:accent};
  1110. color:{color:posts bg};
  1111. }
  1112.  
  1113. #museleft .musextra {
  1114. left:47px;
  1115. {block:If400px}
  1116. left:54px;
  1117. {/block:If400px}
  1118. top:-72px;
  1119. }
  1120. #museleft .musextra a {
  1121. color:{color:link};
  1122. }
  1123.  
  1124. #museleft .musextra a:hover{
  1125. background-color:{color:link};
  1126. border:1px solid {color:link};
  1127. color:{color:posts bg};
  1128. }
  1129.  
  1130. .musesubtitle{
  1131. position:relative;
  1132. top:-38px;
  1133. left:87px;
  1134. {block:If400px}
  1135. left:129px;
  1136. {/block:If400px}
  1137. text-align:right;
  1138. max-width:120px;
  1139. padding:2px;
  1140. font-size:8px;
  1141. text-transform:uppercase;
  1142. line-height:90%;
  1143. vertical-align:middle;
  1144. font-style:italic;
  1145. letter-spacing:1px;
  1146. word-spacing:1px;
  1147. padding-right:10px;
  1148. font-weight:500;
  1149. z-index:-9;
  1150. background:{color:accent};
  1151. color:{color:entries bg};
  1152. }
  1153. #museleft .musesubtitle {
  1154. position:relative;
  1155. left:80px;
  1156. text-align:left;
  1157. padding-right:2px;
  1158. padding-left:10px;
  1159. background-color:{color:link};
  1160. }
  1161.  
  1162.  
  1163. .museimg1, .museimg2 {
  1164. border-radius: 50%;
  1165. box-shadow: 1px 1px 1px rgba(250,250,250,0);
  1166. background-color: {color:entries bg};
  1167. }
  1168.  
  1169.  
  1170. .museimg1 {
  1171. width: 70px;
  1172. height:70px;
  1173. position:relative;
  1174. top:0px;
  1175. left:210px;
  1176. {block:If400px}
  1177. left:250px;
  1178. {/block:If400px}
  1179. margin: 4px;
  1180. z-index:999;
  1181. padding:5px;
  1182. border: 1px solid {color:navi};
  1183. }
  1184. .museimg2 {
  1185. width: 42px;
  1186. height: 42px;
  1187. position:relative;
  1188. top:15px;
  1189. left:165px;
  1190. {block:If400px}
  1191. left:200px;
  1192. {/block:If400px}
  1193. z-index:99999;
  1194. padding:4px;
  1195. background:none;
  1196. border: 1px solid {color:accent};
  1197. }
  1198.  
  1199. #museleft {
  1200. margin-left:20px;
  1201. }
  1202.  
  1203. #museleft .muse {
  1204. margin-left:10px;
  1205. }
  1206. #museleft .muse b {
  1207. color:{color:accent};
  1208. }
  1209.  
  1210. #museleft .museimg1 {
  1211. position:relative;
  1212. top:0px;
  1213. left:0px;
  1214. border: 1px solid {color:underline};
  1215. }
  1216.  
  1217. #museleft .museimg2 {
  1218. position:relative;
  1219. top:15px;
  1220. left:0px;
  1221. margin-left:-100px;
  1222. border: 1px solid {color:bold};
  1223. }
  1224.  
  1225.  
  1226. .c2 {
  1227. margin-left:60px;
  1228. }
  1229.  
  1230.  
  1231. .museinfo {
  1232. width: 170px;
  1233. {block:If400px}
  1234. width:220px;
  1235. {/block:If400px}
  1236. height: 80px;
  1237. font-size:7px;
  1238. letter-spacing:1px;
  1239. overflow:auto;
  1240. display: block;
  1241. background-color: {color:posts bg};
  1242. padding: 4px 10px 4px 10px;
  1243. margin-left: 0px;
  1244. {block:If400px}
  1245. margin-left: -5px;
  1246. {/block:If400px}
  1247. margin-top: 20px;
  1248. border: 3px solid {color:posts bg};
  1249. border-radius:5px;
  1250. z-index:1;
  1251. }
  1252.  
  1253. #museleft .museinfo {
  1254. margin-left: 10px;
  1255. }
  1256.  
  1257.  
  1258.  
  1259. .muse b, #museleft b {
  1260. font-size:8.5px;
  1261. font-family:'raleway';
  1262. letter-spacing:0.5px;
  1263. font-weight:800;
  1264. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  1265. }
  1266. .muse a {
  1267. font-size:8.5px;
  1268. font-style:italic;
  1269. text-transform:uppercase;
  1270. color:{color:italic};
  1271. font-family:'raleway';
  1272. letter-spacing:0.5px;
  1273. font-weight:800;
  1274. word-spacing:3px;
  1275. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  1276. }
  1277.  
  1278. #museleft .muse a {
  1279. color:{color:underline};
  1280. }
  1281.  
  1282. .muse a:hover, #museleft .muse a:hover {
  1283. color:{color:linkhover};
  1284. }
  1285.  
  1286.  
  1287.  
  1288.  
  1289.  
  1290. /* ╰ ° TITLES N HEADINGS *° */
  1291.  
  1292. .title {
  1293. text-align:center;
  1294. display:inline-block;
  1295. width:auto;
  1296. position:absolute;
  1297. top:155px;
  1298. left:50%;
  1299. -webkit-transform:translate(-50%,0%);
  1300. transform:translate(-50%,0%);
  1301. font-family:'glowies3';
  1302. font-size:10px;
  1303. text-transform:uppercase;
  1304. line-height:100%;
  1305. vertical-align:middle;
  1306. opacity:1;
  1307. word-spacing:0px;
  1308. z-index:999999;
  1309. font-weight:500;
  1310. background:{color:title};
  1311. color:{color:accent};
  1312. border-radius:10px;
  1313. padding:4px 6px 3px 6px;
  1314. -webkit-font-smoothing: antialiased;
  1315. -webkit-filter: blur(0.0000000001px);
  1316. -webkit-transition: all 0.4s ease-out;
  1317. -webkit-transition: all 0.4s ease-out;
  1318. -moz-transition: all 0.4s ease-out;
  1319. -o-transition: all 0.4s ease-out;
  1320. }
  1321.  
  1322.  
  1323. .cont:hover .title, .cont:hover .subtitle {
  1324. opacity:0;
  1325. -webkit-font-smoothing: antialiased;
  1326. -webkit-filter: blur(0.0000000001px);
  1327. -webkit-transition: all 0.4s ease-out;
  1328. -webkit-transition: all 0.4s ease-out;
  1329. -moz-transition: all 0.4s ease-out;
  1330. -o-transition: all 0.4s ease-out;
  1331. }
  1332.  
  1333. .subtitle {
  1334. width:265px;
  1335. text-align:center;
  1336. position:absolute;
  1337. top:180px;
  1338. margin-top:{select:subtitle padding};
  1339. font-family:'glowies3';
  1340. font-size:40px;
  1341. text-transform:uppercase;
  1342. line-height:100%;
  1343. vertical-align:middle;
  1344. opacity:1;
  1345. word-spacing:0px;
  1346. z-index:9;
  1347. font-weight:600;
  1348. color:{color:title};
  1349. {block:IfTitleOutline}
  1350. -webkit-text-stroke: 1px {color:title};
  1351. color:transparent;
  1352. text-shadow: 0px 0px 0.5px rgba(255,255,255,.0);
  1353. {/block:IfTitleOutline}
  1354. -webkit-font-smoothing: antialiased;
  1355. -webkit-filter: blur(0.0000000001px);
  1356. -webkit-transition: all 0.4s ease-out;
  1357. -webkit-transition: all 0.4s ease-out;
  1358. -moz-transition: all 0.4s ease-out;
  1359. -o-transition: all 0.4s ease-out;
  1360. }
  1361.  
  1362.  
  1363.  
  1364. .dtitle {
  1365. padding:8px;
  1366. position:absolute;
  1367. top:70px;
  1368. left:10px;
  1369. font-size:{select:title font size};
  1370. text-transform:lowercase;
  1371. line-height:{select:sidebar title lineheight};
  1372. vertical-align:middle;
  1373. opacity:1;
  1374. word-spacing:0px;
  1375. z-index:999999;
  1376. font-weight:500;
  1377. color:{color:accent};
  1378. text-shadow: 0px 0px 0.5px rgba(0,0,0,.2);
  1379. text-align:center;
  1380. font-family: {select:Title Font};
  1381. -webkit-font-smoothing: antialiased;
  1382. -webkit-filter: blur(0.0000000001px);
  1383. -webkit-transform:translate(0px,0%) rotate(-3deg) scale(1);
  1384. transform:translate(0px,0%) rotate(-3deg) scale(1);
  1385. -webkit-transition: all 0.4s ease-out;
  1386. -webkit-transition: all 0.4s ease-out;
  1387. -moz-transition: all 0.4s ease-out;
  1388. -o-transition: all 0.4s ease-out;
  1389. }
  1390.  
  1391. .cont:hover .dtitle {
  1392. -webkit-font-smoothing: antialiased;
  1393. -webkit-filter: blur(0.0000000001px);
  1394. -webkit-transform:translate(0px,0%) rotate(-3deg) scale(1);
  1395. transform:translate(0px,0%) rotate(-3deg) scale(1);
  1396. -webkit-transition: all 0.4s ease-out;
  1397. -webkit-transition: all 0.4s ease-out;
  1398. -moz-transition: all 0.4s ease-out;
  1399. -o-transition: all 0.4s ease-out;
  1400. }
  1401.  
  1402.  
  1403.  
  1404. h1 {
  1405. font-size:20px;
  1406. padding:5px;
  1407. margin:5px;
  1408. font-weight:800;
  1409. line-height:100%;
  1410. letter-spacing:0px;
  1411. text-transform:none;
  1412. text-shadow: 1px 1px 0px {color:entries bg};
  1413. font-family:'glowies3';
  1414. text-align:left;
  1415. color:{color:accent};
  1416. }
  1417.  
  1418. h2, h3 {
  1419. line-height:120%;
  1420. font-family:'glowies3';
  1421. text-shadow: 0px 0.5px 0px rgba(0,0,0,.1);
  1422. text-transform:uppercase;
  1423. margin-bottom:5px;
  1424. margin-top:5px;
  1425. }
  1426.  
  1427. h2 {
  1428. font-size:14px;
  1429. font-weight:800;
  1430. letter-spacing:-0.5px;
  1431. background:none;
  1432. text-align:right;
  1433. width:auto;
  1434. padding:4px;
  1435. color:{color:link};
  1436. }
  1437.  
  1438. .posts h3 {
  1439. background:{color:entries bg};
  1440. }
  1441.  
  1442.  
  1443. h3 {
  1444. font-weight:700;
  1445. color:{color:text};
  1446. font-size:8px;
  1447. padding:8px;
  1448. border-radius:5px;
  1449. text-align:center;
  1450. background:{color:posts bg};
  1451. }
  1452.  
  1453. h4 {
  1454. font-weight:700;
  1455. color:{color:accent};
  1456. font-size:18px;
  1457. padding:3px 3px 6px 3px;
  1458. border-bottom:1px solid {color:underline};
  1459. text-align:left;
  1460. text-transform:uppercase;
  1461. background:transparent;
  1462. margin-bottom:10px;
  1463. margin-top:0px;
  1464. font-family:'glowies3';
  1465. }
  1466.  
  1467. /* ╰ ° IMAGE FILTERS *° */
  1468.  
  1469. {block:IfGreyscale}
  1470.  
  1471. .posts img {
  1472. -webkit-filter:grayscale(100%);
  1473. opacity:1;
  1474.  
  1475. }
  1476.  
  1477. .html_photoset {
  1478. -webkit-filter: grayscale(100%);
  1479. }
  1480.  
  1481. {/block:IfGreyscale}
  1482.  
  1483. img {
  1484. max-width:100%;
  1485. height:auto;}
  1486.  
  1487.  
  1488. /* ╰ ° NAVIGATION *° */
  1489.  
  1490.  
  1491. /*----- Tab Links -----*/
  1492.  
  1493. /* Clearfix */
  1494. .tab-links:after {
  1495. display:inline-block;
  1496. clear:both;
  1497. content:'';
  1498.  
  1499. }
  1500.  
  1501. .tab-links li {
  1502. margin:0px;
  1503. display:inline-block;
  1504. list-style:none;
  1505. z-index:-999;
  1506. padding:0px;
  1507. }
  1508.  
  1509. .tab-links {
  1510. position:absolute;
  1511. top: 0px;
  1512. right: 0px;
  1513. height:50px;
  1514. width:230px;
  1515. background:none;
  1516. text-align:center;
  1517. margin:0px;
  1518. opacity:1;
  1519. padding:4px;
  1520. padding-top:16px;
  1521. border:0px solid {color:icon border};
  1522. z-index:99999;
  1523. -webkit-transition: all 0.5s ease;
  1524. -moz-transition: all 0.5s ease;
  1525. -o-transition: all 0.5s ease;
  1526. }
  1527.  
  1528. .tab-links a {
  1529. width:14px;
  1530. height:14px;
  1531. display:block;
  1532. font-size:20px;
  1533. line-height:100%;
  1534. letter-spacing:0px;
  1535. text-align:right;
  1536. font-family: 'glowies3';
  1537. padding:4px;
  1538. margin:5px 10px;
  1539. opacity:1.0;
  1540. background:transparent;
  1541. color:{color:navi};
  1542. border-radius:50%;
  1543. border:1px solid transparent;
  1544. text-shadow:none;
  1545. text-transform:uppercase;
  1546. transform:rotate(0deg);
  1547. -webkit-transform:rotate(0deg);
  1548. -webkit-transition: all 0.3s ease;
  1549. -moz-transition: all 0.3s ease;
  1550. -o-transition: all 0.3s ease;
  1551. }
  1552.  
  1553.  
  1554.  
  1555.  
  1556. /* ╰ ° ICONS N STUFF *° */
  1557.  
  1558. #icon, #icon2 {
  1559. display:static;
  1560. position:absolute;
  1561. z-index:-999;
  1562. padding:0px;
  1563. top: 15px;
  1564. left:45px;
  1565. width:65px;
  1566. height:65px;
  1567. -webkit-transition: all .4s ease-out;
  1568. -moz-transition: all .4s ease-out;
  1569. -o-transition: all .4s ease-out;
  1570. -ms-transition: all .4s ease-out;
  1571. transition: all .4s ease-out;
  1572. }
  1573.  
  1574. #icon img, #icon2 img {
  1575. width:auto;
  1576. height:auto;
  1577. background-color: none;
  1578. overflow:hidden;
  1579. padding:4px;
  1580. border-radius: 50%;
  1581. border:1px solid {color:icon border};
  1582. }
  1583.  
  1584.  
  1585. #icon2 {
  1586. top: 32px;
  1587. left:100px;
  1588. width:42px;
  1589. height:42px;
  1590. }
  1591.  
  1592.  
  1593.  
  1594. /* ╰ ° ENTRIES *° */
  1595.  
  1596. .tabs {
  1597. width:100%;
  1598. margin-left:0px;
  1599. display:inline-block;
  1600. }
  1601.  
  1602. .bigcon {
  1603. width:705px;
  1604. margin-left:-352.5px;
  1605. {block:If400px}
  1606. width:805px;
  1607. margin-left:-402.5px;
  1608. {/block:If400px}
  1609. position:fixed;
  1610. top: 230px;
  1611. left:50%;
  1612. overflow-y:none;
  1613. overflow-x:none;
  1614. background:{color:entries bg};
  1615. height:370px;
  1616. padding:0px;
  1617. opacity:0.95;
  1618. }
  1619.  
  1620. /*----- TAB CONTENT -----*/
  1621.  
  1622. .tab {
  1623. display:none;
  1624. }
  1625.  
  1626. .tab.active {
  1627. display:block;
  1628. }
  1629.  
  1630. .entries, .entries2 {
  1631. display:block;
  1632. width:435px;
  1633. {block:If400px}
  1634. width:535px;
  1635. {/block:If400px}
  1636. background:none;
  1637. margin-left:120px;
  1638. margin-top:0px;
  1639. position:absolute;
  1640. top: 10px;
  1641. right:0px;
  1642. background:{color:entries bg};
  1643. height:325px;
  1644. z-index:9;
  1645. text-align:justify;
  1646. overflow-y:auto;
  1647. overflow-x:hidden;
  1648. padding: 0px 10px 0px 0px;
  1649. -webkit-transition: all 0.5s ease;
  1650. -moz-transition: all 0.5s ease;
  1651. -o-transition: all 0.5s ease;
  1652. }
  1653. .entries2 {
  1654. overflow:auto;
  1655. z-index:9999;
  1656. height:355px;
  1657. }
  1658.  
  1659. .posts:hover, .entries:hover {
  1660. opacity:1;
  1661. }
  1662.  
  1663. .posts {
  1664. width: 300px;
  1665. {block:If400px}
  1666. width:400px;
  1667. {/block:If400px}
  1668. padding: 20px;
  1669. background: {color:posts bg};
  1670. margin-bottom:0px;
  1671. margin-left:55px;
  1672. margin-top:40px;
  1673. text-align:justify;
  1674. border-radius:5px;
  1675. opacity:0.85;
  1676. -webkit-transition: all 0.5s ease;
  1677. -moz-transition: all 0.5s ease;
  1678. -o-transition: all 0.5s ease;
  1679. }
  1680.  
  1681.  
  1682. .posts:first-child {
  1683.  
  1684. margin-top:20px;
  1685. }
  1686.  
  1687. #message {
  1688. padding:30px;
  1689. }
  1690.  
  1691.  
  1692. #tab {
  1693. padding:20px;
  1694. overflow:auto;
  1695. }
  1696.  
  1697.  
  1698. /* ╰ ° TABLE STUFF *° */
  1699.  
  1700.  
  1701. table, th, td {
  1702. border: 1px solid {color:entries bg};
  1703. }
  1704. th, td {
  1705. border-bottom: 1px solid {color:entries bg};
  1706. }
  1707.  
  1708. table {
  1709. width: 100%;
  1710. text-align: center;
  1711. table-layout: fixed;
  1712. }
  1713.  
  1714. th {
  1715. height: 12px;
  1716. text-align: center;
  1717. }
  1718.  
  1719. th, td {
  1720. padding:5px;
  1721. background-color:{color:posts bg};
  1722. }
  1723.  
  1724. .tablenav {
  1725. border-collapse: collapse;
  1726. width:200px;
  1727. margin-left:auto;
  1728. margin-right:auto;
  1729. }
  1730.  
  1731. .tablenav a {
  1732. display:block;
  1733. font-size:7px;
  1734. text-transform:uppercase;
  1735. font-weight:700;
  1736. text-align: center;
  1737. letter-spacing:1.5px;
  1738. }
  1739.  
  1740.  
  1741. /* ╰ ° DESCRIPTION *° */
  1742.  
  1743. .cont {
  1744. display: block;
  1745. position: absolute;
  1746. top: 0px;
  1747. left:0;
  1748. width:265px;
  1749. height:370px;
  1750. background:{color:sidebar bg};
  1751. {block:IfSidebarBG}
  1752. background: url('{image:sidebar bg}') repeat center center;
  1753. {/block:IfSidebarBG}
  1754. border-radius:0px;
  1755. opacity:0.95;
  1756. z-index:9999999999;
  1757. -webkit-transition: all .4s ease-out;
  1758. -moz-transition: all .4s ease-out;
  1759. -o-transition: all .4s ease-out;
  1760. -ms-transition: all .4s ease-out;
  1761. transition: all .4s ease-out;
  1762. -webkit-font-smoothing: antialiased;
  1763. -webkit-filter: blur(0.0000000001px);
  1764. -moz-osx-font-smoothing: grayscale;
  1765. -webkit-transition-property: all;
  1766. transition-property: all;
  1767. -webkit-transition: all 0.5s ease;
  1768. -moz-transition: all 0.5s ease;
  1769. -o-transition: all 0.5s ease;
  1770. }
  1771.  
  1772.  
  1773. .description{
  1774. display:static;
  1775. position:relative;
  1776. top:35px;
  1777. left:32.5px;
  1778. width:200px;
  1779. height:300px;
  1780. padding:0px;
  1781. margin-bottom:-5px;
  1782. border: 0px solid {color:accent};
  1783. background:{color:entries bg};
  1784. opacity:0;
  1785. -webkit-font-smoothing: antialiased;
  1786. -webkit-filter: blur(0.0000000001px);
  1787. -webkit-transition: all 0.5s ease;
  1788. -moz-transition: all 0.5s ease;
  1789. -o-transition: all 0.5s ease;
  1790. box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  1791. -webkit-backface-visibility: hidden;
  1792. backface-visibility: hidden;
  1793. }
  1794.  
  1795.  
  1796. .cont:hover .description {
  1797. opacity:0.9;
  1798. -webkit-transition: all 0.5s ease;
  1799. -moz-transition: all 0.5s ease;
  1800. -o-transition: all 0.5s ease;
  1801. }
  1802.  
  1803.  
  1804.  
  1805. #desc {
  1806. position:absolute;
  1807. top: 130px;
  1808. left:15px;
  1809. width:150px;
  1810. height:130px;
  1811. letter-spacing:1px;
  1812. text-transform:uppercase;
  1813. font-size:7px;
  1814. line-height:200%;
  1815. text-align:justify;
  1816. padding:5px;
  1817. border:5px solid rgba(255,255,255,0);
  1818. overflow-y:auto;
  1819. overflow-x:none;
  1820. border-radius:5px;
  1821. background:{color:posts bg};
  1822. -webkit-font-smoothing: antialiased;
  1823. -webkit-filter: blur(0.0000000001px);
  1824. }
  1825.  
  1826. #desc h3 {
  1827. background:{color:entries bg};
  1828. }
  1829.  
  1830.  
  1831. /* ╰ ° KEEP READING *° */
  1832.  
  1833. .readsummore{
  1834. position: relative;
  1835. padding: 20px 0;
  1836. width: 100%;
  1837. }
  1838.  
  1839. .readsummore a:link{
  1840. -webkit-transition: all 0.2s ease;
  1841. -moz-transition: all 0.2s ease;
  1842. -o-transition: all 0.2s ease;
  1843. transition: all 0.2s ease;
  1844. position: relative;
  1845. left: calc(50% - 47px);
  1846. padding: 4px 8px;
  1847. border: 1px solid {color:entries bg};
  1848. background: transparent;
  1849. border-radius:20px;
  1850. height:10px;
  1851. font-size:7px;
  1852. line-height:130%;
  1853. vertical-align:middle;
  1854. letter-spacing:1.5px;
  1855. text-transform:uppercase;
  1856. font-family: 'Raleway';
  1857. text-align:center;
  1858. font-weight:600;
  1859. text-shadow:none;
  1860. }
  1861. .readsummore a:hover{
  1862. background: {color:accent};
  1863. color: {color:posts bg};
  1864. }
  1865.  
  1866. /* ╰ ° PAGINATION *° */
  1867.  
  1868. #pagination {
  1869. width:395px;
  1870. {block:If400px}
  1871. width:495px;
  1872. {/block:If400px}
  1873. height:1px;
  1874. position:absolute;
  1875. right:20px;
  1876. bottom:20px;
  1877. background:{color:icon border};
  1878. z-index:-9;
  1879. -webkit-transition: all 0.3s ease;
  1880. -moz-transition: all 0.3s ease;
  1881. -o-transition: all 0.3s ease;
  1882. }
  1883.  
  1884.  
  1885. .pag a{
  1886. font-weight:400;
  1887. letter-spacing:1.5px;
  1888. padding:2px 4px;
  1889. display:inline-block;
  1890. margin:0px 5px;
  1891. text-shadow:none;
  1892. line-height:100%;
  1893. border-radius:3px;
  1894. background:{color:entries bg};
  1895. color:{color:text};
  1896. -webkit-transition: all 0.3s ease;
  1897. -moz-transition: all 0.3s ease;
  1898. -o-transition: all 0.3s ease;
  1899. }
  1900. .pag a:hover{
  1901. color:{color:linkhover};
  1902. }
  1903.  
  1904. .pag {
  1905. letter-spacing:1px;
  1906. text-transform:uppercase;
  1907. font-size:14px;
  1908. font-family:'glowies3';
  1909. word-spacing:6px;
  1910. margin-top:0px;
  1911. width:415px;
  1912. {block:If400px}
  1913. width:515px;
  1914. {/block:If400px}
  1915. position:absolute;
  1916. right:10px;
  1917. bottom:10px;
  1918. z-index:0;
  1919. -webkit-transition: all 0.3s ease;
  1920. -moz-transition: all 0.3s ease;
  1921. -o-transition: all 0.3s ease;
  1922. }
  1923.  
  1924. .pright {
  1925. float:right;
  1926. }
  1927. /* ╰ ° CHAT CODE *° */
  1928.  
  1929. .convo li{
  1930. margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative;
  1931.  
  1932. }
  1933.  
  1934. .user_1 b,.user_3 b,.user_5 b,.user_7 b,.user_9 b,.user_11 b,.user_13 b,.user_15 b,.user_17 b,.user_19 b,.user_21 b, .user_23 b,.user_25 b,.user_27 b,.user_29 b,.user_31 b, .user_33 b,.user_35 b,.user_37 b,.user_39 b, .user_41 b,.user_43 b,.user_45 b,.user_47 b,.user_49 b,.user_51 b,.user_53 b,.user_55 b,.user_57 b,.user_59 b{color:{color:posts bg};}
  1935.  
  1936. .user_2 b,.user_4 b,.user_6 b,.user_8 b,.user_10 b,.user_12 b, .user_14 b,.user_16 b,.user_18 b,.user_20 b,.user_22 b, .user_24 b,.user_26 b,.user_28 b,.user_30 b,.user_32 b, .user_34 b,.user_36 b,.user_38 b,.user_40 b, .user_42 b,.user_44 b,.user_46 b,.user_48 b,.user_50 b,.user_52 b, .user_54 b,.user_56 b,.user_58 b,.user_60 b{color:{color:text};}
  1937.  
  1938. .user_1,.user_3,.user_5,.user_7,.user_9,.user_11, .user_13,.user_15,.user_17,.user_19, .user_21,.user_23,.user_25,.user_27,.user_29, .user_31,.user_33,.user_35,.user_37,.user_39, .user_41,.user_43,.user_45,.user_47,.user_49,.user_51, .user_53,.user_55,.user_57,.user_59{
  1939. float:left;background:{color:accent};color:{color:posts bg};left:3px
  1940. }
  1941. .user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after, .user_13::after,.user_15::after,.user_17::after,.user_19::after, .user_21::after,.user_23::after,.user_25::after,.user_27::after,.user_29::after, .user_31::after,.user_33::after,.user_35::after,.user_37::after,.user_39::after, .user_41::after,.user_43::after,.user_45::after,.user_47::after,.user_49::after,.user_51::after, .user_53::after,.user_55::after,.user_57::after,.user_59::after{
  1942. content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid {color:accent};border-bottom-right-radius:1em .5em
  1943.  
  1944. }
  1945. .user_2,.user_4,.user_6,.user_8,.user_10,.user_12, .user_14,.user_16,.user_18,.user_20,.user_22, .user_24,.user_26,.user_28,.user_30,.user_32, .user_34,.user_36,.user_38,.user_40, .user_42,.user_44,.user_46,.user_48,.user_50,.user_52, .user_54,.user_56,.user_58,.user_60{
  1946. right:3px;float:right;background-color:{color:entries bg};color:{color:text};
  1947.  
  1948. }
  1949. .user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after, .user_14::after,.user_16::after,.user_18::after,.user_20::after, .user_22::after,.user_24::after,.user_26::after,.user_28::after,.user_30::after, .user_32::after,.user_34::after,.user_36::after,.user_38::after,.user_40::after, .user_42::after,.user_44::after,.user_46::after,.user_48::after,.user_50::after,.user_52::after, .user_54::after,.user_56::after,.user_58::after,.user_60::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:entries bg};border-bottom-left-radius:1em .5em;
  1950.  
  1951. }
  1952.  
  1953. .convo {
  1954. overflow: hidden;
  1955. list-style-type: none;
  1956. padding: 0;
  1957. margin: 0;
  1958. }
  1959.  
  1960.  
  1961. /* ╰ ° ASKS N ANSWERS *° */
  1962.  
  1963. #asker {
  1964. position:absolute;
  1965. right:85px;
  1966. width:auto;
  1967. display:inline;
  1968. padding:4px 8px 4px 8px;
  1969. margin-top:-30px;
  1970. margin-bottom:30px;
  1971. font-size:15px;
  1972. letter-spacing:0px;
  1973. text-transform:uppercase;
  1974. font-family: 'glowies3';
  1975. color: {color:background};
  1976. background:{color:posts bg};
  1977. border:0px solid black;
  1978. }
  1979.  
  1980. #asker a {
  1981. color: {color:linkhover};
  1982. text-shadow:none;
  1983. }
  1984.  
  1985. #asker a:hover {
  1986. color: {color:entries bg};
  1987. }
  1988.  
  1989. #question {
  1990. width:272px;
  1991. {block:If400px}
  1992. width:372px;
  1993. {/block:If400px}
  1994. margin-left:-5px;
  1995. margin-top:0px;
  1996. margin-bottom:20px;
  1997. border:1px solid {color:entries bg};
  1998. padding:15px;
  1999. font-size:8px;
  2000. font-weight: 600;
  2001. text-align:center;
  2002. color: {color:text};
  2003. letter-spacing:1px;
  2004. text-transform:uppercase;
  2005. border-radius:5px;
  2006.  
  2007. }
  2008.  
  2009.  
  2010.  
  2011. /* ╰ ° QUOTES *° */
  2012.  
  2013. #quote {
  2014. text-align: center;
  2015. font-weight: 600;
  2016. line-height:180%;
  2017. opacity:0.6;
  2018. padding:15px;
  2019. z-index:0;
  2020. text-transform:uppercase;
  2021. font-family:'raleway';
  2022. letter-spacing: 1px;
  2023. padding-bottom: 10px;
  2024. background:{color:entries bg};
  2025. }
  2026.  
  2027. #quotesrc {
  2028. font-size:20px;
  2029. font-family: {select:title font};
  2030. letter-spacing:0.5px;
  2031. margin-right:40px;
  2032. margin-top:5px;
  2033. text-align:right;
  2034. display:block;
  2035. font-style:none;
  2036. z-index:999;
  2037. text-transform:lowercase;
  2038. color:{color:text};}
  2039. #quote:before {
  2040. content: "❝ ";
  2041. font-size:16px;
  2042. font-family: 'roboto', sans-serif ;
  2043. color:{color:underline};}
  2044. #quote:after {
  2045. content: " ❞";
  2046. font-size:16px;
  2047. font-family: 'roboto', sans-serif ;
  2048. color:{color:underline};}
  2049.  
  2050.  
  2051. /* ╰ ° TUNES *° */
  2052.  
  2053.  
  2054. .songart{
  2055. float:left;
  2056. margin-right:10px;
  2057. }
  2058.  
  2059. .songart img{
  2060. padding:5px;
  2061. border-radius:50%;
  2062. border:1px solid {color:entries bg};
  2063. width:70px;
  2064. height:70px;
  2065. }
  2066.  
  2067. .songtitle{
  2068. color:{color:accent};
  2069. font-size:18px;
  2070. margin-top:18px;
  2071. font-family:'glowies3';
  2072. text-transform:uppercase;
  2073. margin-bottom:5px;
  2074. margin-left:90px;
  2075. }
  2076.  
  2077. .songauthor{
  2078. background:{color:posts bg};
  2079. color:{color:text};
  2080. border:1px solid {color:text};
  2081. padding-left:5px;
  2082. max-width:205px;
  2083. font-size:8px;
  2084. text-transform:uppercase;
  2085. margin-bottom:10px;
  2086. font-size:8px;
  2087. letter-spacing:1px;
  2088. margin-left:90px;
  2089. }
  2090.  
  2091. .tumblr_audio_player {
  2092. height: 50px;
  2093. }
  2094.  
  2095. /* ╰ ° NOTES *° */
  2096.  
  2097. .note {
  2098. color:{color:text};
  2099. text-transform:uppercase;
  2100. width:290px;
  2101. {block:If400px}
  2102. width:390px;
  2103. {/block:If400px}
  2104. font-style:normal;
  2105. letter-spacing:1px;
  2106. font-size: 7px;
  2107. text-align:left;
  2108. line-height:130%;
  2109. margin-left:-5px;}
  2110.  
  2111.  
  2112. .note a {
  2113. color:{color:link};
  2114. }
  2115.  
  2116. .note a:hover{
  2117. color:{color:linkhover};
  2118. }
  2119.  
  2120. .note li {
  2121. list-style-type:none;
  2122. padding:4px 15px 4px 15px;
  2123. text-align:left;
  2124. -moz-transition-duration:0.5s;
  2125. -webkit-transition-duration:0.5s;
  2126. -o-transition-duration:0.5s;}
  2127.  
  2128. .note img.avatar {
  2129. margin-right: 10px;
  2130. display:none;
  2131. width: 16px;
  2132. height: 16px;
  2133.  
  2134. }
  2135.  
  2136.  
  2137.  
  2138. /* ╰ ° TAGS N PERMALINKS *° */
  2139.  
  2140. .tags {
  2141. font-size:7px;
  2142. letter-spacing:1px;
  2143. font-weight:bold;
  2144. margin-top:0px;
  2145. margin-bottom:0px;
  2146. margin-left:55px;
  2147. opacity:0.6;
  2148. width:300px;
  2149. text-transform:uppercase;
  2150. {block:If400px}
  2151. width:400px;
  2152. {/block:If400px}
  2153. padding:15px;
  2154. padding-top:10px;
  2155. line-height:150%;
  2156. z-index:999;
  2157. text-align:center;
  2158. -webkit-transition: all 0.8s ease;
  2159. -moz-transition: all 0.8s ease;
  2160. transition: all 0.8s ease;
  2161.  
  2162. }
  2163. .tags:hover {
  2164. opacity:1;
  2165. margin-top:0px;
  2166. }
  2167.  
  2168. .tags a, .permalink a {
  2169. color:{color:link};
  2170. background:{color:entries bg};
  2171. border:1px solid {color:posts bg};
  2172. padding:3px 5px;
  2173. margin:3px 1px;
  2174. border-radius:10px;
  2175. line-height:270%;
  2176. text-shadow:none;
  2177. }
  2178.  
  2179. .permalink a {
  2180. color:{color:link};
  2181. }
  2182.  
  2183. .tags a:hover{
  2184. color:{color:posts bg};
  2185. background:{color:linkhover};
  2186. border:1px solid {color:entries bg};
  2187. }
  2188.  
  2189. .permalink a{
  2190. font-size:10px;
  2191. text-align:center;
  2192. line-height:100%;
  2193. padding:5px;
  2194. border-radius:50%;
  2195. text-shadow:none;
  2196. border:1px solid {color:posts bg};
  2197. background:{color:entries bg};
  2198. -webkit-transition: all 0.4s ease;
  2199. -moz-transition: all 0.4s ease;
  2200. transition: all 0.4s ease;
  2201. }
  2202.  
  2203.  
  2204. .permalink a:hover{
  2205. color: {color:posts bg};
  2206. background:{color:link};
  2207. border:1px solid {color:link};
  2208. }
  2209.  
  2210. .permalink {
  2211. width:300px;
  2212. {block:If400px}
  2213. width:400px;
  2214. {/block:If400px}
  2215. word-spacing:0px;
  2216. text-align:right;
  2217. margin-top:-10px;
  2218. margin-left:auto;
  2219. margin-right:auto;
  2220. margin-bottom:10px;
  2221. text-transform:none;
  2222. font-family:'icony';
  2223. color:{color:text};
  2224. padding:3px;
  2225. opacity:1;
  2226. }
  2227.  
  2228.  
  2229.  
  2230. /* ╰ ° COPYRIGHT - DON'T_TOUCH_THIS.MP3 *° */
  2231.  
  2232. .credit, .credit a {
  2233. position:fixed;
  2234. left:10px;
  2235. bottom:10px;
  2236. width:11px;
  2237. height:11px;
  2238. border-radius:50%;
  2239. background-color:{color:posts bg};
  2240. border:1px solid {color:posts bg};
  2241. font-size:11px;
  2242. color:{color:text};
  2243. letter-spacing:1px;
  2244. padding:5px;
  2245. line-height:100%;
  2246. opacity:0.75;
  2247. -webkit-transition: all 0.5s ease;
  2248. -moz-transition: all 0.5s ease;
  2249. transition: all 0.5s ease;
  2250. }
  2251. .credit i{
  2252. font-family:'icony';
  2253. font-style:normal;
  2254. color:{color:text};
  2255. -webkit-transition: all 0.5s ease;
  2256. -moz-transition: all 0.5s ease;
  2257. transition: all 0.5s ease;
  2258. }
  2259.  
  2260. .credit a:hover {
  2261. opacity:1;
  2262. background:none;
  2263. color:{color:posts bg};
  2264. }
  2265.  
  2266. .credit a:hover i{
  2267. color:{color:posts bg};
  2268. text-shadow:none;
  2269. -webkit-transition: all 0.5s ease;
  2270. -moz-transition: all 0.5s ease;
  2271. transition: all 0.5s ease;
  2272. }
  2273.  
  2274. .credit:hover {
  2275. opacity:1;
  2276. background:none;
  2277. color:{color:posts bg};
  2278. }
  2279. .credit a span{
  2280. width: 45px;
  2281. height: auto;
  2282. padding: 3px;
  2283. left: 0%;
  2284. margin-left: 15px;
  2285. font-weight: 400;
  2286. font-size:6.5px;
  2287. text-align: center;
  2288. border: 4px solid {color:posts bg};
  2289. background-color:{color:posts bg};
  2290. text-indent: 0px;
  2291. text-transform:uppercase;
  2292. border-radius: 5px;
  2293. position: absolute;
  2294. color:{color:text};
  2295. pointer-events: none;
  2296. opacity: 0;
  2297. text-shadow:none;
  2298. transition: all 0.3s ease-in-out;
  2299. -webkit-transform: translate3d(20px,20px,0px) rotate(45deg);
  2300. transform: translate3d(20px,20px,0px) rotate(45deg);
  2301. }
  2302. .credit a span:before,
  2303. .credit a span:after{
  2304. content: '';
  2305. position: absolute;
  2306. bottom: -10px;
  2307. left: 50%;
  2308. margin-left: -21px;
  2309. width: 0;
  2310. height: 0;
  2311. border-left: 6px solid transparent;
  2312. border-right: 6px solid transparent;
  2313. border-top: 6px solid {color:posts bg};
  2314. }
  2315.  
  2316. .credit a:hover span{
  2317. opacity: 0.9;
  2318. -webkit-transform: translate3d(-20px,-55px,0px) rotate(0deg);
  2319. transform: translate3d(-20px,-55px,0px) rotate(0deg);
  2320. }
  2321.  
  2322. .credit span b{
  2323. font-style:none;
  2324. font-family:'glowies5';
  2325. font-weight:800;
  2326. text-transform:lowercase;
  2327. letter-spacing:0.5px;
  2328. font-size:19px;
  2329. }
  2330.  
  2331.  
  2332. {CustomCSS}</style>
  2333.  
  2334.  
  2335. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  2336. <script src="http://static.tumblr.com/2b2izpj/cB7ogqs8l/jquery.initialize.js"></script>
  2337.  
  2338. <script>
  2339. $(document).ready(function(){
  2340. // un-uglify new tumblr controls by magnusthemes@tumblr
  2341. $(".tmblr-iframe--unified-controls").initialize(function(){
  2342. var originalURL = $(this).attr("src").split("useThemeColors");
  2343. var srcpart = originalURL[1].split("scrollHeader")[1];
  2344. var newURL = originalURL[0] + 'useThemeColors":false, "scrollHeader' + srcpart;
  2345. $(this).attr("src", newURL);
  2346. });
  2347. $(".tmblr-iframe--loaded").initialize(function(){
  2348. $(this).appendTo("div#tumblr-controls");
  2349. });
  2350. });
  2351. </script>
  2352.  
  2353.  
  2354. </head><body>
  2355.  
  2356.  
  2357.  
  2358. <div id="tumblr-controls"></div>
  2359.  
  2360.  
  2361. <div class="headerbar"></div>
  2362.  
  2363. <div class="counter">{text:statistics}</div>
  2364.  
  2365.  
  2366. <div class="tinyheader">
  2367. <div class="tabs">
  2368. <ul class="tab-links cl-effect-13">
  2369. <li class="active"><a href="/" title="{text:tab 1 title}">01.</a></a></li>
  2370. <li><a href="#tab2" title="{text:tab 2 title}">02.</a></li>
  2371. <li><a href="#tab3" title="{text:tab 3 title}">03.</a></li>
  2372. <li><a href="#tab4" title="{text:tab 4 title}">04.</a></li>
  2373. </ul>
  2374. </div>
  2375. </div>
  2376.  
  2377.  
  2378.  
  2379. <div class="bigcon">
  2380.  
  2381.  
  2382.  
  2383. <div class="cont">
  2384.  
  2385. <div class="title">{text:title}</div>
  2386. <div class="subtitle">{text:subtitle}</div>
  2387.  
  2388. <div class="description">
  2389. <div id="desc">{Description}</div>
  2390.  
  2391. <div class="dtitle">{text:desc title}</div>
  2392.  
  2393. <div id="icon"><img src="{image:side icon}" class="hvr-grow-rotate"></div><div id="icon2"><img src="{image:side icon2}" class="hvr-grow-rotate"></div>
  2394.  
  2395. </div>
  2396.  
  2397. </div>
  2398.  
  2399.  
  2400. <!-- --------------------------- TABS -------------------------- -->
  2401.  
  2402. <div class="tabs">
  2403.  
  2404. <!-- --------------------------- TAB 1 -------------------------- -->
  2405.  
  2406. <div id="tab1" class="tab active">
  2407.  
  2408. <div class="pag">{block:Pagination} {block:PreviousPage}<a href="{PreviousPage}">sink</a>{/block:PreviousPage} {block:NextPage}<a class="pright" href="{NextPage}">swim</a>{/block:NextPage}{/block:Pagination}</div>
  2409. <div id="pagination"></div>
  2410.  
  2411. <div class="entries">
  2412.  
  2413.  
  2414. {block:Posts}
  2415. <div class="posts">
  2416.  
  2417.  
  2418.  
  2419. {block:Date}
  2420. <div class="permalink">
  2421. <a class="hvr-push" href="{Permalink}" title="{TimeAgo}"></a>{block:RebloggedFrom} <a class="hvr-push" href="{ReblogParentURL}" title="via"></a>{/block:RebloggedFrom} {block:ContentSource} <a class="hvr-push" href="{SourceURL}" title="source"></a>{/block:ContentSource} <a class="hvr-push" href="{Permalink}" title="{NoteCount} notes"></a> <a class="hvr-push" href="{ReblogURL}" title="reblog"></a>{/block:permalinkpage}
  2422. </div>
  2423. {/block:Date}
  2424.  
  2425. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  2426.  
  2427. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  2428. {/block:Photo}
  2429.  
  2430. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  2431.  
  2432. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  2433.  
  2434. {block:Quote}<div id="quote">{Quote}</div><br>{block:Source}<div id="quotesrc">{Source}</div>{/block:Source}{/block:Quote}
  2435.  
  2436.  
  2437. {block:Audio}
  2438. {block:AlbumArt}
  2439. <div class="songart">
  2440. <img src="{AlbumArtURL}">
  2441. </div>
  2442. {/block:AlbumArt}
  2443. <div class="songtitle">
  2444. {block:TrackName}
  2445. {TrackName}
  2446. {/block:TrackName}
  2447. </div>
  2448. <div class="songauthor">
  2449. By
  2450. {block:Artist}
  2451. {Artist}
  2452. {/block:Artist}
  2453. </div>
  2454. {AudioPlayerWhite}
  2455. {/block:Audio}
  2456.  
  2457.  
  2458.  
  2459. {block:Video}{Video-400}
  2460. {block:Caption}{Caption}{/block:Caption}
  2461. {/block:Video}
  2462.  
  2463. {block:Chat}
  2464. {block:Title}
  2465. <h2>{Title}</h2>{/block:Title}<br>
  2466. <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<b>{Label}</b>{/block:Label}
  2467. {Line}</li>{/block:Lines}</ul>
  2468. {/block:Chat}
  2469.  
  2470. {block:Answer}<div id="question">{Question}</div><div id="asker">{Asker}</div>{Answer}{/block:Answer}
  2471.  
  2472. {block:More}<div class="readsummore"><a href="{Permalink}" class="more-btn">Read More</a></div>{/block:More}
  2473.  
  2474. </div>
  2475.  
  2476.  
  2477.  
  2478.  
  2479.  
  2480. {block:HasTags}<div class="tags"><span class="lnr lnr-tag"></span> {block:Tags} <a href="{TagUrl}"> {Tag}</a>{/block:Tags}</div>{/block:HasTags}
  2481.  
  2482. {block:PostNotes}
  2483. <div class="note">
  2484. {PostNotes}
  2485. </div>
  2486. {/block:PostNotes}
  2487.  
  2488. <!-- {block:NoRebloggedFrom}
  2489. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  2490. {/block:NoRebloggedFrom} -->
  2491.  
  2492. {block:ContentSource}<!-- {SourceURL}
  2493. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  2494. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  2495. {/block:ContentSource}
  2496.  
  2497.  
  2498. {/block:Posts}
  2499.  
  2500.  
  2501. </div><!---end of tab1--->
  2502. </div><!---end of tab--->
  2503.  
  2504.  
  2505. <!-- -------------------------- TAB 2 -------------------------- -->
  2506.  
  2507.  
  2508. <div id="tab2" class="tab">
  2509. <div class="entries2">
  2510. <div id="message">
  2511. <h4>{text:askbox title}</h4>
  2512. <iframe frameborder="0" scrolling="no" width="100%" height="210" src="http://www.tumblr.com/ask_form/{text:username}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  2513. </div>
  2514. </div>
  2515. </div>
  2516.  
  2517.  
  2518. <!-- -------------------------- TAB 3 -------------------------- -->
  2519.  
  2520. <div id="tab3" class="tab">
  2521. <div class="entries2">
  2522. <div id="tab">
  2523.  
  2524.  
  2525. <div class="updates">
  2526. <h4>updates</h4>
  2527. <div class="ff">
  2528. <b>02/27:</b> update here<br>
  2529. <b>03/05:</b> more updates<br>
  2530. <b>04/20:</b> hey this overflows too<br>
  2531. <b>06/11:</b> wow! another update<br>
  2532. <b>02/27:</b> update here<br>
  2533. <b>03/05:</b> more updates<br>
  2534. <b>06/11:</b> wow! another update<br>
  2535. <b>04/20:</b> hey this overflows too
  2536. </div>
  2537. </div>
  2538.  
  2539. <div class="nav">
  2540.  
  2541. <div class="ntitle">{text:navtitle}</div>
  2542. <div class="nsubtitle">{text:navsubtitle}</div>
  2543. <img class="hvr-push mn" src="{image:tab icon}">
  2544. <a href="{text:link 1 url}">{text:link 1 title}</a>
  2545. <a href="{text:link 2 url}">{text:link 2 title}</a>
  2546. <a href="{text:link 3 url}">{text:link 3 title}</a>
  2547. <a href="{text:link 4 url}">{text:link 4 title}</a>
  2548. <a href="{text:link 5 url}">{text:link 5 title}</a>
  2549. <a href="{text:link 6 url}">{text:link 6 title}</a>
  2550. <a href="{text:link 7 url}">{text:link 7 title}</a>
  2551. <a href="{text:link 8 url}">{text:link 8 title}</a>
  2552. <a href="{text:link 9 url}">{text:link 9 title}</a>
  2553. </div>
  2554.  
  2555. <div class="z">
  2556. <h4>more stuff</h4>
  2557. <div class="f">
  2558. <p><xo>a.</xo> The key is to drink coconut, fresh coconut, trust me. The weather is amazing, walk with me through the pathway of more success. Take this journey with me, Lion! Major key, don’t fall for the trap, stay focused. </p>
  2559. <p><xx>b.</xx>It’s the ones closest to you that want to see you fail. Let me be clear, you have to make it through the jungle to make it to paradise, that’s the key, Lion! Bless up. Eliptical talk. Don’t ever play yourself. Fan luv. </p>
  2560. <p><xo>c.</xo>The weather is amazing, walk with me through the pathway of more success. Take this journey with me, Lion! How’s business? Boomin.</p>
  2561. </div>
  2562. </div>
  2563.  
  2564. <div class="m">
  2565. <img class="hvr-push mn" src="{image:tab icon2}">
  2566. <img class="hvr-push mn mm" src="{image:tab icon3}">
  2567. <img class="hvr-push mn" src="{image:tab icon4}">
  2568. </div>
  2569.  
  2570.  
  2571. <div class="messages">
  2572.  
  2573. <!----- START OF RIGHT BUBBLE ----->
  2574. <div class="tw2">hey so this is a message thing</div>
  2575. <!----- END OF RIGHT BUBBLE ----->
  2576. <!----- START OF LEFT BUBBLE ----->
  2577. <div class="tw">keep it short n simple so it looks nice</div>
  2578. <!----- END OF LEFT BUBBLE ----->
  2579. <!----- START OF RIGHT BUBBLE ----->
  2580. <div class="tw2">i made it overflow heh</div>
  2581. <!----- END OF RIGHT BUBBLE ----->
  2582.  
  2583. </div>
  2584.  
  2585.  
  2586.  
  2587. </div>
  2588. </div>
  2589. </div>
  2590.  
  2591.  
  2592. <!-- -------------------------- TAB 4 -------------------------- -->
  2593.  
  2594. <div id="tab4" class="tab">
  2595. <div class="entries2">
  2596. <div id="tab">
  2597.  
  2598.  
  2599.  
  2600.  
  2601.  
  2602.  
  2603. <!---------------------- START OF NEW MUSE SECTION ------------------>
  2604.  
  2605. <div id="musearea">
  2606.  
  2607.  
  2608.  
  2609. <img class="museimg1" src="https://68.media.tumblr.com/3ff398ddbc95c19eb0c811d2e0f30e2e/tumblr_inline_osls6r7E2Q1up84fh_540.png"> <!------- THE BIGGER IMAGE ------>
  2610.  
  2611. <img class="museimg2" src="https://68.media.tumblr.com/318d7dccf9cd8b5cb4af6968d627d2a1/tumblr_inline_osls66tr3e1up84fh_540.png"><!------- THE SMALL IMAGE ------>
  2612.  
  2613. <div class="musesubtitle">label here</div>
  2614.  
  2615.  
  2616. <a class="name">muse name</a><!------- TITLE HERE ------>
  2617.  
  2618.  
  2619.  
  2620. <div class="muse">
  2621. <div class="museinfo">
  2622.  
  2623. <p><b>STATISTICS—</b> you can put <u>anything</u> <a>here</a>, it'll <i>overflow</i> and stuff! Lorem Khaled Ipsum is a major key to success. To be successful you’ve got to work hard, to make history, simple, you’ve got to make it. Major key, don’t fall for the trap, stay focused. It’s the ones closest to you that want to see you fail. I told you all this before, when you have a swimming pool, do not use chlorine, use salt water, the healing, salt water is the healing. In life there will be road blocks but we will over come it. Let’s see what Chef Dee got that they don’t want us to eat. They will try to close the door on you, just open it. Special cloth alert.</p>
  2624.  
  2625.  
  2626. </div>
  2627. </div>
  2628.  
  2629. <div class="musextra">
  2630. <a href="URL HERE" title="MUSINGS">#</a><br>
  2631. <a href="URL HERE" title="INTERACTIONS">Z</a><br>
  2632. <a href="URL HERE" title="VISAGE">7</a>
  2633. </div>
  2634.  
  2635.  
  2636. </div><!--- end of musearea --->
  2637.  
  2638.  
  2639.  
  2640. <!------------------------- END OF MUSE SECTION ------------------------>
  2641.  
  2642.  
  2643.  
  2644. <!-------------------- START OF NEW MUSE LEFT SECTION ------------------>
  2645.  
  2646. <div id="musearea"><div id="museleft">
  2647.  
  2648.  
  2649. <img class="museimg1" src="https://68.media.tumblr.com/921c41288fbec96c2565581bbe420dd2/tumblr_inline_osls6pMeFe1up84fh_540.png"> <!------- THE BIGGER IMAGE ------>
  2650.  
  2651. <img class="museimg2" src="https://68.media.tumblr.com/4f54d79a473aaa5e2f422f605e4cba12/tumblr_inline_osls6u8uDE1up84fh_540.png"><!------- THE SMALL IMAGE ------>
  2652.  
  2653. <div class="musesubtitle">label here</div>
  2654.  
  2655. <div class="c2"><a class="name">muse name</a><!------- TITLE HERE ------>
  2656.  
  2657.  
  2658.  
  2659. <div class="muse">
  2660. <div class="museinfo">
  2661.  
  2662. <p><b>STATISTICS—</b> you can put <u>anything</u> <a>here</a>, it'll <i>overflow</i> and stuff! They never said winning was easy. Some people can’t handle success, I can. You see the hedges, how I got it shaped up? It’s important to shape up your hedges, it’s like getting a haircut, stay fresh. Bless up. A major key, never panic. Don’t panic, when it gets crazy and rough, don’t panic, stay calm. How’s business? Boomin. They key is to have every key, the key to open every door. I’m up to something. The other day the grass was brown, now it’s green because I ain’t give up. Never surrender.</p>
  2663.  
  2664.  
  2665. </div>
  2666. </div>
  2667. </div>
  2668.  
  2669.  
  2670. <div class="musextra">
  2671. <a href="URL HERE" title="MUSINGS">#</a><br>
  2672. <a href="URL HERE" title="INTERACTIONS">Z</a><br>
  2673. <a href="URL HERE" title="VISAGE">7</a>
  2674. </div>
  2675.  
  2676.  
  2677. </div></div><!--- end of musearea --->
  2678.  
  2679.  
  2680.  
  2681. <!----------------------- END OF MUSE LEFT SECTION -------------------->
  2682.  
  2683.  
  2684.  
  2685.  
  2686.  
  2687.  
  2688.  
  2689.  
  2690.  
  2691.  
  2692.  
  2693. <!--------////// INSTRUCTIONS /////-------------
  2694.  
  2695. To add a whole new section aligned to the RIGHT:
  2696. - copy the entire code from the START OF NEW MUSE SECTION
  2697. to END OF NEW MUSE SECTION
  2698.  
  2699. To add a whole new section aligned to the LEFT:
  2700. - copy the entire code from the START OF NEW MUSE LEFT SECTION
  2701. to END OF NEW MUSE LEFT SECTION
  2702.  
  2703. muse icon dimensions: 70x70px and 40x40px
  2704.  
  2705. if you have any more questions, you can reach me at nintcndos.tumblr.com
  2706.  
  2707. -------- END OF INSTRUCTIONS /////-------------->
  2708.  
  2709. </div><!--- end of tab --->
  2710. </div><!--- end of entries --->
  2711. </div><!--- end of tab4 --->
  2712. </div><!--- end of tabs --->
  2713. </div><!--- end of bigcon --->
  2714.  
  2715.  
  2716.  
  2717.  
  2718.  
  2719.  
  2720. <!------- PLEASE DON'T REMOVE THE CREDIT! --------->
  2721.  
  2722. <div class="credit"><a href="http://cli.re/gK8B4r"><span>theme by <b>jcnnie</b></span><i>=</i></a></div>
  2723.  
  2724.  
  2725.  
  2726.  
  2727. </body>
  2728. </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!