API tools faq
paste
FSXXVII

Theme 001

FSXXVII
Jan 16th, 2013
127
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 23.65 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!-- Theme 001 by Kooloo.tumblr.com
  5.  
  6. Please, PLEASE leave the credits intact. They're as non-intrusive as any credits have ever been. You can move them, but do not make them any smaller.
  7.  
  8. Tweaking is allowed! No matter how much you tweak, do not remove my credits! I would like people to find and enjoy the theme as much as you enjoy it.
  9.  
  10. Feel free to copy and paste parts of my theme into tweaks, I don't exactly like it, but I feel it might make HTML easier for some people.
  11.  
  12. You can remove the flower from the credit (NOT MY NAME,) if you want.
  13. I like the flower. I would like it if you left the flower. For me.
  14. -->
  15.  
  16. <title>{TITLE}</title>
  17. <link rel="shortcut icon" href="http://e-ssence.main.jp/listmark2/square1-p.gif" />
  18. <meta name="description" content="{metadescription}" />
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  20.  
  21.  <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>  
  22.          <link href='http://fonts.googleapis.com/css?family=BenchNine' rel='stylesheet' type='text/css'>
  23. <link href='http://www.deviantart.com/download/1709074178703129/fruity_microfont_by_migiwa27-d5nleki.ttf' rel='stylesheet' type='text/css'>
  24. <link href='http://www.deviantart.com/download/1351998862782959/cuprum_by_migiwa27-d5nlelc.ttf' rel='stylesheet' type='text/css'>
  25. <link href='http://www.deviantart.com/download/3111440403473098/francoisone_by_migiwa27-d5nlekw.ttf' rel='stylesheet' type='text/css'>
  26.  
  27. <!-- DEFAULT VARIABLES -->
  28.         <meta name="color:Background" content="#f1ecd9"/>
  29.         <meta name="color:Post" content="#FEFEFE"/>
  30.         <meta name="color:Text" content="#cc6666"/>
  31.         <meta name="color:Link" content="#d05959"/>
  32.         <meta name="color:Link Hover" content="#ffffff"/>
  33.         <meta name="color:border hover" content="#e89d9e" />
  34.         <meta name="color:Border" content="#e5d3c5"/>
  35.         <meta name="color:Left" content="#e2c6bb" />
  36.         <meta name="color:Light Border" content="#e5d3c5" />
  37.         <meta name="color:Desc Link" content="#d05959"/>
  38.         <meta name="color:Sidebar" content="#f1ecd9"/>
  39.         <meta name="color:Sidebar Image Border" content="#222222"/>
  40.         <meta name="color:Sidebar Description" content="#969696"/>
  41.         <meta name="color:Navigation" content="#d05959"/>
  42.         <meta name="color:Navigation Hover" content="#FFFFFF"/>
  43.         <meta name="color:Ask" content="#F7F7F7"/>
  44.         <meta name="color:Scrollbar" content="#181818"/>
  45.         <meta name="color:navlink hover" content="#fffffff" />
  46.         <meta name="color:navlink" content="#d05959" />
  47.         <meta name="image:Sidebar" content="http://fc03.deviantart.net/fs70/f/2013/015/6/6/1_by_vieril-d5rl5hf.png"/>
  48.         <meta name="image:Background" content=""/>
  49.         <meta name="if:Show Search" content="1" />
  50.        
  51.         <meta name="text:Music Code" content="" />
  52.         <meta name="text:Online Users Code" "" />
  53.        
  54.         <meta name="text:Link 1" content="http://"/>
  55.         <meta name="text:Link 1 Title" content=""/>
  56.         <meta name="text:Link 2" content="http://">
  57.         <meta name="text:Link 2 Title" content=""/>
  58.         <meta name="text:Link 3" content="http://"/>
  59.         <meta name="text:Link 3 Title" content=""/>
  60.         <meta name="text:Link 4" content="http://"/>
  61.         <meta name="text:Link 4 Title" content=""/>
  62.         <meta name="text:Link 5" content="http://"/>
  63.         <meta name="text:Link 5 Title" content=""/>
  64.         <meta name="text:Link 6" content="http://"/>
  65.         <meta name="text:Link 6 Title" content=""/>
  66.         <meta name="text:Link 7" content="http://"/>
  67.         <meta name="text:Link 7 Title" content=""/>
  68.         <meta name="text:Link 8" content="http://"/>
  69.         <meta name="text:Link 8 Title" content=""/>
  70.         <meta name="text:Link 9" content="http://"/>
  71.         <meta name="text:Link 9 Title" content=""/>
  72.        
  73.         <meta name="text:BarLink 1" content="http://"/>
  74.         <meta name="text:BarLink 1 Title" content=""/>
  75.         <meta name="text:BarLink 2" content="http://">
  76.         <meta name="text:BarLink 2 Title" content=""/>
  77.         <meta name="text:BarLink 3" content="http://"/>
  78.         <meta name="text:BarLink 3 Title" content=""/>
  79.         <meta name="text:BarLink 4" content="http://"/>
  80.         <meta name="text:BarLink 4 Title" content=""/>
  81.         <meta name="text:BarLink 5" content="http://"/>
  82.         <meta name="text:BarLink 5 Title" content=""/>
  83.         <meta name="text:BarLink 6" content="http://"/>
  84.         <meta name="text:BarLink 6 Title" content=""/>
  85.         <meta name="text:BarLink 7" content="http://"/>
  86.         <meta name="text:BarLink 7 Title" content=""/>
  87.         <meta name="text:BarLink 8" content="http://"/>
  88.         <meta name="text:BarLink 8 Title" content=""/>
  89.  
  90. <!-- Theme 001 by Kooloo.tumblr.com -->
  91.  
  92. <style type="text/css">
  93.  
  94. /* --- SCROLLBAR --- */
  95.  
  96. ::-webkit-scrollbar-thumb:vertical {
  97.     background-color:{color:link};
  98.     height:3em;
  99.     }
  100.  
  101. ::-webkit-scrollbar-thumb:horizontal {
  102.     background-color:{color:Link};
  103.     height:5px!important;
  104.     }
  105.  
  106. ::-webkit-scrollbar {
  107.     background-color:#FFFFFF;
  108.     height:5px;
  109.     width:10px;
  110.     }
  111.  
  112.  
  113. ::-moz-scrollbar-thumb:vertical {
  114.     background-color:{color:link};
  115.     height:3em;
  116.     }
  117.  
  118. ::-moz-scrollbar-thumb:horizontal {
  119.     background-color:{color:Link};
  120.     height:5px!important;
  121.     }
  122.  
  123. ::-moz-scrollbar {
  124.     background-color:#FFFFFF;
  125.     height:5px;
  126.     width:10px;
  127.     }
  128.  
  129.  
  130.  
  131. ::scrollbar-thumb:vertical {
  132.     background-color:{color:link};
  133.     height:3em;
  134.     }
  135.  
  136. ::scrollbar-thumb:horizontal {
  137.     background-color:{color:Link};
  138.     height:5px!important;
  139.     }
  140.  
  141. ::scrollbar {
  142.     background-color:#FFFFFF;
  143.     height:5px;
  144.     width:10px;
  145.     }
  146.    
  147.    
  148.     iframe#tumblr_controls {
  149. position: fixed !important;
  150. right:2px !important;
  151. -moz-transition: all 0.8s ease-out;
  152. -webkit-transition: opacity 0.7s linear;
  153. -webkit-transition: all 0.8s ease-out;
  154. transition: all 0.8s ease-out;
  155. opacity: 0.2;}
  156.  
  157. iframe#tumblr_controls:hover {
  158. -webkit-transition: opacity 0.7s linear;
  159. -moz-transition: all 0.4s ease-out;
  160. -webkit-transition: all 0.4s ease-out;
  161. transition: all 0.4s ease-out;
  162. opacity: 1;}
  163.  
  164.    
  165.  
  166. body {
  167.     color:{color:text};
  168.     background-attachment:fixed;
  169.     background-color:{color:background};
  170.     background-position:top left;
  171.     background-repeat:repeat;
  172.     text-align:justify;
  173.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  174.     font-size:62.8%;
  175.    
  176.     }
  177.  
  178. a {
  179.     color:{color:link};
  180.     text-decoration:none;
  181.     -webkit-transition:opacity 0.8s linear;
  182.     -webkit-transition:all 0.5s ease-out;
  183.     -moz-transition:all 0.5s ease-out;
  184.     transition:all 0.5s ease-out;
  185.     }
  186.  
  187. a:hover {
  188.     text-decoration:none;
  189.     color:{color:Link Hover};
  190.     }
  191.  
  192. #ongak {
  193.     background: {color:sidebar};
  194.     width: 100px;
  195.     height: 80px;
  196.     overflow: show;
  197.     font-size: 20px;
  198.     text-align: center;
  199.     top:0px;
  200.     left:10px;
  201.     margin-top: -80px;
  202.     padding-bottom: 5px;
  203.     padding-top: 30px;
  204.     position:fixed;
  205.     -webkit-transition:opacity 0.8s linear;
  206.     -webkit-transition:all 0.5s ease-out;
  207.     -moz-transition:all 0.5s ease-out;
  208.     transition:all 0.5s ease-out;
  209.     border-radius: 0px 0px 1000px 1000px;
  210.     border: 2px solid {color:border};
  211. }
  212.  
  213. #ongak:hover {
  214.     margin-top: -5px;
  215.     -webkit-transition:opacity 0.8s linear;
  216.     -webkit-transition:all 0.5s ease-out;
  217.     -moz-transition:all 0.5s ease-out;
  218.     transition:all 0.5s ease-out;
  219.     }
  220.  
  221. #01 {
  222.     width:100%;
  223.     padding-bottom:3em;
  224.     min-height:100%;
  225.     }
  226.  
  227. #mopping {
  228.     position:absolute;
  229.     overflow:hidden;
  230.     width:65em;
  231.     margin-left:56em;
  232.     margin-top:0em;
  233.     }
  234.  
  235. #post {
  236.     padding:1em;
  237.     width:50em;
  238.     margin-bottom:2em;
  239.     position:relative;
  240.     background-color:{color:post};
  241.     }
  242.  
  243.  
  244. #sidebar {
  245.     position:fixed;
  246.     margin-top:-0.8em;
  247.     color: {color:text};
  248.     float:right;
  249.     margin-right: 0px;
  250.     margin-left: 20.1em;
  251.     margin-bottom: -10px;
  252.     width:320px;
  253.     height:100%;
  254.     margin-top: -10em;
  255.     padding-top: 10em;
  256.     z-index: 5;
  257.     border-bottom: 1px solid {color:border};
  258.     }
  259.  
  260. #sidebar img {
  261. max-width: 400px;
  262. margin-bottom: -4px;
  263. border: 10px solid {color:sidebar};
  264. border-bottom: 6px solid {color:sidebar};
  265. border-radius: 500px 0 0 0 ;
  266. }
  267.  
  268. .oobr {
  269.     background: url('');
  270.     height: 1000%;
  271.     margin-top: -10px;
  272.     margin-right: -10px;
  273.     padding-top: 100px; }
  274.  
  275.  
  276. #about {
  277.     font-size:9px;
  278.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  279.     padding:10px;
  280. padding-top: 5px;
  281. margin-bottom: -10px;
  282.     letter-spacing:1px;
  283. margin-top: -0px;
  284.     text-align:center;
  285.     text-transform:none;
  286. background: {color:background};
  287. z-index: 999;
  288.     }
  289.    
  290.     #about a {
  291.         display:block;
  292.         background:{color:border};
  293.         color:{color:link};
  294.         margin:2px;
  295.         }
  296.        
  297.             #about a:active {
  298.         display:block;
  299.         background:{color:border};
  300.         color:{color:link};
  301.         margin:2px;
  302.         opacity:0;
  303.         }
  304.             #about a:hover {
  305.         display:block;
  306.         background:{color:border};
  307.         color:{color:link};
  308.         margin:2px;
  309.         opacity:0.2;
  310.         }
  311.  
  312. #Pinks {
  313.     width:530px;
  314.     margin-top:-8px;
  315.     margin-left:-8px;
  316.     height:1000%;
  317.     position:fixed;
  318.     border-right:5px solid {color:light border};
  319.     background: {color:Left};
  320.     }
  321.  
  322. .rosered {
  323. background: url('http://e-ssence.main.jp/tiletouka/checkcr2.gif') center fixed repeat;
  324. width: 530px;
  325. height: 100%;
  326. margin: 0;
  327.  
  328. }
  329.  
  330.  
  331. #Title5 {
  332.     font-size:15px;
  333.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  334.     text-decoration:none;
  335.     text-align:center;
  336.     text-transform:none;
  337.     border-bottom:1px dashed {color:border};
  338.     }
  339.  
  340. #277 {
  341.     font-size:14px;
  342.     text-transform:none;
  343.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  344.     text-align:center;
  345.     }
  346.  
  347. #bars {
  348.     margin-top:0px;
  349.     margin-left: -1px;
  350.     padding-top: 2px;
  351.     height: 100%;
  352.     width: 390px;
  353.     letter-spacing: 4px;
  354.     text-align: center;
  355.     z-index: 4;
  356.     }
  357.  
  358. #bars a {
  359.     display:block;
  360.     text-transform:uppercase;
  361.     margin:1px;
  362.     width:288px;
  363.     margin-top: -3px;
  364.     margin-bottom:-11px;
  365.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  366.     border-right:10px solid {color:light border};
  367.     border-left:10px solid {color:border hover};
  368.     border-top: 1px solid {color:border};
  369.     font-size:8px;
  370.     letter-spacing:1px;
  371.     color:{color:navlink};
  372.     padding-left:3px;
  373.     padding-right:9px;
  374.     background: {color:background};
  375.     height: 16px;
  376.     padding-top: 5px;
  377.     }
  378.  
  379. #bars a:hover {
  380.     color:{color:navlink hover};
  381.     margin-left:-17px;
  382.     border-right:28px solid {color:border hover};
  383.    
  384.     }
  385.    
  386.     #bars .other {
  387.     display:block;
  388.     text-align:center;
  389.     text-transform: uppercase;
  390.     margin:1px;
  391.      background: {color:background};
  392.     width:290px;
  393.     margin-bottom:-10px;
  394.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  395.     border-right:10px solid {color:light border};
  396.     font-size:8px;
  397.     letter-spacing:1px;
  398.     color:{color:navlink};
  399.     padding-left:3px;
  400.     padding-right:9px;
  401.     padding-top:6px;
  402.     padding-bottom:6px;
  403.     margin-left: -65px;
  404.     -webkit-transition:all 0.5s ease-in-out;
  405.     -moz-transition:all 0.5s ease-in-out;
  406.     -o-transition:all 0.5s ease-in-out;
  407.     -ms-transition:all 0.5s ease-in-out;
  408.     transition:all 0.5s ease-in-out;
  409.     border-left:10px solid {color:light border};
  410.     }
  411.  
  412.  
  413. /* --- AUDIO --- */
  414.  
  415. #audio {
  416.     margin-bottom:5px;
  417.     width:500px;
  418.    
  419.     height:62px;
  420.    
  421.     }
  422.  
  423. .albumart {
  424.     width:57px;
  425.     height:57px;
  426.     position:absolute;
  427.    
  428.     }
  429.  
  430. .albumart img {
  431.     width:57px;
  432.     height:57px;
  433.     float:left;
  434.    
  435.     }
  436.  
  437. .playercontainer {
  438.     opacity: .2;
  439.     display:block;
  440.     width:57px;
  441.     height:57px;
  442.     position:absolute;
  443.     z-index:3;
  444.     -webkit-transition:all 0.5s ease-in-out;
  445.     -moz-transition:all 0.5s ease-in-out;
  446.     -o-transition:all 0.5s ease-in-out;
  447.     -ms-transition:all 0.5s ease-in-out;
  448.     transition:all 0.5s ease-in-out;
  449.     }
  450.  
  451. .playercontainer:hover {
  452.     opacity:.7;
  453.     }
  454.  
  455. .player {
  456.     margin-left:16px;
  457.     margin-top:16px;
  458.     width:105px;
  459.     height:25px;
  460.     overflow:hidden;
  461.     }
  462.  
  463. .audioinfo {
  464.     margin-left:60px;
  465.     float:left;
  466.     background-color:transparent;
  467.     padding:2px;
  468.     margin-bottom:3px;
  469.     margin-top:0px;
  470.     width:435px;
  471.    
  472.    
  473.     }
  474.  
  475.  
  476. #info {
  477.     padding:4px;
  478.     margin-top:7px;
  479.     line-height:90%;
  480.     font-size:10px;
  481.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  482.     text-transform:none;
  483.     width:493px;
  484.     text-align:right;
  485.     }
  486.  
  487. #info a {
  488.     color:{color:link};
  489.     background-color:transparent;
  490.     padding:1px;
  491.     }
  492.  
  493. #info a:hover {
  494.     color:transparent;
  495.     }
  496.  
  497. #questions {
  498.     color:{color:Text};
  499.     padding:10px;
  500.     margin-bottom:0px;
  501.     font-size:10px;
  502.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  503.     text-align:justify;
  504.     background-color:{color:border};
  505.     border-bottom:2px dotted {color:Text};
  506.     }
  507.  
  508. #questions a {
  509.     color:{color:link};
  510.     }
  511.  
  512. #questions a:hover {
  513.     color:transparent;
  514.     }
  515.  
  516.  
  517. #tags {  
  518.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  519.     text-align:left;
  520.     text-transform:uppercase;
  521.     font-size:9px;
  522.     letter-spacing:1px;
  523.     margin-top:-40px;
  524.     margin-left:0px;
  525.     margin-bottom:30px;
  526.     width:540px;
  527.    
  528.     }
  529.  
  530. #tags a {
  531.     color:{color:link};
  532.     padding:1px;
  533.     }
  534.  
  535. #tags a:hover {
  536.     color:{color:link hover};
  537.     }
  538.  
  539.  
  540. #source {
  541.     margin-top:3px;
  542.     text-align:right;
  543.     margin-bottom:5px;
  544.     font-size:10px;
  545.     }
  546.    
  547. .pagination {
  548.     margin-top:4px;
  549.     margin-bottom:8px;
  550.     text-align:justify;
  551.     padding: 2px;
  552.     line-height:20px;
  553.     font-family:'Open Sans','Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', freesans, sans-serif;
  554.     font-size:18px;
  555.     }
  556.    
  557. .pagination a {
  558.     text-decoration:none;
  559.     padding-top:2px;
  560.     padding-bottom:2px;
  561.     padding-left:4px;
  562.     padding-right:4px;
  563.     color:{color:navlink};
  564.    
  565.     }
  566.    
  567. .pagination a:hover {
  568.     color:{color:navlink hover};
  569.     Background:{color:background};
  570.     }
  571.  
  572. .postnotes {
  573.     margin-top:-5px;
  574.     }
  575.  
  576. ol.notes, .notes li {
  577.     width:500px;
  578.     list-style:none;
  579.     }
  580.  
  581. blockquote {
  582.     border-left:2px solid {color:light border};
  583.     padding:0px;
  584.     padding-left:5px;
  585.     margin:5px;
  586.     }
  587.  
  588. #bars2 {
  589.     margin-top:5px;
  590.     padding-top: 20px;
  591.     height: 100%;
  592.     margin-left: -15px;
  593.     }
  594.    
  595.     #bars2 a {
  596.     border: 0px;
  597.     background: transparent;
  598.     }
  599.    
  600.     #bars2 img {
  601.         border:0;
  602.        
  603.          -webkit-transition:all 0.5s ease-in-out;
  604.     -moz-transition:all 0.5s ease-in-out;
  605.     -o-transition:all 0.5s ease-in-out;
  606.     -ms-transition:all 0.5s ease-in-out;
  607.     transition:all 0.5s ease-in-out;
  608.     }
  609.    
  610.     #bars2 img:hover {
  611.         margin-left: -18px;
  612.         border-right: 18px solid {color:border};
  613.          -webkit-transition:all 0.5s ease-in-out;
  614.     -moz-transition:all 0.5s ease-in-out;
  615.     -o-transition:all 0.5s ease-in-out;
  616.     -ms-transition:all 0.5s ease-in-out;
  617.     transition:all 0.5s ease-in-out;
  618.     }
  619.  
  620. #theme {
  621. font-size: 1em;
  622. font-family: 'Francois One', Cuprum, 'Bench Nine';
  623. color: {color:link};
  624. opacity: 0.7;
  625. position:fixed;
  626. bottom:5px;
  627. right:5px;
  628. -webkit-border-radius: 4px;
  629. -moz-border-radius:4px;
  630. -o-border-radius:4px;
  631. border-radius:4px;
  632. width: auto;
  633. height: auto;
  634. z-index:999;
  635.     -webkit-transition:all 0.5s ease-in-out;
  636.     -moz-transition:all 0.5s ease-in-out;
  637.     -o-transition:all 0.5s ease-in-out;
  638.     -ms-transition:all 0.5s ease-in-out;
  639.     transition:all 0.5s ease-in-out;
  640. }
  641.  
  642. #theme:hover {
  643. opacity:1.0;
  644. color: {color:link};
  645.     -webkit-transition:all 0.5s ease-in-out;
  646.     -moz-transition:all 0.5s ease-in-out;
  647.     -o-transition:all 0.5s ease-in-out;
  648.     -ms-transition:all 0.5s ease-in-out;
  649.     transition:all 0.5s ease-in-out;
  650. }
  651.  
  652. #theme a {
  653. color: {color:link};
  654. text-decoration:none;
  655. }
  656.  
  657. #theme2 {
  658. font-size: 1em;
  659. font-family: 'Francois One', Cuprum, 'Bench Nine';
  660. color: {color:link};
  661. opacity: 0.7;
  662. position:fixed;
  663. bottom:5px;
  664. left:5px;
  665. -webkit-border-radius: 4px;
  666. -moz-border-radius:4px;
  667. -o-border-radius:4px;
  668. border-radius:4px;
  669. width: auto;
  670. height: auto;
  671. z-index:999;
  672.     -webkit-transition:all 0.5s ease-in-out;
  673.     -moz-transition:all 0.5s ease-in-out;
  674.     -o-transition:all 0.5s ease-in-out;
  675.     -ms-transition:all 0.5s ease-in-out;
  676.     transition:all 0.5s ease-in-out;
  677. }
  678.  
  679. #theme2:hover {
  680. opacity:1.0;
  681. color: {color:link};
  682.     -webkit-transition:all 0.5s ease-in-out;
  683.     -moz-transition:all 0.5s ease-in-out;
  684.     -o-transition:all 0.5s ease-in-out;
  685.     -ms-transition:all 0.5s ease-in-out;
  686.     transition:all 0.5s ease-in-out;
  687. }
  688.  
  689. #theme2 a {
  690. color: {color:link};
  691. text-decoration:none;
  692. }
  693.  
  694. </style>
  695.  
  696.  
  697.  
  698. <script type="text/javascript" charset="utf-8">
  699. var $j = jQuery.noConflict();
  700. $j(function() {
  701. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  702. $j("img").lazyload({
  703. placeholder : "http://e-ssence.main.jp/icon/bar1.gif",
  704. effect: "fadeIn", }); });</script>
  705.  
  706. </head>
  707.     <body>
  708.  
  709. <div id="01">
  710. <div id="Pinks">
  711. <div class="rosered"> </div>
  712. </div>
  713. <div id="sidebar">
  714.  
  715. <!-- Formerly Pagination -->
  716.  
  717. <img src="{image:sidebar}" alt="Sidebar Image" >
  718. <div id="about">{block:Description}{Description}{/block:Description}<center><a href="/">Index</a>{block:askenabled}<a href="/ask">Ask</a>{/block:askenabled}{block:submissionsenabled}<a href="/submit">Submit</a>{/block:submissionsenabled}<a href="/archive">Archive</a>{block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a><br>{/block:Pages}{/block:HasPages}
  719. {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1Title}
  720. {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a>
  721. {/block:ifLink2Title}
  722. {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3Title}
  723. {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a>
  724. {/block:ifLink4Title}
  725. {block:ifLink5Title}<a href="{text:link 5}">{text:Link 5 Title}</a>{/block:ifLink5Title}
  726. {block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a>{/block:ifLink6Title}
  727. {block:ifLink7Title}<a href="{text:link 7}">{text:Link 7 Title}</a>{/block:ifLink7Title}
  728. {block:ifLink8Title}<a href="{text:Link 8}">{text:Link 8 Title}</a>{/block:ifLink8Title}
  729. {block:ifLink9Title}<a href="{text:Link 9}">{text:Link 9 Title}</a>{/block:ifLink9Title}</div><p>
  730.  
  731. <div id="bars">
  732. {block:ifBarLink1Title}<a href="{text:BarLink 1}">{text:BarLink 1 Title}</a><br>{/block:ifBarLink1Title}
  733.  
  734. {block:ifBarLink2Title}<a href="{text:BarLink 2}">{text:BarLink 2 Title}</a><br>
  735. {/block:ifBarLink2Title}
  736.  
  737. {block:ifBarLink3Title}<a href="{text:BarLink 3}">{text:BarLink 3 Title}</a><br>{/block:ifBarLink3Title}
  738.  
  739. {block:ifBarLink4Title}<a href="{text:BarLink 4}">{text:BarLink 4 Title}</a><br>
  740. {/block:ifBarLink4Title}
  741.  
  742. {block:ifBarLink5Title}<a href="{text:Barlink 5}">{text:BarLink 5 Title}</a><br>{/block:ifBarLink5Title}
  743.  
  744. {block:ifBarLink6Title}<a href="{text:BarLink 6}">{text:BarLink 6 Title}</a><br>{/block:ifBarLink6Title}
  745.  
  746. {block:ifBarLink7Title}<a href="{text:Barlink 7}">{text:BarLink 7 Title}</a><br>{/block:ifBarLink7Title}
  747.  
  748. {block:ifBarLink8Title}<a href="{text:BarLink 8}">{text:BarLink 8 Title}</a><br>{/block:ifBarLink8Title}
  749.  
  750.  
  751. {block:ifShowSearch}<center><form action="/search" method="get" class="other" >
  752.     <input type="search" placeholder="Search. . ." name="q" value="" size="10" width="200" />
  753.   </form></center>
  754.   {/block:ifShowSearch}
  755. </div>
  756. </div><br>
  757.  
  758.  
  759.  
  760.  
  761.  
  762.  
  763. <div id="mopping">{block:Posts}<div id="post">
  764.  
  765. {block:Title}<div id="Title5">{Title}</div>{/block:Title}
  766. {block:Text}{Body}{/block:Text}
  767.  
  768. {block:Photo}
  769. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  770. {block:Caption}{Caption}{/block:Caption}
  771. {/block:Photo}
  772.  
  773. {block:Photoset}
  774. <center>{Photoset-500}</center>
  775. {block:Caption}{Caption}{/block:Caption}
  776.  
  777. {/block:Photoset}
  778. {block:Quote}
  779. <div id="Title5">"{Quote}"</div>
  780. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  781. {/block:Quote}
  782.  
  783. {block:Link}
  784. <div id="Title5"><a href="{URL}" class="link" {Target}>{Name}</a> →</div>
  785. {block:Description}{Description}{/block:Description}
  786. {/block:Link}
  787.  
  788. {block:Chat}
  789. <div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  790. {/block:Chat}
  791.  
  792. {block:Audio}
  793. <div id="audio"><div class="albumart"><img src="http://static.tumblr.com/4wyqgof/Dyvm2qmp1/default.jpg"></div>{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}" alt="album art"></div>{/block:AlbumArt}{AudioPlayerWhite}</div>{block:TrackName}<div class="audioinfo"><b>Track Title:</b> {TrackName}<br>{/block:TrackName}{block:Artist}<div class="audioinfo"><b>Artist:</b> {Artist}</div><br>{/block:Artist}{block:Album}<div class="audioinfo"><b>Album:</b> {Album}</div>{/block:Album}</div>{block:Caption}{Caption}{/block:Caption}
  794. {/block:Audio}
  795.  
  796. {block:Video}
  797. {Video-500}
  798. {block:Caption}{Caption}{/block:Caption}
  799. {/block:Video}
  800.  
  801. {block:Answer}
  802. <img src="{AskerPortraitURL-30}" style="float:left; border:3px solid {color:Info Border}; top:50%; margin-left:5px; margin-top:center center;">
  803. <div style="margin-left:50px;"><div id="questions">
  804. {Asker} asked: {Question}
  805. </div></div>
  806. {Answer}<p>
  807. {/block:Answer}
  808.  
  809. {block:Date}<div id="info"><a href="{Permalink}">✖</a>{/block:Date}{block:RebloggedFrom} - via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}
  810. {block:ContentSource} (<a href="{SourceURL}">{SourceTitle}</a>){/block:ContentSource}
  811. {block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div></div>
  812.  
  813. {block:permalinkpage}
  814. {block:ifNotSwitchTagPosition}{block:HasTags}<div id="tags">tagged → {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifNotSwitchTagPosition} //
  815. <div style="margin-left:-4px;"><a href="{ReblogURL}" target="_blank">Reblog</a>
  816. {/block:permalinkpage}
  817.  
  818. {/block:Posts}
  819.  
  820. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  821.  
  822.  
  823. <div class="pagination">{block:Pagination}
  824. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  825. {block:JumpPagination length="6"}{block:CurrentPage}
  826. <span class="current_page" style="padding-right:3px;padding-left:3px;">{PageNumber}</span>
  827. {/block:CurrentPage}
  828. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  829. {/block:JumpPagination}
  830. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  831. {/block:Pagination}</div>
  832.  
  833.  
  834. </div></div><div id="theme"><a href="http://kooloo.tumblr.com/">Theme ❀</a></div>
  835. <div id="theme2">
  836.    
  837.     {text:online users code}
  838.    
  839. </div>
  840.  
  841. {block:ifmusiccode}<div id="ongak">{text:Music Code}<br><br>♪</div>{/block:ifmusiccode}
  842.  
  843. </div>
  844.  
  845.     </body>
  846. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!