Don't like ads? PRO users don't see any ads ;-)
Guest

Theme 3

By: Labyrinthines on Mar 2nd, 2012  |  syntax: None  |  size: 22.95 KB  |  hits: 10,808  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.     theme by merel (labyrinthines.tumblr.com)
  5.     do not remove, change or move the credit in any way.
  6.     do not repost it and claim it as your own.
  7.     do not use it as a base.
  8. -->
  9.  
  10.  
  11. <html>
  12. <head>
  13.         <link rel="shortcut icon" href="{Favicon}"/>
  14.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.         {block:Description}
  16.             <meta name="description" content="{MetaDescription}" />
  17.         {/block:Description}
  18.         <link href='http://fonts.googleapis.com/css?family=Contrail+One' rel='stylesheet' type='text/css'>
  19.  
  20.  
  21. <meta name="image:Sidebar" content=""/>
  22. <meta name="color:Background1" content="#e6e8eb"/>
  23. <meta name="color:Text" content="#1d1d1d"/>
  24. <meta name="color:Background2" content="#ffffff"/>
  25. <meta name="color:Links" content="#000000"/>
  26. <meta name="color:Links Hover" content="#e6e8eb"/>
  27. <meta name="color:Post Background" content="#ffffff"/>
  28. <meta name="color:Maintitle1 Color" content="#ffffff"/>
  29. <meta name="color:Maintitle2 Color" content="#ffffff"/>
  30. <meta name="color:Link Background Color" content="#d8c7ad"/>
  31. <meta name="font:Body" content="Times New Roman"/>
  32. <meta name="font:Sidebar" content="Times New Roman"/>
  33. <meta name="text:Maintitle1 Text" content="i am the watcher on the walls"/>
  34. <meta name="text:Maintitle2 Text" content="i am the sword in the darkness"/>
  35. <meta name="text:Link 1" content="Link 1"/>
  36. <meta name="text:Link 1 URL" content="/"/>
  37. <meta name="text:Link 2" content="Link 1"/>
  38. <meta name="text:Link 2 URL" content="/"/>
  39. <meta name="text:Link 3" content="Link 1"/>
  40. <meta name="text:Link 3 URL" content="/"/>
  41. <meta name="text:Link 4" content="Link 1"/>
  42. <meta name="text:Link 4 URL" content="/"/>
  43. <meta name="text:Body Font Size" content="9px"/>
  44.  
  45.  
  46. <script type="text/javascript">
  47. function toggleDiv(toggle){
  48. if(document.getElementById(toggle).style.display == 'block'){
  49. document.getElementById(toggle).style.display = 'none';
  50. }else{
  51. document.getElementById(toggle).style.display = 'block';
  52. }
  53. }
  54. </script>
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. body {
  60.     color:{color:Text};
  61.     background-color:{color:Background2};
  62.     font-family:{font:Body};
  63.     font-size:{text:Body Font Size};
  64.     line-height: 120%;
  65.     text-align:justify;
  66. }
  67.  
  68.  
  69. a:link, a:active, a:visited {
  70.    transition:  all 0.6s ease-in-out 0s;
  71.     -moz-transition: all 0.6s ease-in-out 0s;
  72.     -webkit-transition:  all 0.6s ease-in-out 0s;
  73.     -o-transition:  all 0.6s ease-in-out 0s;
  74.     font-family:{text:Body Font Size};
  75.     text-transform:uppercase;
  76.     font-weight:none;
  77.     text-align: center;
  78.     text-decoration: none;
  79.     color: {color:Links};
  80. }
  81.  
  82. a:hover {
  83.    transition:  all 0.6s ease-in-out 0s;
  84.     -moz-transition: all 0.6s ease-in-out 0s;
  85.     -webkit-transition:  all 0.6s ease-in-out 0s;
  86.     -o-transition:  all 0.6s ease-in-out 0s;
  87.     text-align: center;
  88.     color:{color:Links Hover};
  89.     }
  90.  
  91. a img {
  92. border: 0px;
  93. }
  94.  
  95. .sidebar {
  96.     background-color: {color:Background1};
  97.     height: 100%;
  98.     left: 0;
  99.     position: fixed;
  100.     top: 0;
  101.     width: 1090px;
  102.     z-index: 1;
  103. }
  104.  
  105.  
  106. .rounds {
  107.     height:385px;
  108.     width:190px;
  109.     margin:auto;
  110.     position:fixed;
  111.     z-index:10;
  112.     top:0pt;
  113.     left:895px;
  114.     bottom:0pt;
  115.     }
  116.  
  117. .image1 {
  118.     height:365px;
  119.     width:365px;
  120.     background-color:#fff;
  121.     -moz-border-radius:365px;
  122.     -webkit-border-radius: 365px;
  123.     background-image:url({image:Sidebar});
  124.     border:10px solid #fff;
  125.     z-index:100;
  126.     }
  127.    
  128. .image11 {
  129.     height:365px;
  130.     width:365px;
  131.     margin-top:-385px;
  132.     background-color:#fff;
  133.     -moz-border-radius:365px;
  134.     -webkit-border-radius: 365px;
  135.     border:10px solid #fff;
  136.     z-index:1000;
  137.     opacity:0.2;
  138.      transition:  all 0.6s ease-in-out 0s;
  139.     -moz-transition: all 0.6s ease-in-out 0s;
  140.     -webkit-transition:  all 0.6s ease-in-out 0s;
  141.     -o-transition:  all 0.6s ease-in-out 0s;
  142.     }
  143.    
  144.        
  145. .image11:hover {
  146.     height:365px;
  147.     width:365px;
  148.     margin-top:-385px;
  149.     background-color:#fff;
  150.     -moz-border-radius:365px;
  151.     -webkit-border-radius: 365px;
  152.     border:7px solid #fff;
  153.     z-index:1000;
  154.     opacity:0;
  155.      transition:  all 0.6s ease-in-out 0s;
  156.     -moz-transition: all 0.6s ease-in-out 0s;
  157.     -webkit-transition:  all 0.6s ease-in-out 0s;
  158.     -o-transition:  all 0.6s ease-in-out 0s;
  159.     }
  160.    
  161. .roundlinks {
  162.     height:40px;
  163.     width:40px;
  164.     -moz-border-radius:40px;
  165.     -webkit-border-radius:40px;
  166.     background-color:#fff;
  167.     text-align:center;
  168.     padding-top:20px;
  169.     text-transform:uppercase;
  170.     font-family:{font:Sidebar};
  171.     font-size:6px;
  172.     letter-spacing:2px;
  173.     }
  174.    
  175. .roundlinks a:link, .roundlinks a:active, .roundlinks a:visited {
  176.     transition:  all 0.6s ease-in-out 0s;
  177.     -moz-transition: all 0.6s ease-in-out 0s;
  178.     -webkit-transition:  all 0.6s ease-in-out 0s;
  179.     -o-transition:  all 0.6s ease-in-out 0s;
  180.     font-color:#000;
  181.     font-family:{font:Sidebar};
  182.     font-size:6px;
  183.     letter-spacing:2px;
  184. }
  185.  
  186. .roundlinks a:hover {
  187.      transition:  all 0.6s ease-in-out 0s;
  188.     -moz-transition: all 0.6s ease-in-out 0s;
  189.     -webkit-transition:  all 0.6s ease-in-out 0s;
  190.     -o-transition:  all 0.6s ease-in-out 0s;
  191.     color: #e0d4bd;
  192.     font-family:{font:Sidebar};
  193.     font-size:6px;
  194.     letter-spacing:2px;
  195.     }
  196.  
  197. .I {
  198.     background-color: {color:Post Background};
  199.     bottom: 0;
  200.     font-family: {font:Sidebar};
  201.     font-size: 8px;
  202.     height: 10px;
  203.     left: 998px;
  204.     letter-spacing: 2px;
  205.     line-height: 8px;
  206.     margin: auto;
  207.     position: fixed;
  208.     text-align: center;
  209.     text-transform: uppercase;
  210.     top: -430px;
  211.     width: 40px;
  212.     z-index: 1000;
  213. }
  214. .II {
  215.     background-color:{color:Post Background};
  216.     bottom: 0;
  217.     font-family: {font:Sidebar};
  218.     font-size: 6px;
  219.     height: 10px;
  220.     left: 935px;
  221.     letter-spacing: 2px;
  222.     line-height: 10px;
  223.     margin: auto;
  224.     position: fixed;
  225.     text-align: center;
  226.     text-transform: uppercase;
  227.     top: -369px;
  228.     width: 40px;
  229.     z-index: 1000;
  230. }
  231. .III {
  232.     background-color: {color:Post Background};
  233.     bottom: 0;
  234.     font-family: {font:Sidebar};
  235.     font-size: 6px;
  236.     height: 10px;
  237.     left: 881px;
  238.     letter-spacing: 2px;
  239.     line-height: 10px;
  240.     margin: auto;
  241.     position: fixed;
  242.     text-align: center;
  243.     text-transform: uppercase;
  244.     top: -280px;
  245.     width: 40px;
  246.     z-index: 100;
  247. }
  248. .IV {
  249.     background-color: {color:Post Background};
  250.     bottom: 0;
  251.     font-family: {font:Sidebar};
  252.     font-size: 6px;
  253.     height: 10px;
  254.     left: 848px;
  255.     letter-spacing: 2px;
  256.     line-height: 10px;
  257.     margin: auto;
  258.     position: fixed;
  259.     text-align: center;
  260.     text-transform: uppercase;
  261.     top: -150px;
  262.     width: 40px;
  263.     z-index: 100;
  264. }
  265. .V {
  266.     background-color: {color:Post Background};
  267.     bottom: 0;
  268.     font-family: {font:Sidebar};
  269.     font-size: 6px;
  270.     height: 10px;
  271.     left: 835px;
  272.     letter-spacing: 2px;
  273.     line-height: 10px;
  274.     margin: auto;
  275.     position: fixed;
  276.     text-align: center;
  277.     text-transform: uppercase;
  278.     top: 0;
  279.     width: 40px;
  280.     z-index: 100;
  281. }
  282. .VI {
  283.     background-color: {color:Post Background};
  284.     bottom: 0;
  285.     font-family: {font:Sidebar};
  286.     font-size: 6px;
  287.     height: 10px;
  288.     left: 848px;
  289.     letter-spacing: 2px;
  290.     line-height: 10px;
  291.     margin: auto;
  292.     position: fixed;
  293.     text-align: center;
  294.     text-transform: uppercase;
  295.     top: 150px;
  296.     width: 40px;
  297.     z-index: 100;
  298. }
  299. .VII {
  300.     background-color: {color:Post Background};
  301.     bottom: 0;
  302.     font-family: {font:Sidebar};
  303.     font-size: 6px;
  304.     height: 10px;
  305.     left: 881px;
  306.     letter-spacing: 2px;
  307.     line-height: 10px;
  308.     margin: auto;
  309.     position: fixed;
  310.     text-align: center;
  311.     text-transform: uppercase;
  312.     top: 280px;
  313.     width: 40px;
  314.     z-index: 100;
  315. }
  316.  
  317. .VIII {
  318.     background-color: {color:Post Background};
  319.     bottom: 0;
  320.     font-family: {font:Sidebar};
  321.     font-size: 6px;
  322.     height: 10px;
  323.     left: 935px;
  324.     letter-spacing: 2px;
  325.     line-height: 10px;
  326.     margin: auto;
  327.     position: fixed;
  328.     text-align: center;
  329.     text-transform: uppercase;
  330.     top: 369px;
  331.     width: 40px;
  332.     z-index: 1000;
  333. }
  334.  
  335.  
  336. .IX {
  337.     background-color: {color:Post Background};
  338.     bottom: 0;
  339.     font-family: {font:Sidebar};
  340.     font-size: 8px;
  341.     height: 10px;
  342.     left: 998px;
  343.     letter-spacing: 2px;
  344.     line-height: 8px;
  345.     margin: auto;
  346.     position: fixed;
  347.     text-align: center;
  348.     text-transform: uppercase;
  349.     top: 430px;
  350.     width: 40px;
  351.     z-index: 100;
  352. }
  353.  
  354.    
  355. .sidebarleft {
  356.     bottom: 0;
  357.     height: 260px;
  358.     left: 70px;
  359.     margin: auto;
  360.     position: fixed;
  361.     top: 0;
  362.     width: 160px;
  363.     z-index: 100;
  364.     }
  365.  
  366. .content {
  367.     background-color: transparant;
  368.     font-family: {font:Body};
  369.     font-size: {text:Body Font Size};
  370.     padding: 10px 10px 10px 10px;
  371.     left:305px;
  372.     position: absolute;
  373.     width: 520px;
  374.     z-index: 1;
  375.     margin-top:-10px;
  376. }
  377.  
  378.  
  379. .sidebardisc {
  380.     height:190px;
  381.     font-size: 7px;
  382.     color:#000;
  383.     letter-spacing: 0.5px;
  384.     line-height:100%;
  385.     text-transform:uppercase;
  386.     text-align:justify;
  387.     width: 130px;
  388.     padding:10px;
  389.     font-family:{font:Sidebar};
  390.     opacity:0.5;
  391.     transition:  all 0.6s ease-in-out 0s;
  392.     -moz-transition: all 0.6s ease-in-out 0s;
  393.     -webkit-transition:  all 0.6s ease-in-out 0s;
  394.     -o-transition:  all 0.6s ease-in-out 0s;
  395. }
  396.  
  397.  
  398. .sidebardisc:hover {
  399.     opacity:1;
  400.     transition:  all 0.6s ease-in-out 0s;
  401.     -moz-transition: all 0.6s ease-in-out 0s;
  402.     -webkit-transition:  all 0.6s ease-in-out 0s;
  403.     -o-transition:  all 0.6s ease-in-out 0s;
  404.     }
  405.  
  406. .sidebarimage {
  407.     width:248px;
  408.     height:200px;
  409.      transition:  all 0.6s ease-in-out 0s;
  410.     -moz-transition: all 0.6s ease-in-out 0s;
  411.     -webkit-transition:  all 0.6s ease-in-out 0s;
  412.     -o-transition:  all 0.6s ease-in-out 0s;
  413.     background-image:url(http://img85.imageshack.us/img85/164/dinig.jpg);
  414.     opacity:0.8;
  415. }
  416.  
  417. .sidebarimage:hover {
  418.     opacity:1;
  419.      transition:  all 0.6s ease-in-out 0s;
  420.     -moz-transition: all 0.6s ease-in-out 0s;
  421.     -webkit-transition:  all 0.6s ease-in-out 0s;
  422.     -o-transition:  all 0.6s ease-in-out 0s;
  423.     }
  424.    
  425.  
  426. .title1 {
  427.     bottom: 0;
  428.     color: {color:Maintitle1 Color};
  429.     font-family: contrail one;
  430.     font-size: 28px;
  431.     height: 0;
  432.     left: 916px;
  433.     letter-spacing: 0;
  434.     margin: auto;
  435.     position: fixed;
  436.     text-align: right;
  437.     text-transform: uppercase;
  438.     top: 60px;
  439.     z-index: 1000;
  440.     }
  441.    
  442. .title2 {
  443.     bottom: 0;
  444.     color: {color:Maintitle2 Color};
  445.     font-family: times new roman;
  446.     font-size: 7px;
  447.     height: 0;
  448.     left: 967px;
  449.     letter-spacing: 5.5px;
  450.     margin: auto;
  451.     position: fixed;
  452.     text-align: right;
  453.     text-transform: uppercase;
  454.     top: 91px;
  455.     z-index: 1000;
  456.     }
  457.    
  458.  
  459.  
  460. .posty {
  461.     background-color: {color:Post Background};
  462.     font-style: normal;
  463.     overflow: hidden;
  464.     width:400px;
  465.     padding:10px;
  466.     transition:  all 0.6s ease-in-out 0s;
  467.     -moz-transition: all 0.6s ease-in-out 0s;
  468.     -webkit-transition:  all 0.6s ease-in-out 0s;
  469.     -o-transition:  all 0.6s ease-in-out 0s;
  470.    
  471. }
  472.  
  473.  
  474.  
  475.  
  476. .notesandtags {
  477.    transition:  all 0.6s ease-in-out 0s;
  478.     -moz-transition: all 0.6s ease-in-out 0s;
  479.     -webkit-transition:  all 0.6s ease-in-out 0s;
  480.     -o-transition:  all 0.6s ease-in-out 0s;
  481.     opacity: 0.7;
  482.     width:400px;
  483.     margin-top:8px;
  484.     text-align: left;
  485.     font-family:times new roman;
  486.     text-transform: uppercase;
  487.     color:{color:Links};    
  488. }
  489.  
  490. .notesandtags a:hover {
  491.     color:#fff;
  492.     }
  493.    
  494. .tags {
  495.     transition:  all 0.6s ease-in-out 0s;
  496.     -moz-transition: all 0.6s ease-in-out 0s;
  497.     -webkit-transition:  all 0.6s ease-in-out 0s;
  498.     -o-transition:  all 0.6s ease-in-out 0s;
  499.     font-size: 7px;
  500.     margin-top:5px;
  501.     padding: 5px 10px;
  502.     letter-spacing: 1px;
  503.     line-height: 100%;
  504.     background-color:{color:Background1};
  505.     min-height:6px;
  506.     text-transform: uppercase;
  507.     width: 380px;
  508. }
  509.  
  510. .tag {
  511.     transition:  all 0.6s ease-in-out 0s;
  512.     -moz-transition: all 0.6s ease-in-out 0s;
  513.     -webkit-transition:  all 0.6s ease-in-out 0s;
  514.     -o-transition:  all 0.6s ease-in-out 0s;
  515.     font-weight: normal;
  516.     background-color:{color:Background1};
  517.     opacity: 0.7;
  518.     margin-right: 2px;
  519.     font-size: 7px;
  520.     color: {color:Links};
  521.     line-height:5px;
  522. }
  523.  
  524.  
  525. .time {  
  526.     transition:  all 0.6s ease-in-out 0s;
  527.     -moz-transition: all 0.6s ease-in-out 0s;
  528.     -webkit-transition:  all 0.6s ease-in-out 0s;
  529.     -o-transition:  all 0.6s ease-in-out 0s;
  530.     color: {color:Links};
  531.      opacity: 1;
  532.     text-align:right;
  533.     font-size: 6.5px;
  534.     font-weight: none;
  535.     letter-spacing: 3px;
  536.     font-family:times new roman;
  537.     text-transform: uppercase;
  538.    
  539. }
  540.  
  541. h3 {
  542.     color:{color:Body};
  543.     font-family: {font:Body};
  544.     font-size: 8px;
  545.     letter-spacing:4px;
  546.     line-height: 20px;
  547.     margin: 0;
  548.     padding: 5px;
  549.     text-align: center;
  550. }
  551.  
  552. h3 a:link, h3 a:active, h3 a:visited {
  553.     font-family: {font:Body};
  554.     color:{color:Links};
  555.     font-size: 8px;
  556.     letter-spacing:4px;}
  557.  
  558. blockquote {
  559.     background-color: {color:Post Background};
  560.     border-left: 7px solid {color:Background1};
  561.     font-family: {font:Body};
  562.     text-transform:uppercase;
  563.     font-size: 8px;
  564.     margin: 5px 5px 5px 2px;
  565.     padding-left: 5px;
  566.     padding-right: 10px;
  567.     width: 350px;
  568. }
  569.  
  570. blockquote a:link, blockquote a:active, blockquote a:visited {
  571.     font-size:8px;
  572.     }
  573.    
  574. .quote {
  575. font-family: {font:Body};
  576. font-size: 9px;
  577. text-transform:lowercase;
  578. color: #000;
  579. letter-spacing:1px;
  580. }
  581.  
  582. .source {
  583. margin-left: 105px;
  584. margin-bottom:10px;
  585. margin-top:-3px;
  586. text-transform:uppercase;
  587. font-family:{font:Body};
  588. font-size: 7px;
  589. letter-spacing:2px;
  590. }
  591.  
  592. .link {
  593. color: {color:Links};
  594. padding: 5px;
  595. font-size: 10px;
  596. font-family:{font:Body};
  597. text-transform:uppercase;
  598. letter-spacing:4px;
  599. }
  600.  
  601. .link:hover {
  602. color: {color:Links Hover};
  603. }
  604.  
  605. ul.chat {
  606. margin: 0;
  607. padding: 0;
  608. }
  609.  
  610. .chat li {
  611. list-style-type: none;
  612. margin-left: 0px;
  613. padding: 3px;
  614. }
  615.  
  616. .chat li.odd {
  617.     background-color:{color:Post Background};
  618.     margin-bottom: 1px;
  619.     color: {color:Text};
  620. }
  621.  
  622. .chat li.even {
  623.     background-color: {color:Post Background};
  624.     margin-bottom: 1px;
  625.     color: {color:Text};
  626. }
  627.  
  628. .label {
  629.     font-weight: bold;
  630. }
  631.  
  632.  
  633. .notes li {padding-bottom:1.3em; text-transform:uppercase; font-size:7px;}
  634. .notes li img.avatar { border-radius: 8px 8px 8px 8px;
  635.     font-size: 6px;
  636.     height: 16px;
  637.     line-height: 7px;
  638.     margin-left: -20px;
  639.     margin-right: 5px;
  640.     text-transform: uppercase;
  641.     width: 16px;
  642.     margin-bottom: -5px; }
  643.  
  644. ol.notes {
  645.     list-style: none outside none;
  646. }
  647.  
  648. .asker {
  649.     color: {color:Text};
  650.     font-family: {font:Body};
  651.     font-size: 7px;
  652.     letter-spacing: 1px;
  653.     line-height: 100%;
  654.     text-align: center;
  655.     text-transform: uppercase;
  656. }
  657.    
  658. .asker a:link, .asker a:active, .asker a:visited {
  659.     color: {color:Text};
  660.     font-family: {font:Body};
  661.     font-size: 7px;
  662.     letter-spacing: 1px;
  663.     line-height: 100%;
  664.     text-align: center;
  665.     text-transform: uppercase;
  666. }
  667.    
  668. .asker a:hover {
  669.     color: {color:Text};
  670.     font-family: {font:Body};
  671.     font-size: 7px;
  672.     letter-spacing: 1px;
  673.     line-height: 100%;
  674.     text-align: center;
  675.     text-transform: uppercase;
  676. }
  677.  
  678. .title {
  679.     font-size: 30px;
  680.     font-family: {font:Body};
  681.     letter-spacing: -2px;
  682.     color: {color:Title} ;
  683. }
  684.  
  685.  
  686. .ding a  {
  687.     font-size:10px;
  688.     font-family:contrail one;
  689.     position:absolute;
  690.     color:#252525;
  691.     background-color:{color:Post Background};
  692.     z-index:1000;
  693.     -webkit-transition: all 0.5s ease;
  694.     -moz-transition: all 0.5s ease;
  695.     -o-transition: all 0.5s ease;
  696.     text-align:center;
  697.     }
  698.  
  699. .ding a:hover {
  700.     color:#252525;
  701.     background-color:{color:Post Background};
  702.     }
  703.    
  704. .ding {
  705.     opacity: 0;
  706.     -moz-opacity: 0;
  707.     -khtml-opacity: 0;
  708.     -webkit-transition: all 0.5s ease;
  709.     -moz-transition: all 0.5s ease;
  710.     -o-transition: all 0.5s ease;
  711.     width:50px;
  712.     height:0px;
  713.     }
  714.    
  715. .posty:hover .ding {
  716.     opacity: 1;
  717.     filter:alpha(opacity=100);
  718.     -moz-opacity: 1;
  719.     -khtml-opacity: 1;
  720.     -webkit-transition: all 0.5s ease;
  721.     -moz-transition: all 0.5s ease;
  722.     -o-transition: all 0.5s ease;
  723.     width:460px;
  724.     }
  725.    
  726.    
  727. .posty:hover div.ding a {
  728.     width:100px;
  729.     padding:10px;  
  730.     }
  731.  
  732. #foto:hover .caps {
  733.     display:block;
  734.        transition:  all 0.6s ease-in-out 0s;
  735.     -moz-transition: all 0.6s ease-in-out 0s;
  736.     -webkit-transition:  all 0.6s ease-in-out 0s;
  737.     -o-transition:  all 0.6s ease-in-out 0s;
  738.     }
  739.      
  740. {block:IndexPage}#foto .caps {
  741.     display: none;
  742.        transition:  all 0.6s ease-in-out 0s;
  743.     -moz-transition: all 0.6s ease-in-out 0s;
  744.     -webkit-transition:  all 0.6s ease-in-out 0s;
  745.     -o-transition:  all 0.6s ease-in-out 0s;
  746.     }{/block:IndexPage}
  747.  
  748.  
  749. #fotoset:hover .caps {
  750.     display:block;
  751.        transition:  all 0.6s ease-in-out 0s;
  752.     -moz-transition: all 0.6s ease-in-out 0s;
  753.     -webkit-transition:  all 0.6s ease-in-out 0s;
  754.     -o-transition:  all 0.6s ease-in-out 0s;
  755.     }
  756.      
  757. {block:IndexPage}#fotoset .caps {
  758.     display: none;
  759.        transition:  all 0.6s ease-in-out 0s;
  760.     -moz-transition: all 0.6s ease-in-out 0s;
  761.     -webkit-transition:  all 0.6s ease-in-out 0s;
  762.     -o-transition:  all 0.6s ease-in-out 0s;
  763.     }{/block:IndexPage}
  764.  
  765.  
  766. {CustomCSS}
  767. </style>
  768.  
  769. <title>{Title}</title>
  770.  
  771.  
  772.  
  773.  
  774. </head>
  775.  
  776. <body>
  777.  
  778. <div class="title1">{text:Maintitle1 Text}</div>
  779. <div class="title2">{text:Maintitle2 Text}</div>
  780.  
  781.  
  782.  
  783. <div class="sidebarleft">
  784.    
  785. <div class="sidebardisc">
  786.         {block:Description}
  787.             {Description}
  788.         {/block:Description}
  789.     </div>
  790.  
  791.  
  792. {block:Pagination} <div class="I">
  793. {block:PreviousPage}
  794. <a href="{PreviousPage}">«</a>{/block:PreviousPage}</div>
  795.  
  796. <div class="IX">
  797. {block:NextPage}
  798. <a href="{NextPage}">»</a>{/block:NextPage}</div>
  799.  
  800. {/block:Pagination}
  801.  
  802.  
  803. </div>
  804.  
  805.  
  806. <div class="II"><a href="/">HOME</a></div>
  807. <div class="III"><a href="/ask">ASK</a></div>
  808. <div class="IV"><a href="{text:Link 1 URL}">{text:Link 1}</a></div>
  809. <div class="V"><a href="{text:Link 2 URL}">{text:Link 2}</a></div>
  810. <div class="VI"><a href="{text:Link 3 URL}">{text:Link 3}</a></div>
  811. <div class="VII"><a href="{text:Link 4 URL}">{text:Link 4}</a></div>
  812. <div class="VIII"><a href="labyrinthines.tumblr.com">THEME</a></div>
  813.  
  814.  
  815.  
  816. <div class="sidebar"></div>
  817.  
  818. <div class="rounds">
  819.  
  820. <div class="image1"></div>
  821. <div class="image11"></div>
  822.  
  823. </div>
  824.  
  825.  
  826. <div class="content">
  827.  
  828. {block:Posts}
  829.  
  830.  
  831.  <div class="posty">
  832.  
  833.  
  834.  
  835. {block:IndexPage}
  836. <div class="ding">{block:Date}<a href="{Permalink}">{TimeAgo}<p>
  837. <div style="font-size:15px; font-family:contrail one; line-height:20px; ">{block:NoteCount}  {NoteCount} <font color="#d0d6df"><span style="font-size:8px; "> notes </span></font>{/block:NoteCount}</div></a>{/block:Date}
  838. </div>
  839. {/block:IndexPage}
  840.  
  841. {block:Text}
  842.  
  843. {block:Title}
  844. <h3><a href="{Permalink}">{Title}</a></h3>
  845. {/block:Title}
  846. {Body}
  847. {/block:Text}
  848.  
  849.  
  850. {block:Photo}
  851. <div id="foto">
  852. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  853.  
  854. {block:Caption}<div class="caps">{Caption}</div>
  855.  
  856.  
  857. {block:ContentSource}
  858. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  859. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  860. {/block:SourceLogo}
  861. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  862. {/block:ContentSource}{/block:Caption}</div>
  863. {/block:Photo}
  864.  
  865. {block:Photoset}
  866. <div id="fotoset">
  867. <center>{Photoset-400}</center>
  868. {block:Caption}<div class="caps">{Caption}</div>{/block:Caption}</div>
  869. {/block:Photoset}
  870.  
  871.  
  872. {block:Quote}
  873. <div style="width:370px; text-align:justify; background-color:#e6e8eb; margin-bottom:5px; padding:15px; "><span class="quote">"{Quote}"</span></div>
  874.  
  875. {block:Source}
  876.  
  877. <div style="font-size:35px; margin-left:30px; margin-top:-11px; color: #e6e8eb;">◄      </div>  <div class="source"> {Source}</div>
  878. {/block:Source}
  879. {/block:Quote}
  880.  
  881. {block:Link}
  882. <center><a href="{URL}" class="link" {Target}>{Name}</a></center>
  883. {block:Description}
  884. <div class="description">{Description}</div>
  885. {/block:Description}
  886. {/block:Link}
  887.  
  888. {block:Chat}
  889. {block:Title}
  890. <h3><a href="{Permalink}">{Title}</a></h3>
  891. {/block:Title}
  892. <ul class="chat">
  893. {block:Lines}
  894. <li class="{Alt} user_{UserNumber}">
  895. {block:Label}
  896. <span class="label">{Label}</span>
  897. {/block:Label}
  898. {Line}
  899. </li>
  900. {/block:Lines}
  901. </ul>
  902. {/block:Chat}
  903.  
  904. {block:Video} <div id="fotoset">
  905. <center>{Video-400}</center>
  906. {block:Caption}<div class="caps">{Caption}</div>{/block:Caption}</div>
  907. {/block:Video}
  908.  
  909. {block:Audio} <div id="fotoset">
  910. <center>
  911. <div style="text-transform:uppercase; width:380px; height:75px; padding: 15px;">{block:AlbumArt}
  912. <img src="{AlbumArtURL}" width="75px" height="75px;" style="float:left;">
  913. {/block:AlbumArt}
  914. {AudioPlayerWhite}
  915. <span style="color:#000; font-family:consolas; font-size:8px; letter-spacing:3px;  ">
  916. {block:Artist}
  917. {Artist}
  918. {/block:Artist} - {block:TrackName}
  919. {TrackName}
  920. {/block:TrackName}<br>
  921.     {PlayCountWithLabel}
  922. </span> </div>
  923. </center>{block:Caption}<div class="caps">{Caption}</div>{/block:Caption}</div>
  924. {/block:Audio}
  925.  
  926.  
  927. {block:Answer}
  928.  
  929. <div style="width:370px;  background-color:#e6e8eb; margin-bottom:5px; padding:15px; text-align:justify;">{Question}</div>
  930.  <center> <div style="font-size:35px; margin-top:-11px; margin-left:-300px; color:#e6e8eb;">◄</div> <span style="font-size:7px; text-transform:uppercase;">ASKED BY {Asker}</span></center><div style="text-align:right;">
  931. {Answer}
  932. </div>
  933. {/block:Answer}
  934.  
  935.  
  936.  
  937.  
  938.  
  939.  
  940. <div class="notesandtags">
  941.  
  942. {block:RebloggedFrom}
  943.     <div style="background-color: #FFFFFF; float: right; height: 16px; letter-spacing: 3px; margin-left: 10px; margin-right: -10px; padding-bottom: 5px;  padding-right: 10px; padding-left: 5px;"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}"></a>  <a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}"></a></div> {/block:RebloggedFrom}
  944.  
  945. <div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags}
  946. </div>
  947.  
  948.  </div>
  949.  
  950.   {block:PermalinkPage}
  951.  <div style="background-color:#fff; padding:10px; ">
  952.      <div style="height:10px; "></div>
  953.      {block:PostNotes}
  954. <div style="padding:5px;  font-size:15px; text-align:center; letter-spacing:4px; font-family:contrail one;  ">
  955. <a onmousedown="toggleDiv('toggle');" style="font-family:contrail one;" href="javascript:;">TOGGLE NOTES</a></div>
  956.  
  957. <div id="toggle" style="display: none;">
  958.  {PostNotes}{/block:PostNotes}
  959. </DIV>
  960.  
  961.   </div>
  962.  
  963.      {/block:PermalinkPage}
  964.  
  965.  </div>
  966.  
  967.  
  968.  
  969.  
  970. {/block:Posts}
  971.  
  972.  
  973.  
  974. </div>
  975.    
  976.    
  977.  
  978.    
  979.    
  980. </div>
  981.  
  982.  
  983.  
  984.  
  985.  
  986.  
  987.  
  988. </body>
  989. </html>