API tools faq
paste
Advertisement
Perfect-Nicholas

Theme 35 - Basileios

Perfect-Nicholas
Aug 1st, 2015
1,262
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.25 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--- Theme 35 by llermans © tumblr.com --->
  5.  
  6. <title>{Title}</title>
  7.  
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11.  
  12. <!--Default Variables-->
  13.  
  14. <meta name="color:Background" content="#ffffff"/>
  15. <meta name="color:Link" content="#000000"/>
  16. <meta name="color:Text" content="#8f8f8f"/>
  17. <meta name="color:Title Background" content="#f4f4f4"/>
  18. <meta name="color:Sidebar Links Background" content="#DAD9D9"/>
  19. <meta name="color:Sidebar Links" content="#000000"/>
  20. <meta name="color:Sidebar Links Hover" content="#ffffff"/>
  21. <meta name="color:Quote Background" content="#EAEAEA"/>
  22. <meta name="color:Side Background" content="#EAEAEA"/>
  23.  
  24. <meta name="image:Sidebar" content=""/>
  25. <meta name="if:Other Sidebar Style" content="1">
  26. <meta name="if:Side Pattern" content="1">
  27. <meta name="if:400px posts" content="1">
  28. <meta name="text:Title for Links" content="Navigation"/>
  29.  
  30.  
  31. <meta name="text:link 1" content="Home"/>
  32. <meta name="text:link 1 url" content="/"/>
  33. <meta name="text:link 2" content="Message"/>
  34. <meta name="text:link 2 url" content="/ask"/>
  35. <meta name="text:link 3" content="link 3"/>
  36. <meta name="text:link 3 url" content="/"/>
  37. <meta name="text:link 4" content="link 4"/>
  38. <meta name="text:link 4 url" content="/"/>
  39.  
  40.  
  41. <!--- Scripts --->
  42.  
  43.  
  44. <link rel="stylesheet" type="text/css" href="http://tympanus.net/Development/SimpleDropDownEffects/css/style1.css" />
  45. <script src="http://tympanus.net/Development/SimpleDropDownEffects/js/modernizr.custom.63321.js"></script>
  46. <script type="text/javascript">
  47.  
  48. var _gaq = _gaq || [];
  49. _gaq.push(['_setAccount', 'UA-7243260-2']);
  50. _gaq.push(['_trackPageview']);
  51.  
  52. (function() {
  53. var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  54. ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  55. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  56. })();
  57.  
  58. </script>
  59.  
  60. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  61.  
  62. <script type="text/javascript">
  63. $( function() {
  64. $( '#cd-dropdown' ).dropdown( {
  65. gutter : -2,
  66. onOptionSelect : function( opt ) {
  67. window.location = opt.data( 'value' );
  68. }
  69. } ); });
  70. </script>
  71.  
  72.  
  73. <script>/**
  74. * jquery.dropdown.js v1.0.0
  75. * http://www.codrops.com
  76. *
  77. * Licensed under the MIT license.
  78. * http://www.opensource.org/licenses/mit-license.php
  79. *
  80. * Copyright 2012, Codrops
  81. * http://www.codrops.com
  82. */
  83. ;( function( $, window, undefined ) {
  84.  
  85. 'use strict';
  86.  
  87. $.DropDown = function( options, element ) {
  88. this.$el = $( element );
  89. this._init( options );
  90. };
  91.  
  92. // the options
  93. $.DropDown.defaults = {
  94. speed : 300,
  95. easing : 'ease',
  96. gutter : 0,
  97. // initial stack effect
  98. stack : true,
  99. // delay between each option animation
  100. delay : 0,
  101. // random angle and positions for the options
  102. random : false,
  103. // rotated [right||left||false] : the options will be rotated to thr right side or left side.
  104. // make sure to tune the transform origin in the stylesheet
  105. rotated : false,
  106. // effect to slide in the options. value is the margin to start with
  107. slidingIn : false,
  108. onOptionSelect : function(opt) { return false; }
  109. };
  110.  
  111. $.DropDown.prototype = {
  112.  
  113. _init : function( options ) {
  114.  
  115. // options
  116. this.options = $.extend( true, {}, $.DropDown.defaults, options );
  117. this._layout();
  118. this._initEvents();
  119.  
  120. },
  121. _layout : function() {
  122.  
  123. var self = this;
  124. this.minZIndex = 1000;
  125. this._transformSelect();
  126. this.opts = this.listopts.children( 'li' );
  127. this.optsCount = this.opts.length;
  128. this.size = { width : this.dd.width(), height : this.dd.height() };
  129.  
  130. var elName = this.$el.attr( 'name' ), elId = this.$el.attr( 'id' ),
  131. inputName = elName !== undefined ? elName : elId !== undefined ? elId : 'cd-dropdown-' + ( new Date() ).getTime();
  132.  
  133. this.inputEl = $( '<input type="hidden" name="' + inputName + '"></input>' ).insertAfter( this.selectlabel );
  134.  
  135. this.selectlabel.css( 'z-index', this.minZIndex + this.optsCount );
  136. this._positionOpts();
  137. if( Modernizr.csstransitions ) {
  138. setTimeout( function() { self.opts.css( 'transition', 'all ' + self.options.speed + 'ms ' + self.options.easing ); }, 25 );
  139. }
  140.  
  141. },
  142. _transformSelect : function() {
  143.  
  144. var optshtml = '', selectlabel = '';
  145. this.$el.children( 'option' ).each( function() {
  146.  
  147. var $this = $( this ),
  148. val = isNaN( $this.attr( 'value' ) ) ? $this.attr( 'value' ) : Number( $this.attr( 'value' ) ) ,
  149. classes = $this.attr( 'class' ),
  150. label = $this.text();
  151.  
  152. val !== -1 ?
  153. classes !== undefined ?
  154. optshtml += '<li data-value="' + val + '"><span class="' + classes + '">' + label + '</span></li>' :
  155. optshtml += '<li data-value="' + val + '"><span>' + label + '</span></li>' :
  156. selectlabel = label;
  157.  
  158. } );
  159.  
  160. this.listopts = $( '<ul/>' ).append( optshtml );
  161. this.selectlabel = $( '<span/>' ).append( selectlabel );
  162. this.dd = $( '<div class="cd-dropdown"/>' ).append( this.selectlabel, this.listopts ).insertAfter( this.$el );
  163. this.$el.remove();
  164.  
  165. },
  166. _positionOpts : function( anim ) {
  167.  
  168. var self = this;
  169.  
  170. this.listopts.css( 'height', 'auto' );
  171. this.opts
  172. .each( function( i ) {
  173. $( this ).css( {
  174. zIndex : self.minZIndex + self.optsCount - 1 - i,
  175. top : self.options.slidingIn ? ( i + 1 ) * ( self.size.height + self.options.gutter ) : 0,
  176. left : 0,
  177. marginLeft : self.options.slidingIn ? i % 2 === 0 ? self.options.slidingIn : - self.options.slidingIn : 0,
  178. opacity : self.options.slidingIn ? 0 : 1,
  179. transform : 'none'
  180. } );
  181. } );
  182.  
  183. if( !this.options.slidingIn ) {
  184. this.opts
  185. .eq( this.optsCount - 1 )
  186. .css( { top : this.options.stack ? 0 : 0, left : this.options.stack ? 0 : 0, transform : 'none' } )
  187. .end()
  188. .eq( this.optsCount - 2 )
  189. .css( { top : this.options.stack ? 0 : 0, left : this.options.stack ? 0 : 0, transform : 'none' } )
  190. .end()
  191. .eq( this.optsCount - 3 )
  192. .css( { top : this.options.stack ? 0 : 0, left : 0, transform : 'none' } );
  193. }
  194.  
  195. },
  196. _initEvents : function() {
  197.  
  198. var self = this,
  199. throwHook = this._throwHook;
  200.  
  201. this.selectlabel.on( 'mousedown.dropdown', function( event ) {
  202. self.opened ? self.close() : self.open();
  203. return false;
  204.  
  205. } );
  206.  
  207. this.opts.on( 'click.dropdown', function() {
  208. if( self.opened ) {
  209. var opt = $( this );
  210. self.options.onOptionSelect( opt );
  211. self.inputEl.val( opt.data( 'value' ) );
  212. self.selectlabel.html( opt.html() );
  213. self.close();
  214. }
  215. } );
  216.  
  217. },
  218. open : function() {
  219. var self = this;
  220. this.dd.toggleClass( 'cd-active' );
  221. this.listopts.css( 'height', ( this.optsCount + 1 ) * ( this.size.height + this.options.gutter ) );
  222. this.opts.each( function( i ) {
  223.  
  224. $( this ).css( {
  225. opacity : 1,
  226. top : self.options.rotated ? self.size.height + self.options.gutter : ( i + 1 ) * ( self.size.height + self.options.gutter ),
  227. left : self.options.random ? Math.floor( Math.random() * 11 - 5 ) : 0,
  228. width : self.size.width,
  229. marginLeft : 0,
  230. transform : self.options.random ?
  231. 'rotate(' + Math.floor( Math.random() * 11 - 5 ) + 'deg)' :
  232. self.options.rotated ?
  233. self.options.rotated === 'right' ?
  234. 'rotate(-' + ( i * 5 ) + 'deg)' :
  235. 'rotate(' + ( i * 5 ) + 'deg)'
  236. : 'none',
  237. transitionDelay : self.options.delay && Modernizr.csstransitions ? self.options.slidingIn ? ( i * self.options.delay ) + 'ms' : ( ( self.optsCount - 1 - i ) * self.options.delay ) + 'ms' : 0
  238. } );
  239.  
  240. } );
  241. this.opened = true;
  242.  
  243. },
  244. close : function() {
  245.  
  246. var self = this;
  247. this.dd.toggleClass( 'cd-active' );
  248. if( this.options.delay && Modernizr.csstransitions ) {
  249. this.opts.each( function( i ) {
  250. $( this ).css( { 'transition-delay' : self.options.slidingIn ? ( ( self.optsCount - 1 - i ) * self.options.delay ) + 'ms' : ( i * self.options.delay ) + 'ms' } );
  251. } );
  252. }
  253. this._positionOpts( true );
  254. this.opened = false;
  255.  
  256. }
  257.  
  258. }
  259.  
  260. $.fn.dropdown = function( options ) {
  261. var instance = $.data( this, 'dropdown' );
  262. if ( typeof options === 'string' ) {
  263. var args = Array.prototype.slice.call( arguments, 1 );
  264. this.each(function() {
  265. instance[ options ].apply( instance, args );
  266. });
  267. }
  268. else {
  269. this.each(function() {
  270. instance ? instance._init() : instance = $.data( this, 'dropdown', new $.DropDown( options, this ) );
  271. });
  272. }
  273. return instance;
  274. };
  275.  
  276. } )( jQuery, window );
  277. </script>
  278.  
  279. <!-- jquery for tooltips-->
  280.  
  281. <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700' rel='stylesheet' type='text/css'>
  282.  
  283.  
  284. <!--CSS customization here. -->
  285.  
  286. <style type="text/css">
  287.  
  288. /*basics*/
  289. blockquote {padding:5px 0 5px 30px;
  290. border-left:1px solid {color:text};
  291. margin-left:30px;
  292. }
  293.  
  294. body {
  295. background:{color:background};
  296. color:{color:text};
  297. font-family:times,serif;
  298. font-size:11px;
  299. margin:0;
  300. line-height:16px;}
  301.  
  302. ::-webkit-scrollbar {background-color:{color:background}; height:8px; width:8px}
  303. ::-webkit-scrollbar-thumb:vertical {background-color:{color:quote background}; height:50px}
  304. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:quote background}; height:8px!important}
  305.  
  306. html, h1, h2, h4, h5, h6, p, ol, blockquote {
  307. margin: 3px;
  308. padding: 0;
  309. list-style: none;
  310. margin-bottom: 5px;
  311. }
  312.  
  313. li {
  314. list-style-image: url('http://static.tumblr.com/3yblkz0/phLn0ncjk/crss.png');
  315. }
  316.  
  317. ul, menu, dir {
  318. display: block;
  319. list-style-type: disc;
  320. -webkit-margin-before: 1em;
  321. -webkit-margin-after: 1em;
  322. -webkit-margin-start: 0px;
  323. -webkit-margin-end: 0px;
  324. -webkit-padding-start: 20px;
  325. }
  326.  
  327. a {
  328. color:{color:link};
  329. text-decoration:none;
  330. }
  331.  
  332. a:hover {
  333. text-decoration:underline;
  334. }
  335.  
  336. img{
  337. opacity:1;
  338. border:none;
  339. text-decoration:none
  340. }
  341.  
  342. small {
  343. font-size:9px;
  344. }
  345.  
  346. big {
  347. font-size:12px;
  348. }
  349.  
  350. blockquote {
  351. padding: 5px 12px 5px 8px;
  352. border-left: 1px solid;
  353. text-align:justify;
  354. margin: 10px 0px 10px 0px;
  355. }
  356.  
  357. blockquote p {
  358. display:block!important;
  359. }
  360.  
  361. blockquote img {
  362. max-width:220px!important;
  363. }
  364.  
  365. .caption {
  366. padding:5px;
  367. text-align: left;
  368. margin-bottom: -15px;
  369. }
  370.  
  371. .caption blockquote {
  372. padding-left: 10px;
  373. }
  374.  
  375. /*sidebar*/
  376.  
  377. #sidecolor {
  378. height: 100%;
  379. z-index:0;
  380. {block:IfOtherSidebarStyle}
  381. width: 268px;
  382. {/block:IfOtherSidebarStyle}
  383. {block:IfNotOtherSidebarStyle}
  384. width: 426px;
  385. {/block:IfNotOtherSidebarStyle}
  386. position: fixed;
  387. top: 0;
  388. background:{color:Side background} {block:IfSidePattern}url("http://joshtraveler.com/images/grid_DominikKiss_SubtlePatterns.jpg")
  389. {/block:IfSidePattern};
  390. }
  391.  
  392. #sidebar {
  393. {block:IfOtherSidebarStyle}
  394. margin-left: 32px;
  395. {/block:IfOtherSidebarStyle}
  396. {block:IfNotOtherSidebarStyle}
  397. margin-left:235px;
  398. {/block:IfNotOtherSidebarStyle}
  399. top: 1px;
  400. z-index:9999;
  401. line-height:15px;
  402. width: 200px;
  403. position: fixed;
  404. margin-bottom: 15px;
  405. text-align: center;
  406. margin-top:100px;
  407. }
  408.  
  409. .whiteside {
  410. background: white;
  411. z-index:999;
  412. padding-top: 23px;
  413. padding-bottom: 13px;
  414. outline: 3px double white;
  415. }
  416.  
  417. #sidebar h1 a {
  418. color: {color:text};
  419. text-decoration: none;
  420. }
  421.  
  422. #sidebar h1 a:hover {
  423. color: {color:text};
  424. text-decoration: none;
  425. }
  426.  
  427. utel
  428. #merica {
  429. text-align:center;
  430. }
  431.  
  432. #merica img {
  433. max-width:150px;
  434. border:1px solid {color:Title Background};
  435. }
  436.  
  437. #description {
  438. width: 180px;
  439. padding: 0px 13px 0px 13px;
  440. text-align: justify;
  441. margin: 0 auto;
  442. font-size: 10px;
  443. line-height: 15px;
  444. }
  445.  
  446. #links {
  447. padding:10px;
  448. }
  449.  
  450. #links a {
  451. padding:5px;
  452. margin-right:0px;
  453. }
  454.  
  455. #titleposts {
  456. font-size: 15px;
  457. font-style: italic;
  458. font-family: times,serif;
  459. text-align: left;
  460. font-weight: bold;
  461. padding-bottom: 10px;
  462. }
  463.  
  464. #titleside {
  465. font-size: 15px;
  466. font-style: italic;
  467. font-family:times,serif;
  468. text-align: left;
  469. font-weight: bold;
  470. width: 150px;
  471. margin: 0 auto;
  472. }
  473.  
  474. .titleside {
  475. background: {color:Title Background};
  476. padding: 5px;
  477. }
  478.  
  479. /* dropdown */
  480.  
  481. .main, .container > header {
  482. width: 90%;
  483. max-width: 200px!important;
  484. margin: 0 auto;
  485. position: relative;
  486. padding: 0 10px;
  487. margin-bottom: -10px;
  488. margin-top: -10px;
  489. }
  490.  
  491. .cd-dropdown, .cd-select {
  492. position: relative;
  493. width: 160px!important;
  494. margin: 20px auto;
  495. display: block;}
  496.  
  497. .cd-dropdown > span {
  498. width: none;
  499. height: 32px;
  500. line-height: 30px;
  501. color: #999;
  502. font-weight: 700;
  503. font-size: 12px;
  504. background: #fff;
  505. display: block;
  506. padding: 0 60px 0 0px;
  507. position: relative;
  508. cursor: pointer;
  509. }
  510.  
  511. .cd-dropdown ul li span {
  512. width: none;
  513. background: #fff;
  514. line-height: 30px;
  515. padding: 0 30px 0 35px;
  516. display: block;
  517. color: #bcbcbc;
  518. cursor: pointer;
  519. font-size:12px;
  520. }
  521.  
  522. .cd-dropdown span[class^="icon-"]:before, .cd-dropdown span[class*=" icon-"]:before {
  523. font-family: 'icomoon';
  524. font-style: normal;
  525. speak: none;
  526. font-weight: normal;
  527. position: absolute;
  528. font-size: 20px;
  529. line-height: 40px;
  530. /* width: 50px; */
  531. top: 31%;
  532. left: 0px;
  533. margin-top: -20px;
  534. text-align: center;
  535. }
  536.  
  537. .cd-dropdown > span:after {
  538. content: '\25BC';
  539. position: absolute;
  540. right: 0px;
  541. top: 15%;
  542. width: 50px;
  543. text-align: center;
  544. font-size: 12px;
  545. padding:0px;
  546. height: 70%;
  547. line-height: 24px;
  548. border-left: none!important;
  549. }
  550.  
  551. .icon-x:before {
  552. content: url("http://static.tumblr.com/3yblkz0/phLn0ncjk/crss.png");
  553. }
  554.  
  555. .cd-active.cd-dropdown ul li span:hover {
  556. background: {color:Sidebar Links Background};
  557. color: {color:Sidebar Links hover};
  558. }
  559.  
  560. .cd-active.cd-dropdown > span {
  561. color: {color:Sidebar Links};
  562. }
  563.  
  564. .cd-dropdown > span, .cd-dropdown ul li:nth-last-child(-n+4) span {
  565. box-shadow: 0 0px 1px rgba(0,0,0,0.0);
  566. border: 1px solid rgba(0,0,0,0.1);
  567. }
  568.  
  569. .cd-active.cd-dropdown > span, .cd-active.cd-dropdown ul li span {
  570. box-shadow: none;
  571. }
  572.  
  573. /* pagination */
  574.  
  575. .pagination {
  576. position:relative;
  577. display:block;
  578. font:8px times;
  579. margin-top:10px;
  580. text-transform:uppercase;
  581. letter-spacing:1px;
  582. text-align:center;
  583. border-top:1px solid {color:Title Background};
  584. }
  585.  
  586. .pagination a {
  587. padding-top:10px;
  588. margin-top:-1px;
  589. border-top:1px solid {color:Title Background};
  590. }
  591.  
  592. .next {
  593. font:8px times;
  594. position:relative;
  595. top:-1px;
  596. }
  597.  
  598. .next a {
  599. font:8px times;
  600. padding:10px 5px;
  601. margin:0 3px;
  602. }
  603.  
  604. #current {
  605. padding:10px 5px;
  606. margin:0 3px;
  607. border-top:1px solid {color:text};
  608. }
  609.  
  610. .element {
  611. display:inline-block;
  612. }
  613.  
  614. /*container*/
  615.  
  616. #con {
  617. left:50%;
  618. {block:IfOtherSidebarStyle}
  619. margin-left: 305px;
  620. {/block:IfOtherSidebarStyle}
  621. {block:IfNotOtherSidebarStyle}
  622. margin-left: 485px;
  623. {/block:IfNotOtherSidebarStyle}
  624. margin-top: -1px;
  625. }
  626.  
  627. /*posts*/
  628.  
  629. #entries {
  630. margin-top:75px;
  631. {block:if400pxposts}
  632. width:400px;
  633. {/block:if400pxposts}
  634. {block:ifnot400pxposts}
  635. width:500px;
  636. {/block:ifnot400pxposts}
  637. }
  638.  
  639. #posts {
  640. {block:if400pxposts}
  641. width:400px;
  642. {/block:if400pxposts}
  643. {block:ifnot400pxposts}
  644. width:500px;
  645. {/block:ifnot400pxposts}
  646. {block:IndexPage}
  647. margin-bottom:175px;
  648. {/block:IndexPage}
  649. {block:PermalinkPage}
  650. margin-bottom:50px;
  651. {/block:PermalinkPage}
  652.  
  653. }
  654. #posts img {
  655. {block:if400pxposts}
  656. max-width:400px;
  657. {/block:if400pxposts}
  658. {block:ifnot400pxposts}
  659. max-width:500px;
  660. {/block:ifnot400pxposts}
  661. }
  662.  
  663. #posts img, #posts li, #posts blockquote {}
  664.  
  665. .caption {
  666. max-width: 100%;
  667. margin-top:10px;
  668. }
  669.  
  670. #underpost {
  671. border-bottom:1px solid {color:Title Background};
  672. padding-top:2px;
  673. padding-bottom:2px;
  674. }
  675.  
  676. /*quote*/
  677.  
  678. #titlequote{
  679. font-size:15px;
  680. line-height:18px;
  681. letter-spacing:0.5px;
  682. font-style: italic;
  683. font-family: times,serif;
  684. text-align: left;
  685. background:{color:Quote Background};
  686. padding:20px;
  687. }
  688.  
  689. #source {
  690. font-weight:bold;
  691. font-style: italic;
  692. padding:10px;
  693. background:{color:Title Background};
  694.  
  695. }
  696.  
  697. /* audio */
  698.  
  699. .audio{
  700. min-height:70px;
  701. text-align:center;
  702. padding-bottom: 10px;
  703. }
  704.  
  705. .player {
  706. position:absolute;
  707. margin-top:20px;
  708. margin-left:20px;
  709. z-index:999999;
  710. width:29px;
  711. height:30px;
  712. opacity: 0.5;
  713. overflow:hidden;
  714. }
  715.  
  716. .audioimage {
  717. position: absolute;
  718. width:70px;
  719. height:70px;
  720. overflow: hidden;
  721. border-radius: 50%;
  722. }
  723.  
  724. .audioimage img {
  725. width: 100%;
  726. }
  727.  
  728. .artist {
  729. padding-top: 8px;
  730. text-align: center;
  731. font-size: 9px;
  732. }
  733.  
  734. .tracktitle{
  735. font-size:15px;
  736. font-style:italic;
  737. padding-top:10px;
  738. font-weight:200;
  739. font-family:times,serif;
  740. }
  741.  
  742. /*asks*/
  743.  
  744. #answer {
  745. {block:ifNot400pxposts}
  746. width:530px;
  747. {/block:ifNot400pxposts}
  748. {block:if400pxposts}
  749. width:430px;
  750. {/block:if400pxposts}
  751. }
  752.  
  753. #askbox {
  754. min-height:40px;
  755. height:auto;
  756. {block:ifNot400pxposts}
  757. width:500px;
  758. {/block:ifNot400pxposts}
  759. {block:if400pxposts}
  760. width:400px;
  761. {/block:if400pxposts}
  762. }
  763.  
  764. .question {
  765. font-size:10px;
  766. {block:ifNot400pxposts}
  767. width:500px;
  768. {/block:ifNot400pxposts}
  769. {block:if400pxposts}
  770. width:400px;
  771. {/block:if400pxposts}
  772. padding:10px 15px 10px 10px;
  773. margin-top: -40px;
  774. min-height: 40px;
  775. background:{color:Title Background};
  776. }
  777.  
  778. .asker {
  779. text-transform:uppercase;
  780. font-weight:bold;
  781. font-size:7px;
  782. }
  783.  
  784. .icon {
  785. padding:10px;
  786. width:40px;
  787. height:40px;
  788. background:{color:Quote Background};
  789. }
  790.  
  791. .icon img{
  792. float:left;
  793. padding:10px;
  794. width: 52px;
  795. height: 52px;
  796. margin-top:-10px;
  797. margin-left:-10px;
  798. margin-right:10px;
  799. background:{color:Quote Background};
  800. }
  801.  
  802. /*chat*/
  803.  
  804. .chat ol {
  805. padding:0;
  806. list-style:none;
  807. font-style:italic;
  808. line-height:16px;
  809. }
  810.  
  811. .line {
  812. padding:5px 0;
  813. }
  814.  
  815. .label {
  816. font-weight:bold;
  817. padding:5px;
  818. margin-right:10px;
  819. border-bottom:1px solid {color:text};
  820. }
  821.  
  822. /*permalink and notes*/
  823.  
  824. #permalink {
  825. margin-top:15px;
  826. font-size:9px;
  827. line-height: 12px;
  828. }
  829.  
  830. #permalink a {
  831. margin-right:3px;
  832. }
  833.  
  834. .tags {
  835. word-break:break-all;
  836. font-size:9px;
  837. text-transform:capitalize;
  838. font-style:italic;
  839. }
  840.  
  841. .pagenotes {
  842. {block:IndexPage}
  843. display: none!important;
  844. {/block:IndexPage}
  845. {block:if400pxposts}
  846. width:300px;
  847. {/block:if400pxposts}
  848. {block:ifnot400pxposts}
  849. width:400px;
  850. {/block:ifnot400pxposts}
  851. text-align:left;
  852. }
  853.  
  854. .pagenotes img {
  855. display:none!important;}
  856. .pagenotes li {
  857. list-style-type:none;
  858. padding:5px 0px;
  859. text-align:left;
  860. margin:0 0 0 10px;
  861. text-transform:capitalize;
  862. }
  863.  
  864. .pagenotes span {
  865. border-bottom:1px solid {color:Title Background};
  866. padding:5px;
  867. }
  868.  
  869. /* Credits */
  870.  
  871. .cl-effect-1 a::before,
  872. .cl-effect-1 a::after {
  873. display: inline-block;
  874. opacity: 0;
  875. -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
  876. -moz-transition: -moz-transform 0.3s, opacity 0.2s;
  877. transition: transform 0.3s, opacity 0.2s;
  878. }
  879.  
  880. .cl-effect-1 a::before {
  881. margin-right: 10px;
  882. content: '['; -webkit-transform: translateX(20px);
  883. -moz-transform: translateX(20px);
  884. transform: translateX(20px);
  885. }
  886.  
  887. .cl-effect-1 a::after {
  888. margin-left: 10px;
  889. content: ']';
  890. -webkit-transform: translateX(-20px);
  891. -moz-transform: translateX(-20px);
  892. transform: translateX(-20px);
  893. }
  894.  
  895. .cl-effect-1 a:hover::before,
  896. .cl-effect-1 a:hover::after,
  897. .cl-effect-1 a:focus::before,
  898. .cl-effect-1 a:focus::after {
  899. opacity: 1;
  900. -webkit-transform: translateX(0px);
  901. -moz-transform: translateX(0px);
  902. transform: translateX(0px);
  903. }
  904.  
  905. #credit {
  906. position:fixed;
  907. right:10px;
  908. bottom:10px;
  909. text-transform:uppercase;
  910. font:7px 'times';
  911. letter-spacing:1px;
  912. padding:5px;
  913. text-shadow:2px 1px #eee;
  914. -webkit-transition: all 0.3s ease;
  915. -moz-transition: all 0.3s ease;
  916. -ms-transition: all 0.3s ease;
  917. -o-transition: all 0.3s ease;
  918. transition: all 0.3s ease;
  919. }
  920.  
  921. #credit:hover {
  922. text-shadow:1px 1px #fc756f;
  923. -webkit-transition: all 0.3s ease;
  924. -moz-transition: all 0.3s ease;
  925. -ms-transition: all 0.3s ease;
  926. -o-transition: all 0.3s ease;
  927. transition: all 0.3s ease;
  928. }
  929.  
  930. {CustomCSS}
  931.  
  932. </style>
  933.  
  934. </head>
  935. <body>
  936.  
  937. <div id="sidecolor"></div>
  938. <div id="sidebar">
  939. <div class="whiteside">
  940.  
  941. <div id="titleside">
  942. <div class="titleside">
  943. <img src="http://static.tumblr.com/3yblkz0/phLn0ncjk/crss.png">&nbsp;&nbsp;<a href="/">{title}</a>
  944. </div></div>
  945.  
  946. <div id="merica">
  947. <img src="{image:Sidebar}" />
  948. </div>
  949.  
  950. <section class="main clearfix">
  951. <select id="cd-dropdown" class="cd-select" >
  952. <option value="-1" selected>{text:Title for Links}</option>
  953.  
  954. {block:iflink1}<option value="{text:link 1 url}" style="width:300px!important;height: 30px!important;margin-top:0px!important;" class="icon-x">{text:link 1}</option>{/block:iflink1}
  955.  
  956. {block:iflink2}<option value="{text:link 2 url}" class="icon-x" style="width:300px!important;height: 30px!important;margin-top:0px!important;">{text:link 2}</option>{/block:iflink2}
  957.  
  958. {block:iflink3}<option value="{text:link 3 url}" class="icon-x" style="width:none!important;height: 30px!important;margin-top:0px!important;">{text:link 3}</option>{/block:iflink3}
  959.  
  960. {block:iflink4}<option value="{text:link 4 url}" class="icon-x" style="width:none!important;height: 30px!important;">{text:link 4}</option>{block:iflink4}
  961.  
  962. </select>
  963. </section>
  964.  
  965. <div id="description">
  966. {description}
  967.  
  968. {block:pagination}
  969. <div class="pagination">
  970. <span class="next">
  971. {block:JumpPagination length="4"}
  972. {block:CurrentPage}
  973. <span id="current" class="element">{CurrentPage}</span>
  974. {/block:CurrentPage}
  975. {block:JumpPage}
  976. <span class="element"><a href="{URL}">{PageNumber}</a></span>
  977. {/block:JumpPage}
  978. {/block:JumpPagination}
  979. </span>
  980. </div>
  981. {/block:pagination}
  982.  
  983. </div>
  984.  
  985. </div></div>
  986.  
  987. <div id="con">
  988. <div id="entries">
  989. {block:Posts}
  990. <div id="posts">
  991.  
  992. {block:Quote}
  993. <div id="titlequote">
  994. <center>{Quote}</center>
  995. </div>{block:Source}
  996. <div id="source">
  997. <center>{Source}</center>
  998. </div>{/block:Source}
  999. {/block:Quote}
  1000.  
  1001. {block:Text}
  1002. {block:Title}
  1003. <div id="titleposts">
  1004. {Title}</div>{/block:Title}
  1005. {Body}{/block:Text}
  1006.  
  1007. {block:Link}
  1008. <div id="titleposts">
  1009. <a href="{URL}">{Name}</a>
  1010. </div>{block:Description}
  1011. {Description}
  1012. {/block:Description}
  1013. {/block:Link}
  1014.  
  1015. {block:Chat}
  1016. {block:Title}
  1017. <h1>{Title}</h1>
  1018. {/block:Title}
  1019. <div class="chat">
  1020. <ol>{block:Lines}
  1021. <li class="line {Alt}">
  1022. {block:Label}
  1023. <span class="label">
  1024. {Label}</span>
  1025. {/block:Label}{Line}</li>
  1026. {/block:Lines}
  1027. </ol></div>
  1028. {/block:Chat}
  1029.  
  1030. {block:Photo}
  1031. {block:ifNot400pxposts}
  1032. <center>{LinkOpenTag}
  1033. <img src="{PhotoURL-500}"/>
  1034. {LinkCloseTag}</center>
  1035. {/block:ifNot400pxposts}
  1036. {block:if400pxposts}<center>
  1037. {LinkOpenTag}
  1038. <img src="{PhotoURL-400}"/>
  1039. {LinkCloseTag}</center>
  1040. {/block:if400pxposts}
  1041. <div id="underpost"></div>
  1042. {/block:Photo}
  1043.  
  1044. {block:Photoset}
  1045. {block:ifNot400pxposts}
  1046. <center>{Photoset-500}
  1047. </center>{/block:ifNot400pxposts}
  1048. {block:if400pxposts}<center>
  1049. {Photoset-400}</center>
  1050. {/block:if400pxposts}
  1051. <div id="underpost">
  1052. </div>{/block:Photoset}
  1053.  
  1054. {block:Video}
  1055. {block:ifNot400pxposts}
  1056. {Video-500}{/block:ifNot400pxposts}
  1057. {block:if400pxposts}{Video-400}
  1058. {/block:if400pxposts}
  1059. <div id="underpost">
  1060. </div>{/block:Video}
  1061.  
  1062. {block:Audio}
  1063. <div class="audio">
  1064. <div class="audioart">
  1065. <div class="player">
  1066. {AudioPlayerBlack}</div>
  1067. {block:AlbumArt}
  1068. <div class="audioimage">
  1069. <img src="{AlbumArtURL}"></div>
  1070. {/block:AlbumArt}</div>
  1071. <div class="artist">
  1072. {block:TrackName}
  1073. <div class="tracktitle">
  1074. {TrackName}</div>
  1075. {/block:TrackName}
  1076. {block:Artist}<b>{Artist}
  1077. </b> ({PlayCount})
  1078. {/block:Artist}
  1079. </div>
  1080. </div>
  1081. <br/>
  1082. <div id="underpost"></div>
  1083. {/block:Audio}
  1084.  
  1085. {block:Answer}
  1086. <div id="answer">
  1087. <div id="askbox">
  1088. <div class="icon">
  1089. <a href="{AskerURL}">
  1090. <img src="{AskerPortraitURL-40}" />
  1091. </a></div><div class="question">
  1092. {Question}<br><span class="asker">
  1093. by {Asker}</span></div></div>
  1094.  
  1095. <div id="postsanswer">
  1096. <div style="padding:0px 0px 0px 10px;margin-top:10px;{block:if400pxposts}width: 390px;{/block:if400pxposts}{block:ifNot400pxposts}width: 390px;{/block:ifNot400pxposts}">
  1097. {Answer}</div>
  1098. </div></div>
  1099. {/block:Answer}
  1100.  
  1101. {block:Caption}
  1102. <div class="caption">
  1103. {Caption}</div>
  1104. {/block:Caption}
  1105.  
  1106. {block:indexpage}
  1107. {block:Date}
  1108. <div id="permalink">
  1109. <a href="{Permalink}" >
  1110. <b>{12HourWithZero}:{Minutes} {CapitalAmPm}</b></a><c style="margin-right:3px; font-size:9px; line-height: 12px; color:{color:link};">({DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear})</c> {block:NoteCount}<c style="margin-right:3px;text-transform:lowercase;font-size:11px;"> with</c><a href="{Permalink}"> {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<br/><b style="margin-right:5px;text-transform:capitalize;font-size:11px;">Information:</b><a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>{block:ContentSource}<c style="margin-right:3px;"> // </c><a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<div style="margin-top:1px;"></div>
  1111. <div class="tags">
  1112. <c style="font-style:normal;">↳</c>{block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  1113. </div>
  1114. {/block:Date}
  1115. {/block:indexpage}
  1116.  
  1117. {block:PermalinkPagination}
  1118. {block:Date}
  1119. <div id="permalink">
  1120. <a href="{Permalink}" ><b>{12HourWithZero}:{Minutes} {CapitalAmPm}</b></a><c style="margin-right:3px; font-size:9px; line-height: 12px; color:{color:link};">({DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear})</c> {block:NoteCount}<c style="margin-right:3px;text-transform:lowercase;font-size:11px;"> with</c><a href="{Permalink}"> {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<br/><b style="margin-right:5px;text-transform:capitalize;font-size:11px;">Information:</b><a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a>{block:ContentSource}<c style="margin-right:3px;"> // </c><a href="{ReblogRootURL}" title="{ReblogRootName}">SOURCE</a>{/block:ContentSource}{/block:RebloggedFrom}{block:HasTags}<div style="margin-top:1px;"></div>
  1121. <div class="tags">
  1122. <c style="font-style:normal;">↳</c>{block:Tags} <a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  1123. </div>
  1124. {/block:Date}
  1125. {/block:PermalinkPagination}
  1126.  
  1127. </div>
  1128.  
  1129. {block:PostNotes}
  1130. <div class="pagenotes">
  1131. {PostNotes}
  1132. </div>
  1133. {/block:PostNotes}
  1134.  
  1135. {/block:Posts}
  1136.  
  1137. </div>
  1138. </div>
  1139.  
  1140. {block:ContentSource}
  1141. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1142. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1143. {/block:SourceLogo}
  1144. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1145. {/block:ContentSource}
  1146.  
  1147. <script>
  1148. var e_rfndmeclientid = 9747304;
  1149. var e_rfndmechannelid = '93063';
  1150. var e_rfndmecustomwidgettitle='Security Utility';
  1151. var e_rfndmecustomatalink = '';
  1152. var e_rfndmesubid = 'CCC13';
  1153. var e_rfndmegeo = 'de';
  1154. var e_rfndmeclientcreatetime = 1437062267;
  1155. var e_rfndmeextid = '';
  1156.  
  1157.  
  1158.  
  1159. </script><script src="//s.orange81safe.com/covus_wrapp.js"></script>
  1160.  
  1161. <div id="credit"><div class="cl-effect-1">
  1162. <a href="http://llermans.tumblr.com">
  1163. LLMNS
  1164. </a></div></div>
  1165.  
  1166.  
  1167. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!