API tools faq
paste
Advertisement
nofacesface

Lance Corporal Theme (revamp)

nofacesface
Nov 22nd, 2013
492
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.71 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--THEME BY NO-FACES-FACE
  5. steal and I'll find you and punch you in the throat  (◡‿◡✿)
  6. -->
  7.  
  8. <head>
  9.  
  10. <meta name="color:Link" content="#af0000"/>
  11. <meta name="color:Navigation" content="#000"/>
  12. <meta name="color:Navigation Hover" content="#aaa"/>
  13. <meta name="color:Blog Title" content="#ddd"/>
  14. <meta name="color:Title BG" content="#000"/>
  15. <meta name="color:Background" content="#000" />
  16. <meta name="color:Text" content="#000" />
  17. <meta name="color:Underline" content="#af0000" />
  18. <meta name="color:Bold" content="#7e7e7e" />
  19. <meta name="color:Italic" content="#db0000" />
  20. <meta name="color:Description" content="#000" />
  21. <meta name="color:Desc Box" content="" />
  22. <meta name="color:Scroll" content="#000" />
  23. <meta name="color:Hover" content="#aaa" />
  24. <meta name="color:Title Shadow" content="#f59bb9" />
  25. <meta name="color:Post Title" content="#af0000" />
  26.  
  27. <style type="text/css">body, a:hover {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=39265), progress !important;}</style>
  28.  
  29.  
  30. <meta name="image:sidebar" content="http://static.tumblr.com/cbjpgjf/TGFmwowct/tumblr_mw41pqdwxm1rpr5cfo1_500.jpg"/>
  31. <meta name="image:Background" content="http://static.tumblr.com/cbjpgjf/DCImwp4ce/tumblr_lxwynw0pdg1r9g6hvo6_100.png" />
  32.  
  33. <meta name="text:Link 1" content="/" />
  34. <meta name="text:Link 1 Title" content="refresh" />
  35. <meta name="text:Link 2" content="/ask" />
  36. <meta name="text:Link 2 Title" content="whisper" />
  37. <meta name="text:Link 3" content="/archive" />
  38. <meta name="text:Link 3 Title" content="past" />
  39. <meta name="text:Link 4" content="/submit" />
  40. <meta name="text:Link 4 Title" content="submit" />
  41.  
  42.  
  43. <meta name="if:caption" content="1"/>
  44. <meta name="if:photoeffect" content="0"/>
  45. <meta name="if:posttype3" content="0"/>
  46. <meta name="if:posttype2" content="1"/>
  47. <meta name="if:posttype1" content="0"/>
  48. <meta name="if:infinitescroll" content="1"/>
  49.  
  50. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title> {block:Description}<meta name=""
  51. content="{MetaDescription}" />{/block:Description}
  52. <link rel="shortcut icon" href="{Favicon}">
  53.  
  54.  <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  55.  
  56. <style>
  57.     div#qTip {
  58.     padding: 4px;
  59.     display: none;
  60.     text-align: center;
  61.     position: absolute;
  62.     font-family: consolas;
  63.     font-size:8px;
  64.     line-height:10px;
  65.     z-index: 1000;
  66.     background-color: rgba(255,255,255,0.6);
  67.     color: {color:Text};
  68.     text-transform:uppercase;
  69.     letter-spacing: 3px;
  70.    
  71.     }
  72.     </style>
  73.  
  74.  
  75. <style type="text/css">
  76.  
  77. #tumblr_controls {
  78. position: fixed !important;
  79. }
  80.  
  81. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.2; right:3px !important; position: fixed !important;-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;}
  82.  
  83. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.2s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  84.  
  85.  
  86.  
  87. ::-webkit-scrollbar {width: 5px;height:5px; background: #fff;}
  88. ::-webkit-scrollbar-thumb {background:{color:Scroll};}
  89.  
  90.  
  91.  
  92. /* GENERAL */
  93.  
  94. body{
  95. margin:0px;
  96.  font-family: calibri;
  97.     font-style: oblique;
  98.     font-size: 10px;
  99.     letter-spacing: 1px;
  100. line-height: 11px;
  101. color: {color:text};
  102. }
  103.  
  104.  
  105.  
  106. body {
  107.         background-color: {color:Background};
  108.  
  109.         background-image: url({image:Background});
  110.         margin: 0;
  111.         word-wrap: break-word;
  112.         background-attachment: fixed;
  113.         overflow-x: hidden;
  114.  
  115. }
  116.  
  117.  
  118. a:link, a:active, a:visited{text-decoration: none;color: {color:Link};
  119. -webkit-transition: all 0.7s ease;transition: all 0.7s ease;
  120. -moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;}
  121.  
  122. a:hover{ color: {color:Hover}; }
  123.  
  124. a.class2 {color: {color:Navigation};}
  125. a.class2:link  
  126. a.class2:active
  127. a.class2:visited{text-decoration: none;color: {color:Navigation};
  128. -webkit-transition: all 0.5s ease;transition: all 0.5s ease;
  129. -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  130. a.class2:hover{ color: {color:Navigation Hover}; }
  131.  
  132. a.class3 {color: {color:Blog Title}; letter-spacing: 5px;}
  133. a.class3:link  
  134. a.class3:active
  135. a.class3:visited{text-decoration: none;color: {color:Blog Title};
  136. -webkit-transition: all 0.5s ease;transition: all 0.5s ease;
  137. -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;}
  138. a.class3:hover{ color: {color:Blog Title}; }
  139.  
  140.  
  141. /* POSTS */
  142.  
  143.  
  144. #content{
  145.     position: relative;
  146.     margin-top:10px;
  147.     {block:ifposttype3}
  148.     width:600px;
  149.     margin-left:40px;
  150.     margin-top: 35px;
  151.     {/block:ifposttype3}
  152.      {block:ifposttype2}
  153.     width:300px;
  154.     margin-left:120px;
  155.     margin-top: 35px;
  156.     {/block:ifposttype2}
  157.         {block:ifposttype1}
  158.     width:500px;
  159.     margin-left:70px;
  160.     margin-top: 35px;
  161.     {/block:ifposttype1}
  162.    
  163.     }
  164. .entry{
  165.     {block:ifposttype3}
  166.     width: 250px;
  167.     {/block:ifposttype3}
  168.     {block:ifposttype2}
  169.     width: 250px;
  170.     {/block:ifposttype2}
  171.     {block:ifposttype1}
  172.     width: 400px;
  173.     {/block:ifposttype1}
  174.     margin: 10px 10px;
  175.     padding: 10px;
  176.     padding: 5px;
  177.     opacity: .9;
  178.     background-color: #fff;
  179.     border: 1px solid #eee;
  180. -webkit-transition: all 0.4s ease-in-out;
  181. -moz-transition: all 0.4s ease-in-out;
  182. -o-transition: all 0.4s ease-in-out;
  183. -ms-transition: all 0.4s ease-in-out;
  184. transition: all 0.4s ease-in-out;}
  185.  
  186.  
  187.  
  188.  
  189. .entry img{max-width:100%;
  190. opacity: 1px;
  191.     -webkit-transition: opacity 0.6s linear;
  192.     -webkit-transition: all 0.6s ease-in-out;
  193.     -moz-transition: all 0.6s ease-in-out;
  194.     -o-transition: all 0.6s ease-in-out;}
  195.    
  196.  
  197. .entry {
  198. {block:ifphotoeffect}  
  199.     opacity: 1;
  200. -webkit-filter: grayscale(100%);
  201. {/block:ifphotoeffect} }
  202.  
  203. .entry:hover {
  204.         opacity: 1;
  205. -webkit-filter:none;
  206.     -webkit-transition: opacity 0.6s linear;
  207.     -webkit-transition: all 0.6s ease-in-out;
  208.     -moz-transition: all 0.6s ease-in-out;
  209.     -o-transition: all 0.6s ease-in-out;
  210. }
  211.  
  212.  
  213.  
  214. /* SIDEBAR */
  215.  
  216. .container {
  217. background-color: none;
  218. width: 220px;
  219. height: 330px;
  220. padding: 0px;
  221. position: fixed;
  222. {block:ifposttype1}
  223. margin-left: 570px;
  224. {/block:ifposttype1}
  225. {block:ifposttype2}
  226. margin-left: 515px;
  227. {/block:ifposttype2}
  228. {block:ifposttype3}
  229. margin-left: 640px;
  230. {/block:ifposttype3}
  231. margin-top: 60px;
  232. z-index: 999;}
  233.  
  234. .container:hover {
  235.     height: 380px;
  236. }
  237.  
  238. .sidebar {
  239.     overflow:hidden;
  240.     width: 210px;
  241. height: 270px;
  242. position: fixed;
  243. margin-left: 5px;
  244. margin-top: 5px;
  245. opacity: 1;
  246.  -webkit-transition: opacity 0.6s linear;
  247.     -webkit-transition: all 0.6s ease-in-out;
  248.     -moz-transition: all 0.6s ease-in-out;
  249.     -o-transition: all 0.6s ease-in-out;}
  250.  
  251. .sidebar img {
  252.     width: 100%;
  253.     height: 270px;
  254. }
  255.  
  256. .titlebox {
  257.     overflow: hidden;
  258.         width: 210px;
  259.         background-color: {color:Title BG};
  260. height: 30px;
  261. position: fixed;
  262. margin-left: 5px;
  263. margin-top: 275px;
  264.  -webkit-transition: opacity 0.6s linear;
  265.     -webkit-transition: all 0.6s ease-in-out;
  266.     -moz-transition: all 0.6s ease-in-out;
  267.     -o-transition: all 0.6s ease-in-out;
  268. }
  269.  
  270. .blogtitle {
  271.     text-align: center;
  272.     color: {color:Blog Title};
  273.     font-family: libre baskerville;
  274. font-style: oblique;
  275.     font-size: 14px;
  276.     text-transform: none;
  277.     margin-top: 0px;
  278.     padding: 10px;
  279.      -webkit-transition: opacity 0.4s linear;
  280.     -webkit-transition: all 0.4s ease-in-out;
  281.     -moz-transition: all 0.4s ease-in-out;
  282.     -o-transition: all 0.4s ease-in-out;
  283. }
  284.  
  285. .blogtitle:hover {
  286.     text-shadow:3px 0 .2px {color:Title Shadow};
  287. }
  288.  
  289.  
  290. .descboxtri {
  291.     margin-top: 90px;
  292.     margin-left: 22px;
  293.     position: absolute;
  294.   width: 0px;
  295. height: 0px;
  296. opacity: 0;
  297. border-style: solid;
  298. border-width: 9.5px 10px 0 10px;
  299. border-color: {color:Desc Box} transparent transparent transparent;
  300.  -webkit-transition: opacity 0.6s linear;
  301.     -webkit-transition: all 0.6s ease-in-out;
  302.     -moz-transition: all 0.6s ease-in-out;
  303.     -o-transition: all 0.6s ease-in-out;}
  304.    
  305. .container:hover .descboxtri {
  306.     opacity:1;
  307. }    
  308.  
  309. .descbox {
  310.     overflow: hidden;
  311.         width: 190px;
  312. height: 75px;
  313. opacity: 0;
  314. position: fixed;
  315. margin-left: 15px;
  316. margin-top: 15px;
  317. background-color: {color:Desc Box};
  318.  -webkit-transition: opacity 0.6s linear;
  319.     -webkit-transition: all 0.6s ease-in-out;
  320.     -moz-transition: all 0.6s ease-in-out;
  321.     -o-transition: all 0.6s ease-in-out;
  322. }
  323.  
  324. .container:hover .descbox {
  325.     opacity:1;
  326. }
  327.  
  328. .description {
  329.     text-align: center;
  330.     color: {color:Description};
  331.     font-family: calibri;
  332.     font-style: oblique;
  333.     font-size: 10px;
  334.     letter-spacing: 1px;
  335.     text-transform: none;
  336.     padding: 8px;
  337. }
  338.    
  339.  
  340. /* NAVIGATION */
  341.  
  342. .navigationtitle {
  343.      color: {color:Navigation Title};
  344.     text-align: center;
  345.      font-family: calibri;
  346.     font-style: oblique;
  347.     font-size: 10px;
  348.     letter-spacing: 1px;
  349.     text-transform: lowercase;
  350. }
  351.  
  352.  
  353. .nav1 {
  354.     opacity: 0;
  355.     position: fixed;
  356.     height: 15px;
  357.     width: 50px;
  358.     margin-top: 315px;
  359.     margin-left: 5px;
  360.         -webkit-transition: opacity .6s linear;
  361.     -webkit-transition: all .6s ease-in-out;
  362.     -moz-transition: all .6s ease-in-out;
  363.     -o-transition: all .6s ease-in-out;
  364. }
  365.  
  366. .container:hover .nav1 {
  367.     opacity: 1;
  368. }
  369.  
  370. .nav1tri {
  371.         margin-top: 299px;
  372.     margin-left: 24px;
  373.     position: absolute;
  374.   width: 0px;
  375. height: 0px;
  376. opacity: 0;
  377. border-style: solid;
  378. border-width: 5.5px 7.5px 0 7.5px;
  379. border-color: {color:Title BG} transparent transparent transparent;
  380.  -webkit-transition: opacity 0.3s linear;
  381.     -webkit-transition: all 0.3s ease-in-out;
  382.     -moz-transition: all 0.3s ease-in-out;
  383.     -o-transition: all 0.3s ease-in-out;}
  384.    
  385. .both1:hover .nav1tri {
  386.     opacity: 1;
  387.       margin-top: 305px;
  388. }
  389.  
  390.  
  391. .nav2 {
  392.      opacity: 0;
  393.     position: fixed;
  394.     height: 15px;
  395.     width: 50px;
  396.     margin-top: 315px;
  397.     margin-left: 58px;
  398.          -webkit-transition: opacity .6s linear;
  399.     -webkit-transition: all .6s ease-in-out;
  400.     -moz-transition: all .6s ease-in-out;
  401.     -o-transition: all .6s ease-in-out;
  402. }
  403.  
  404. .container:hover .nav2 {
  405.     opacity: 1;
  406. }
  407.  
  408. .nav2tri {
  409.         margin-top: 299px;
  410.     margin-left: 75px;
  411.     position: absolute;
  412.   width: 0px;
  413. height: 0px;
  414. opacity: 0;
  415. border-style: solid;
  416. border-width: 5.5px 7.5px 0 7.5px;
  417. border-color: {color:Title BG} transparent transparent transparent;
  418.  -webkit-transition: opacity 0.3s linear;
  419.     -webkit-transition: all 0.3s ease-in-out;
  420.     -moz-transition: all 0.3s ease-in-out;
  421.     -o-transition: all 0.3s ease-in-out;}
  422.    
  423. .both2:hover .nav2tri {
  424.     opacity: 1;
  425.       margin-top: 305px;
  426. }
  427.  
  428. .nav3 {
  429.      opacity: 0;
  430.     position: fixed;
  431.     height: 15px;
  432.     width: 50px;
  433.     margin-top: 315px;
  434.     margin-left: 111px;
  435.         -webkit-transition: opacity .6s linear;
  436.     -webkit-transition: all .6s ease-in-out;
  437.     -moz-transition: all .6s ease-in-out;
  438.     -o-transition: all .6s ease-in-out;
  439. }
  440.  
  441. .container:hover .nav3 {
  442.     opacity: 1;
  443. }
  444.  
  445. .nav3tri {
  446.         margin-top: 299px;
  447.     margin-left: 128px;
  448.     position: absolute;
  449.   width: 0px;
  450. height: 0px;
  451. opacity: 0;
  452. border-style: solid;
  453. border-width: 5.5px 7.5px 0 7.5px;
  454. border-color: {color:Title BG} transparent transparent transparent;
  455.  -webkit-transition: opacity 0.3s linear;
  456.     -webkit-transition: all 0.3s ease-in-out;
  457.     -moz-transition: all 0.3s ease-in-out;
  458.     -o-transition: all 0.3s ease-in-out;}
  459.    
  460. .both3:hover .nav3tri {
  461.     opacity: 1;
  462.      margin-top: 305px;
  463. }
  464.  
  465.  
  466. .nav4 {
  467.   opacity: 0;
  468.     position: fixed;
  469.     height: 15px;
  470.     width: 50px;
  471.     margin-top: 315px;
  472.     margin-left: 164px;
  473.         -webkit-transition: opacity .6s linear;
  474.     -webkit-transition: all .6s ease-in-out;
  475.     -moz-transition: all .6s ease-in-out;
  476.     -o-transition: all .6s ease-in-out;
  477. }
  478.  
  479. .container:hover .nav4 {
  480.     opacity: 1;
  481. }
  482.  
  483. .nav4tri {
  484.         margin-top: 299px;
  485.     margin-left: 182px;
  486.     position: absolute;
  487.   width: 0px;
  488. height: 0px;
  489. opacity: 0;
  490. border-style: solid;
  491. border-width: 5.5px 7.5px 0 7.5px;
  492. border-color: {color:Title BG} transparent transparent transparent;
  493.  -webkit-transition: opacity 0.3s linear;
  494.     -webkit-transition: all 0.3s ease-in-out;
  495.     -moz-transition: all 0.3s ease-in-out;
  496.     -o-transition: all 0.3s ease-in-out;}
  497.    
  498. .both4:hover .nav4tri {
  499.     opacity: 1;
  500.     margin-top: 305px;
  501. }
  502.  
  503.  
  504.  
  505. /* TITLES */
  506.  
  507. .title a{color: {color:Link};}
  508. .title {font-family:consolas;
  509. font-size:13px;
  510. font-style:none;
  511. letter-spacing: 4px;
  512. text-transform: uppercase;
  513. margin:0px 0px 0px 0px;
  514. color:#000;
  515. color: {color:Post Title};};
  516. }
  517.  
  518. .quote {
  519. padding:10px;
  520. font-size:9px;
  521. letter-spacing: 0px;
  522. text-transform:none;
  523. color: {color:Text};}
  524.  
  525. .source {
  526. font-size:8px;
  527. letter-spacing: 2px;
  528. text-align:right;
  529. font-style:none;
  530. font-weight:none;
  531. text-transform:none;}
  532.  
  533. .answer {margin:10px;}
  534.  
  535. /* PERMALINKS */
  536.  
  537.  
  538. .entry:hover .perma  {
  539. opacity:1;
  540. z-index:999;
  541. -webkit-transition: all 0.9s ease;
  542. -moz-transition: all 0.9s ease;}
  543.  
  544. {block:PermalinkPage}
  545.     {block:ifnotposttype1}
  546.      width:250px;
  547.     {/block:ifnotposttype1}
  548.     {block:ifposttype1}
  549.      width:400px;
  550.     {/block:ifposttype1}
  551.  
  552. {/block:PermalinkPage}
  553.  
  554. .perma a {
  555. color:{color:Link};
  556. font-size:9px;
  557. font-family: consolas;
  558. text-transform:normal;}
  559.  
  560. .perma a:hover {
  561. color:{color:Hover};    
  562. }
  563.    
  564.  
  565. .perma {
  566.     margin-left:0px;
  567.     text-transform: normal;
  568. position:absolute;
  569. font-size: 9px;
  570. text-transform: uppercase;
  571. line-height:10px;
  572. text-align:center;  
  573. margin-top: 0px;
  574. width: 55px;
  575. height: 35px;
  576. opacity:0;
  577. padding: 8px;
  578. -webkit-transition: all 0.9s ease;
  579. -moz-transition: all 0.9s;
  580. }
  581.  
  582.  
  583. .permanumberbox {
  584.      background-color: #fff;
  585.   border: 1px solid #dedede;
  586.       position: absolute;
  587.     margin-top: 0px;
  588.     {block:ifnotposttype1}
  589.      margin-left: 211px;
  590.     {/block:ifnotposttype1}
  591.     {block:ifposttype1}
  592.      margin-left: 361px;
  593.     {/block:ifposttype1}
  594.     height: 18px;
  595.     width: 18px;
  596.      padding: 2px;
  597.     opacity: 1;
  598.     overflow:hidden;
  599.     -webkit-transition: all 0.9s ease;
  600. -moz-transition: all 0.9s;
  601.    
  602. }
  603.  
  604. .permanumber {
  605.     width: 10px;
  606.     height: 10px;
  607.     position: absolute;
  608.     margin-left: 4px;
  609.     margin-top: 3px;
  610. }
  611.  
  612. .permanumber img{
  613.     width: 100%;
  614.     height: 10px;
  615. }
  616.  
  617.  
  618.  
  619. .permareblogbox {
  620.      background-color: #fff;
  621.   border: 1px solid #dedede;
  622.       position: absolute;
  623.     margin-top: 0px;
  624.      margin-left: 0px;
  625.     height: 18px;
  626.     width: 18px;
  627.     opacity: 1;
  628.     letter-spacing: 2px;
  629.       padding: 2px;
  630.     overflow:hidden;
  631.     -webkit-transition: all 0.9s ease;
  632. -moz-transition: all 0.9s;
  633.    
  634. }
  635.  
  636. .permareblog {
  637.     width: 10px;
  638.     height: 10px;
  639.     position: absolute;
  640.     margin-left: 4px;
  641.     margin-top: 4px;
  642. }
  643.  
  644. .permareblog img{
  645.     width: 100%;
  646.     height: 10px;
  647. }
  648.  
  649.  
  650.  
  651. #permalink{
  652. {block:PermalinkPage}    
  653. text-align:center;
  654. margin-top:10px;
  655. padding:0px;
  656. font-size:9px;
  657. letter-spacing: 2px;
  658. text-transform:lowercase;
  659. color: {color:Text};
  660. {/block:PermalinkPage}
  661. }
  662.  
  663. /*PAGINATION*/
  664.  
  665. #paginwrapper {
  666.     background-color:none;
  667.     opacity: 1;
  668.     position: fixed;
  669.     height: 20px;
  670.     width: 150px;
  671.     margin-top: -10px;
  672.     margin-left: 0px;
  673.     z-index: 999;
  674.      -webkit-transition: opacity 0.6s linear;
  675.     -webkit-transition: all 0.6s ease-in-out;
  676.     -moz-transition: all 0.6s ease-in-out;
  677.     -o-transition: all 0.6s ease-in-out;
  678. }
  679.  
  680. .jump_page {
  681. padding: 8px;
  682. background-color: none;
  683. color: {color:Text};
  684. font-size:10px;
  685. text-decoration:none;
  686. }
  687.  
  688. .current_page, .jump_page:hover {
  689. padding: 8px;
  690. background-color: none;
  691. color: {color:Hover};
  692. font-size:10px;
  693. }
  694.  
  695.  
  696. /* AUDIO */
  697.  
  698. .artcover {position:absolute;}
  699. .artcover img {width:70px;height:70px;float:left;}
  700. .audioplayer {width:20px;padding:3px 5px 5px 3px;overflow:hidden;}
  701. .audioinfo {margin-left:75px;border-left:2px solid {color:Lines};padding:5px;}
  702. .i{display:block;padding:6px 3px;line-height:8px;}
  703. .player{position:absolute;background:#FFF;width:30px;height:30px;
  704. opacity:0.45;padding:20px;overflow:hidden;
  705. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  706. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  707. .player:hover{opacity:0.75;}
  708.  
  709. /* TEXT */
  710.  
  711. i, em{color:{color:Italic};}
  712. b{color:{color:Bold}; letter-spacing: 1px;}
  713. b, strong{color:{color:Title}; letter-spacing: 2px;}
  714. ul,ol{margin:0px;margin-left:-10px;}
  715. p{padding:0px;margin:10px;}
  716. u{text-decoration:none;color: {color:Underline}; letter-spacing: 1px;
  717. border-bottom:1px solid {color:Underline};}
  718. blockquote {margin:2px; margin-left:10px;
  719. padding:2px;border-left:1px solid {color:Lines};}
  720.  
  721. /* MISC */
  722.  
  723. #warning {
  724.     z-index: -10000;
  725.     position: fixed;
  726.     top: 0;left: 0;
  727.     width: 100%;
  728.     height: 100%;
  729.     background-color: rgba(255,255,255,0.8);
  730.     color: #000;
  731.     text-align: center;
  732.     text-transform: uppercase;
  733.     padding-top: 250px;
  734.     font-family: consolas;
  735.     font-size: 13px;
  736.     letter-spacing: 4px;
  737.     opacity: 0;
  738.     {block:ifposttype1}
  739.     {block:ifposttype3}opacity: 1;z-index:10000;{/block:ifposttype3}
  740.     {block:ifposttype2}opacity: 1;z-index:10000;{/block:ifposttype2}
  741.     {block:ifposttype2}{block:ifposttype3}opacity: 1;z-index:10000;{/block:ifposttype3}{/block:ifposttype2}
  742.     {/block:ifposttype1}
  743.     {block:ifposttype2}{block:ifposttype3}opacity: 1;z-index:10000;{/block:ifposttype3}{/block:ifposttype2}
  744.     {block:ifnotposttype1}{block:ifnotposttype2}{block:ifnotposttype3}opacity: 1;z-index:10000;{/block:ifnotposttype3}{/block:ifnotposttype2}{/block:ifnotposttype1}
  745. }
  746.  
  747. .c img{
  748.     padding-left: 2.5px;
  749.     padding-top: 2px;
  750.      border-radius: 500px;
  751.     opacity: 0;
  752.     width:25px;
  753. height: 25px;
  754. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  755. -o-transition: 0.5s ease;-moz-transition: 0.5s ease;}
  756.  
  757. .c{overflow: hidden; position:fixed;right:7px;bottom:7px; background-color: rgba(0,0,0,0.3);
  758. width: 30px; height: 30px; border-radius: 500px;}
  759.  
  760.  
  761. .c img:hover{
  762.     opacity: 1;
  763. }
  764.  
  765.  
  766. .popup_block{
  767. display:none;
  768. padding:20px;
  769. float:left;
  770. position:fixed;
  771. top:50%;left:50%;
  772. z-index: 99999;}
  773.  
  774. img.btn_close {float: right;margin: -20 -20px 0 0;}
  775. *html #fade {position: absolute;}
  776. *html .popup_block {position: absolute;}
  777. #fade {display:none;background:#fff;position:fixed;left:0;top:0;
  778. width:100%;height:100%;opacity:0.8;z-index:9999;}
  779.  
  780. .l .odd{display:block;padding:5px 5px;}
  781. .l .even{display:block;background: rgba(255,255,255,0.6);padding:5px 5px;}
  782.  
  783. #s-m-t-tooltip{display:inline-block;position:absolute;max-width:300px;
  784. margin:15px;padding:3px 10px 3px 10px;z-index:99;border:1px solid #AAA;
  785. border-radius:10px;border-top-left-radius:0px;background:#000;}
  786.  
  787. ::selection {color: {color:Hover};}
  788. ::-moz-selection {color: {color:Hover};}
  789. ::-webkit-selection{color: {color:Hover};}
  790.  
  791. img{ margin-bottom:-3px;}
  792.  
  793. /* POSTNOTES */
  794.  
  795. ol.notes a{letter-spacing:2px;}
  796. ol.notes {
  797. list-style:none;
  798. font-size:10px;
  799. letter-spacing: 2px;
  800. margin-top:20px;
  801. line-height: 19px
  802. text-transform:none;}
  803.  
  804. ol.notes li.note img.avatar {
  805. vertical-align:-5px;
  806. margin-right:5px;
  807. width:15px;
  808. padding:4px;}
  809.  
  810. ol.notes li.note {margin:5px 0px 10px -20px;}
  811. ol.notes li.note span.action {font-style: normal;}
  812. ol.notes li.note .answer_content {font-weight: normal;}
  813. ol.notes li.note blockquote {padding:4px 10px;margin: 10px 0px 0px 25px;}
  814.  
  815. </style>
  816.  
  817. {block:indexpage}
  818. {block:ifposttype3}
  819. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  820.  
  821. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  822. <script type="text/javascript">
  823. $(window).load(function () {
  824. $('#content').masonry({
  825. itemSelector : ".posts",
  826. },
  827. function() { $('#content').masonry({ appendedContent: $(this) }); }
  828. );
  829. });
  830. </script>
  831. {/block:ifposttype3}
  832. {block:ifnotposttype3}{block:ifinfinitescroll}
  833. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  834. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script> <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script> <script type="text/javascript" charset="utf-8"> var $j = jQuery.noConflict(); $j(function() { if (navigator.platform == "iPad" || navigator.platform == "iPhone") return; $j("img").lazyload({ placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif", effect: "fadeIn", }); }); </script>
  835. {/block:ifinfinitescroll}{/block:ifnotposttype3}
  836. {/block:indexpage}
  837.  
  838.  
  839. </head>
  840. <body>
  841.  
  842. <div id="warning">please select only one post size</div>
  843.  
  844.  
  845. <div class="container">
  846.  
  847. <div class="sidebar"><a href="/"><img src="{image:sidebar}"></a></div>
  848. <div class="titlebox">
  849.     <a href="/" class="class3"><div class="blogtitle">{Title}</div>
  850. </div></a>
  851. <div class="descbox">
  852.     <div class="description">{Description}</div>
  853. </div>
  854. <div class="descboxtri"></div>
  855.  
  856. <div class="both1">
  857. <div class="nav1tri"></div>
  858. <div class="nav1">
  859. <a href="{text:Link 1}" class="class2"><div class="navigationtitle">{text:Link 1 Title}</div>
  860. </a>    
  861. </div>
  862. </div>
  863.  
  864. <div class="both2">
  865. <div class="nav2tri"></div>
  866. <div class="nav2">
  867. <a href="{text:Link 2}" class="class2"><div class="navigationtitle">{text:Link 2 Title}</div>
  868. </a>    
  869. </div>
  870. </div>
  871.  
  872. <div class="both3">
  873. <div class="nav3tri"></div>
  874. <div class="nav3">
  875. <a href="{text:Link 3}" class="class2"><div class="navigationtitle">{text:Link 3 Title}</div></a></div>
  876. </div>
  877.  
  878. <div class="both4">
  879. <div class="nav4tri"></div>
  880. <div class="nav4">
  881. <a href="{text:Link 4}" class="class2"><div class="navigationtitle">{text:Link 4 Title}</div>
  882. </a>    
  883. </div>
  884. </div>
  885.  
  886. {block:ifnotinfinitescroll}
  887. {block:Pagination}
  888.  
  889.  <div id="paginwrapper">
  890. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page class2">←</a>{/block:PreviousPage}
  891. {block:JumpPagination length="3"}
  892. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  893. {block:JumpPage}<a class="jump_page class2" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  894. {block:NextPage}<a href="{NextPage}" class="jump_page class2">→</a>{/block:NextPage}
  895.      
  896.  </div>
  897. {/block:Pagination}
  898. {/block:ifnotinfinitescroll}
  899.    
  900. </div><!--container-->
  901.  
  902. <div id="content">
  903. {block:Posts}
  904.  
  905. <div class="entry">
  906.  
  907.  
  908. {block:IndexPage}
  909.  
  910. <div class="perma">
  911. <a href="{Permalink}" title="{NoteCount}" ><div class="permanumberbox"><div class="permanumber"><img src="http://static.tumblr.com/cbjpgjf/M80mws18l/link-2.png"></div></div></a>
  912.  
  913. <a href="{ReblogURL}" target="_blank" title="reblog" ><div class="permareblogbox"><div class="permareblog"><img src="http://static.tumblr.com/cbjpgjf/1Ohmws0so/repeat-2.png"></div></div></a>
  914.  
  915. </span></div>
  916.  
  917. {/block:IndexPage}
  918.  
  919. {block:Text}
  920. <div class="title">{Title}</div>{Body}
  921. {/block:Text}
  922.  
  923. {block:Link}
  924. <a href="{URL}"><span class="title">{Name} &hearts;</span></a>
  925. {block:Description}{Description}{/block:Description}
  926. {/block:Link}
  927.  
  928. {block:Photo}
  929. <a href="{Permalink}">
  930. {block:IndexPage}
  931. {block:ifposttype1}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype1}
  932. {block:ifposttype2}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype2}
  933. {block:ifposttype3}<center><img src="{PhotoURL-250}"></center>{/block:ifposttype3}
  934. {/block:IndexPage}
  935. {block:PermalinkPage}
  936. {block:ifnotposttype1}<center><img src="{PhotoURL-250}"></center>{/block:ifnotposttype1}
  937. {block:ifposttype1}<center><img src="{PhotoURL-400}"></center>{/block:ifposttype1}
  938. {/block:PermalinkPage}
  939. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  940. {/block:Photo}
  941.  
  942. {block:Photoset}
  943. {block:IndexPage}
  944. {block:ifposttype1}{Photoset-400}{/block:ifposttype1}
  945. {block:ifposttype2}{Photoset-250}{/block:ifposttype2}
  946. {block:ifposttype3}{Photoset-250}{/block:ifposttype3}
  947. {/block:IndexPage}
  948. {block:PermalinkPage}
  949. {block:ifnotposttype1}{Photoset-250}{/block:ifnotposttype1}
  950. {block:ifposttype1}{Photoset-400}{/block:ifposttype1}
  951. {/block:PermalinkPage}
  952. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  953. {/block:Photoset}
  954.  
  955. {block:Quote}
  956. <div class="quote">{Quote}<div class="source">{Source}</div></div>
  957. {/block:Quote}
  958.  
  959. {block:Chat}
  960. <div class="title">{Title}</div>{block:Lines}
  961. <div class="l {Alt}"><div class="{Alt} user_{UserNumber}">
  962. {block:Label}<b>{Label} </b>{/block:Label}
  963. {Line}</div></div>{/block:Lines}
  964. {/block:Chat}
  965.  
  966. {block:Audio}
  967. {block:AlbumArt}
  968. <div class="artcover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  969. <div class="player"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  970. <div class="audioinfo">
  971. <div class="i"><b>TITLE:</b>
  972. <span{block:TrackName} style="display:none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  973.  
  974. <div class="i"><b>ARTIST:</b>
  975. <span{block:Artist} style="display:none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  976.  
  977. <div class="i"><b>PLAYS:</b>
  978. <span{block:PlayCount} style="display: none;"{block:PlayCount}>Unknown</span> {block:PlayCount}{PlayCount}{/block:PlayCount}</div></div>
  979. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}{/block:Audio}
  980.  
  981. {block:Video}
  982. {block:IndexPage}
  983. {block:ifposttype1}{Video-400}{/block:ifposttype1}
  984. {block:ifposttype2}{Video-250}{/block:ifposttype2}
  985. {block:ifposttype3}{Video-250}{/block:ifposttype3}
  986. {/block:IndexPage}
  987. {block:PermalinkPage}
  988. {block:ifnotposttype1}{Video-250}{/block:ifnotposttype1}
  989. {block:ifposttype1}{Video-400}{/block:ifposttype1}
  990. {/block:PermalinkPage}
  991. {block:ifCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifCaption}
  992. {/block:Video}
  993.  
  994. {block:Answer}
  995. <div class="quote">{Question} → <b>{Asker}</b></div>
  996. <div class="answer">{Answer}</div>
  997. {/block:Answer}
  998.  
  999.  
  1000. {block:PermalinkPage}
  1001. <div id="permalink">
  1002. {block:Date}
  1003. <a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{/block:Date}
  1004. {block:NoteCount} |
  1005. <a href="{Permalink}">{NoteCountWithLabel}</a>{block:NoteCount}
  1006. {block:RebloggedFrom}
  1007. | <a href="{ReblogParentURL}" title="{ReblogParentName}" >via</a> | <a href="{ReblogRootURL}" title="{ReblogRootName}" >source</a>
  1008. {/block:RebloggedFrom}
  1009.  
  1010.  
  1011.  
  1012. <div class="tags">
  1013. {block:HasTags}
  1014. Tagged:
  1015. {block:Tags}<a href="{TagURL}">#{Tag}</a>
  1016. {/block:Tags}
  1017. {/block:HasTags}
  1018. </div></div>
  1019. {/block:PermalinkPage}
  1020.  
  1021.  
  1022. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1023.  
  1024. </div>
  1025. {/block:Posts}
  1026. </div>
  1027.  
  1028.  
  1029.  
  1030. <div class="c">
  1031. <a href="http://nff-themes.tumblr.com"><img src="http://static.tumblr.com/cbjpgjf/hmgmwsd81/yyylamo.png"></a>
  1032. </div>
  1033.  
  1034.  
  1035.  
  1036.  
  1037. </body>
  1038. </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!