SHARE
TWEET

theme #1 ( cosmo )

grpcthemes Aug 15th, 2018 (edited) 1,353 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!----
  16.  
  17. theme 01 - cosmo.
  18.  
  19. theme by ali @ grpcthemes.
  20. my terms can be found on my page at /terms.
  21. please let me know if you have any questions.
  22.  
  23. --->
  24.  
  25. <meta name="image:Sidebar" content="http://via.placeholder.com/200x420"/>
  26. <meta name="image:Pattern" content=""/>
  27.  
  28. <meta name="if:500 posts" content="0"/>
  29. <meta name="if:400 posts" content="1"/>
  30. <meta name="if:250 posts" content="0"/>
  31.  
  32. <meta name="if:Navigation Numbers" content="1"/>
  33.  
  34. <meta name="select:body font" content="Cambria" title="Cambria" />
  35. <meta name="select:body font" content="Georgia" title="Georgia" />
  36. <meta name="select:body font" content="Kanit" title="Kanit" />
  37. <meta name="select:body font" content="Karla" title="Karla" />
  38. <meta name="select:body font" content="Muli" title="Muli" />
  39. <meta name="select:body font" content="Noto Sans" title="Noto Sans" />
  40. <meta name="select:body font" content="Poppins" title="Poppins" />
  41. <meta name="select:body font" content="Times New Roman" title="Times New Roman" />
  42. <meta name="select:body font" content="Ubuntu" title="Ubuntu" />
  43.  
  44. <meta name="select:body font size" content="9px" title="9px" />
  45. <meta name="select:body font size" content="10px" title="10px" />
  46. <meta name="select:body font size" content="11px" title="11px" />
  47. <meta name="select:body font size" content="12px" title="12px" />
  48.  
  49. <meta name="color:Pattern Alt" content=""/>
  50. <meta name="color:Background" content=""/>
  51. <meta name="color:Blockquote" content=""/>
  52. <meta name="color:Border" content=""/>
  53. <meta name="color:Entries" content=""/>
  54. <meta name="color:Italic" content=""/>
  55. <meta name="color:Link" content=""/>
  56. <meta name="color:Navigation" content=""/>
  57. <meta name="color:Navigation Hover" content=""/>
  58. <meta name="color:Navigation Links" content=""/>
  59. <meta name="color:Navigation Numbers" content=""/>
  60. <meta name="color:Pre BG" content=""/>
  61. <meta name="color:Pre Border" content=""/>
  62. <meta name="color:Pre Text" content=""/>
  63. <meta name="color:Question BG" content=""/>
  64. <meta name="color:Question Text" content=""/>
  65. <meta name="color:Scrollbar1" content=""/>
  66. <meta name="color:Scrollbar2" content=""/>
  67. <meta name="color:Sidebar" content=""/>
  68. <meta name="color:Text" content=""/>
  69. <meta name="color:Title" content=""/>
  70.  
  71. <meta name="text:title" content="title"/>
  72. <meta name="text:subtitle" content="subtitle"/>
  73.  
  74. <meta name="text:home link text" content="HOME"/>
  75. <meta name="text:ask link text" content="ASK"/>
  76.  
  77. <meta name="text:link one URL" content="link one URL"/>
  78. <meta name="text:link one text" content="ONE"/>
  79. <meta name="text:link two URL" content="link two URL"/>
  80. <meta name="text:link two text" content="TWO"/>
  81. <meta name="text:link three URL" content="link three URL"/>
  82. <meta name="text:link three text" content="THREE"/>
  83. <meta name="text:link four URL" content="link four URL"/>
  84. <meta name="text:link four text" content="FOUR"/>
  85.  
  86. <link href="https://fonts.googleapis.com/css?family=Kanit|Karla|Muli|Noto+Sans|Poppins|Ubuntu" rel="stylesheet">
  87.  
  88. <link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
  89.  
  90. <style type="text/css">
  91.  
  92. ::-webkit-scrollbar-thumb {
  93.    height:auto;
  94.    background-color:{color:Scrollbar2};
  95. }
  96.  
  97. ::-webkit-scrollbar {
  98.    height:3px;
  99.    width:3px;
  100.    background-color:{color:Scrollbar1};
  101. }
  102.  
  103.  
  104. body {
  105.     font-family: {select:body font};
  106.     font-size: {select:body font size};
  107.     line-height:140%;
  108.     color: {color:Text};
  109.     background-color:{color:background};
  110.  
  111. }
  112.  
  113. blockquote {
  114.   text-align:justify;
  115.   margin-top: 5px;
  116.   margin-bottom: 5px;
  117.   margin-left: 5px;
  118.   padding-left: 10px;
  119.   border-left: 3px solid {color:blockquote};
  120.   margin-right:5px;
  121. }
  122.  
  123. ul {
  124.     list-style-type: circle;
  125.     padding-left:24px;
  126.     line-height:13px;
  127. }
  128.  
  129. li {
  130.    padding-left: 0px;
  131.    margin-bottom: 0px;
  132.    list-style: none;
  133. }
  134.  
  135. li:before {
  136.   color: {color:title};
  137.   content: "\f054";
  138.   font-family: FontAwesome;
  139.   font-size:6px;
  140.   display: inline-block;
  141.   margin-left: -1.5em;
  142.   width: 1.5em;
  143. }
  144.  
  145.  
  146.  
  147. a {
  148.     text-decoration: none;
  149.     color: {color:Link};
  150. }
  151.  
  152. pre {
  153.     font-size:8px;
  154.     font-weight:bold;
  155.     padding:8px;
  156.     letter-spacing:1px;
  157.     text-transform:uppercase;
  158.     text-align:center;
  159.     word-wrap:break-word;
  160.     background-color:{color:pre BG};
  161.     border-bottom:2px solid {color:pre border};
  162.     color:{color:pre text};
  163.    
  164. }
  165.  
  166. pre a {
  167.     color:{color:pre text};
  168. }
  169.  
  170. pre b,strong {
  171.     color:{color:pre text};
  172. }
  173.  
  174. pre i,em {
  175.     color:{color:pre text};
  176. }
  177.  
  178.  
  179. small, sub {
  180.     font-size:{select:body font size};
  181. }
  182.  
  183. b, strong {
  184.     color:{color:Title};
  185. }
  186.  
  187. i,em {
  188.     color:{color:italic};
  189. }
  190.  
  191. hr {
  192.     background-image:url('{image:pattern}');
  193.     background-attachment:absolute;
  194.     background-color:{color:pattern alt};
  195.     border:1px solid #000000;
  196.     display:block;
  197.     padding:2px;
  198. }
  199.  
  200. h1,h2 {
  201.     font-size:18px;
  202.     color:{color:title};
  203.     text-align:center;
  204.     text-transform:uppercase;
  205.     font-family: 'Abril Fatface', cursive;
  206. }
  207.  
  208. #bord {
  209.     background-image:url('{image:pattern}');
  210.     background-attachment:absolute;
  211.     background-color:{color:pattern alt};
  212.     border:1px solid #000000;
  213.     display:block;
  214.     margin-top:5px;
  215.     margin-bottom:5px;
  216.     padding:2px;
  217. }
  218.  
  219. #titlebar {
  220.     position:fixed;
  221.     margin-left:-1px;
  222.     margin-top:428px;
  223.     border:1px solid {color:border};
  224.     width:418px;
  225.     height:50px;
  226.     padding:5px;
  227.     background-color:{color:sidebar};
  228. }
  229.  
  230. #maintitle {
  231.     margin-top:12px;
  232.     text-align:center;
  233.     font-size:18px;
  234.     letter-spacing:0px;
  235.     text-transform:uppercase;
  236.     color:{color:title};
  237.     font-family: 'Abril Fatface', cursive;
  238. }
  239.  
  240. #subtitle {
  241.     text-transform:lowercase;
  242.     letter-spacing:1px;
  243.     text-align:center;
  244. }
  245.  
  246. #sideph {
  247.     position:fixed;
  248.     margin-left:3px;
  249.     margin-top:3px;
  250.     border:1px solid {color:border};
  251.     width:200px;
  252.     height:420px;
  253.     z-index:99999999999999999999999999;
  254. }
  255.  
  256. #sideph img {
  257.     width:200px;
  258.     height:420px;
  259. }
  260.  
  261. #backbar {
  262.     position:fixed;
  263.     margin-left:105px;
  264.     margin-top:65px;
  265.     width:428px;
  266.     height:493px;
  267.     background-image:url('{image:Pattern}');
  268.     background-color:{color:pattern alt};
  269.     background-attachment:fixed;
  270.     border:1px solid {color:border};
  271. }
  272.  
  273. #sidebar {
  274.     position:fixed;
  275.     margin-top:3px;
  276.     margin-left:208px;
  277.     border:1px solid {color:border};
  278.     width:195px;
  279.     height:187px;
  280.     background-color:{color:Sidebar};
  281.     padding:10px;
  282.     text-align:justify;
  283.     z-index:999999999999999;}
  284.  
  285.  
  286. #pagination {
  287.     margin-top:8px;
  288.     font-size:8px;
  289.     font-family:kanit;
  290.     letter-spacing:0px;
  291.     line-height:12px;
  292.     text-align:center;
  293.     text-transform:uppercase;
  294.     color:{color:text};
  295. }
  296.  
  297. #pagination a {
  298.     color:{color:link};
  299. }
  300.  
  301. #navbar {
  302.     margin-left:208px;
  303.     width:209px;
  304.     margin-top:215px;
  305.     height:202px;
  306.     position:fixed;
  307.     padding:3px;
  308.     border:1px solid {color:border};
  309.     background-color:{color:sidebar};
  310. }
  311.  
  312. #navigation {
  313.     text-align:center;
  314. }
  315.  
  316. #navigation a {
  317.     display:inline-block;
  318.     text-align:center;
  319.     text-transform:uppercase;
  320.     font-family:kanit;
  321.     font-size:8px;
  322.     width:197px;
  323.     margin-bottom:2px;
  324.     letter-spacing:2px;
  325.     height:30px;
  326.     line-height:30px;
  327.     padding-right:10px;
  328.     background-color:{color:navigation};
  329.     border:1px solid {color:border};
  330.     color:{color:navigation links};
  331.     -webkit-transition: all 0.5s ease-in-out;
  332.     -moz-transition: all 0.5s ease-in-out;
  333.     -o-transition: all 0.5s ease-in-out;
  334. }
  335.  
  336. #navigation a:hover {
  337.     color:{color:navigation hover};
  338.     -webkit-transition: all 0.5s ease-in-out;
  339.     -moz-transition: all 0.5s ease-in-out;
  340.     -o-transition: all 0.5s ease-in-out;
  341. }
  342.  
  343. #navigation a um {
  344.     background-image:url('{image:pattern}');
  345.     background-attachment:absolute;
  346.     background-color:{color:pattern alt};
  347.     float:left;
  348.     width:35px;
  349.     margin-right:10px;
  350.     display:inline-block;
  351.     border-right:1px solid {color:border};
  352.     font-weight:bold;
  353.     font-size:16px;
  354.     font-family: 'Abril Fatface', cursive;
  355.     color:{color:navigation numbers};
  356.     text-align:center;
  357. }
  358.  
  359. #entries {
  360.     position:absolute;
  361.     {block:If500posts}
  362.     width:528px;
  363.     {/block:If500posts}
  364.     {block:If400posts}
  365.     width:428px;
  366.     {/block:If400posts}
  367.     {block:If250posts}
  368.     width:278px;
  369.     {/block:If250posts}
  370.     margin-left:640px;
  371.     margin-top:40px;
  372. }
  373.  
  374. #entrybg {
  375.     padding:3px;
  376.     margin-bottom:20px;
  377.     background-color:{color:pattern alt};
  378.     border:1px solid {color:Border};  
  379.     background-image:url('{image:Pattern}');
  380.     background-attachment:absolute;
  381. }
  382.  
  383. #entry {
  384.     background-color:{color:Entries};
  385.     margin-bottom:0px;
  386.     padding:10px;
  387.     border:1px solid {color:Border};
  388. }
  389.    
  390.  
  391. #posttitles {
  392.     text-align: center;
  393.     font-size: 20px;
  394.     text-transform:uppercase;
  395.     padding:5px;
  396.     color: {color:title};
  397.     font-family: 'Abril Fatface', cursive;
  398. }
  399.  
  400.  
  401. #posttitles a {
  402.     color:{color:title};
  403. }
  404.  
  405.     #ask {
  406.     z-index:10;
  407.     font-size:16px;
  408.     text-align:center;
  409.     text-transform:lowercase;    
  410.     color:{color:question text};
  411.     background-color:{color:question bg};
  412.     margin-right:0px;
  413.     padding:10px;
  414.     padding-left:10px;
  415.     border-bottom:1px solid {color:border};
  416.     }
  417.    
  418.     #ask a {
  419.         color:{color:question text};
  420.     }
  421.  
  422.  
  423.     #question {
  424.     background-color:{color:Question bg};
  425.     color:{color:Question text};
  426.     font-size:10px;
  427.     z-index:10;
  428.     text-align:center;
  429.     padding:10px;
  430. }
  431.  
  432. #audioplayer {
  433.     width:30px;
  434.     height:30px;
  435.     background-color:{color:ffffff};
  436.     overflow:hidden;
  437.     -moz-border-radius: 30px;
  438.     -webkit-border-radius: 30px;
  439.     border-radius: 30px;
  440.     position:absolute;
  441.     margin-top:25px;
  442.     margin-left:25px;
  443.     opacity: 0.7;
  444.    filter:alpha(opacity=70);
  445.    -moz-opacity: 0.7;
  446.    -khtml-opacity: 0.7;
  447. }
  448.  
  449. #albumart {
  450.     float:left;
  451.     margin:0px 0px;    
  452.     -moz-border-radius: 80px;
  453.     -webkit-border-radius: 80px;
  454.     border-radius: 80px;}
  455.    
  456. #albumart img {
  457.     -moz-border-radius: 80px;
  458.     -webkit-border-radius: 80px;
  459.     border-radius: 80px;
  460. }
  461.  
  462. tehe {
  463.     font-size:10px;
  464.     text-transform:uppercase;
  465.     padding-left:50px;
  466.     padding-right:50px;
  467.     padding-bottom:15px;
  468.     display:block;
  469.     margin-top:10px;
  470.     margin-left:80px;
  471.     text-align:center;
  472. }
  473.  
  474. #tagsthing {
  475.     text-align: left;
  476.     border-top: 1px solid {color:Border};
  477.     border-bottom:1px solid {color:Border};
  478.     background-color:{color:entries};
  479.     position: relative;
  480.     font-size:9px;
  481.     letter-spacing:0px;
  482.     text-transform:lowercase;
  483.     margin-top: 3px;
  484.     margin-left:-3px;
  485.     margin-right:-3px;
  486.     padding-right:10px;
  487.     padding-bottom:5px;
  488.     padding-top: 5px;
  489.     padding-left:10px;
  490. }
  491.  
  492. #permalink {
  493.     text-align: left;
  494.     border-top: 1px solid {color:Border};
  495.     border-bottom:1px solid {color:Border};
  496.     background-color:{color:entries};
  497.     position: relative;
  498.     font-size:9px;
  499.     letter-spacing:0px;
  500.     text-transform:lowercase;
  501.     margin-top: 0px;
  502.     margin-left:-3px;
  503.     margin-right:-3px;
  504.     margin-bottom:3px;
  505.     padding-right:10px;
  506.     padding-bottom:5px;
  507.     padding-top: 5px;
  508.     padding-left:10px;
  509. }
  510.  
  511. #credit {
  512.     font-size:8px;
  513.     letter-spacing:2px;
  514.     font-weight:bold;
  515.     float:center;
  516.     position:fixed;
  517.     text-align:center;
  518.     bottom:15px;
  519.     right:15px;
  520.     padding-left:15px;
  521.     padding-right:15px;
  522.     padding-top:5px;
  523.     padding-bottom:5px;
  524.     text-transform:uppercase;
  525.     color:{color:text};
  526. }
  527.  
  528. #credit a {
  529.     color:{color:text};
  530. }
  531.  
  532. cred {
  533.   padding-left: 2.7em;
  534.   list-style: none;
  535. }
  536.  
  537. cred:before {
  538.   color: {color:text};
  539.   content: "\f121";
  540.   font-family: FontAwesome;
  541.   font-size:9px;
  542.   display: inline-block;
  543.   margin-left: -2.7em;
  544.   width: 2.7em;
  545. }
  546.  
  547. </style>
  548.  
  549. </head>
  550.  
  551. <body>
  552.  
  553.  
  554. <div id="backbar">
  555. <div id="titlebar">
  556. <div id="maintitle">{text:title}</div>
  557. <div id="subtitle">{text:subtitle}</div>
  558. </div>
  559.  
  560. <div id="sideph"><img src="{image:sidebar}"></div>
  561.  
  562. <div id="navbar">
  563. <div id="navigation">
  564. <a href="/">{block:ifNavigationNumbers}<um>01</um>{/block:ifNavigationNumbers}{text:home link text}</a><br>
  565. <a href="/ask">{block:ifNavigationNumbers}<um>02</um>{/block:ifNavigationNumbers}{text:ask link text}</a><br>
  566. <a href="{text:link one URL}">{block:ifNavigationNumbers}<um>03</um>{/block:ifNavigationNumbers}{text:link one text}</a><br>
  567. <a href="{text:link two URL}">{block:ifNavigationNumbers}<um>04</um>{/block:ifNavigationNumbers}{text:link two text}</a><br>
  568. <a href="{text:link three URL}">{block:ifNavigationNumbers}<um>05</um>{/block:ifNavigationNumbers}{text:link three text}</a><br>
  569. <a href="{text:link four URL}">{block:ifNavigationNumbers}<um>06</um>{/block:ifNavigationNumbers}{text:link four text}</a>
  570. </div> </div>
  571.  
  572. <div id="sidebar">
  573.  <div style="overflow:auto; width: 193px; padding-right:5px; height: 170px; text-align: justify;">
  574. {description}
  575.  </div>
  576.  
  577. <div id="pagination">
  578. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {CurrentPage} out of {TotalPages} {block:NextPage}&nbsp;<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  579. </div></div>
  580. </div>
  581.  
  582. <div id="entries">
  583. {block:Posts}
  584. <div id="entrybg">
  585.  
  586. <div id="permalink">
  587. {block:Date}{TimeAgo}{/block:Date} with <a href="{Permalink}">
  588. {NoteCountWithLabel}</a> from {block:RebloggedFrom} <a href="{ReblogParentURL}"title="{ReblogParentTitle}">THIS BLOG</a> <span style="float:right"><a href="{ReblogRootURL}"title="{ReblogRoottitle}">ORIGIN</a>{/block:RebloggedFrom} & <a href="{ReblogURL}" target="_blank">Reblog</a></span>
  589.  
  590. </div>
  591.  
  592.  
  593. <div id="entry">
  594.  
  595.  
  596. {block:Text}
  597. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  598. {Body}
  599. {/block:Text}
  600.  
  601. {block:Photo}
  602. {LinkOpenTag}{block:If250posts}<img src="{PhotoURL-250}">{/block:If250posts}{block:If400posts}<img src="{PhotoURL-400}">{/block:If400posts}{block:If500posts}<img src="{PhotoURL-500}">{/block:If500posts} {LinkCloseTag}
  603. {block:Caption}{Caption}{/block:Caption}
  604. {/block:Photo}
  605.  
  606. {block:Photoset}
  607. {block:If250posts}
  608. {Photoset-250}
  609. {/block:If250posts}
  610. {block:If400posts}
  611. {Photoset-400}
  612. {/block:If400posts}
  613. {block:If500posts}
  614. {Photoset-500}
  615. {/block:If500posts}
  616. {block:Caption}{Caption}{/block:Caption}
  617. {/block:Photoset}
  618.  
  619. {block:Quote}
  620. <div id="posttitles">{Quote}</div>
  621. {block:Source}<br>—{Source}{/block:Source}
  622. {/block:Quote}
  623.  
  624. {block:Link}
  625. <div id="posttitles"><a href="{URL}" {Target}>{Name}</a></div>
  626. {block:Description}{Description}{/block:Description}
  627. {/block:Link}
  628.  
  629. {block:Chat}
  630. {block:Title}<div id="posttitles">{Title}</div>{/block:Title}
  631. {block:Lines}
  632. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  633. {/block:Lines}
  634. {/block:Chat}
  635.  
  636. {block:Audio}
  637. <div id="audioplayer">{AudioPlayerWhite} </div>      
  638. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="80">{/block:AlbumArt}</div>
  639. <tehe>
  640. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}
  641. <br>
  642. <B>SONG:</B> {block:TrackName}{TrackName}{/block:TrackName}
  643. <br>
  644. <b>CURRENTLY:</b> {PlayCountWithLabel}
  645. <hr>
  646. </tehe>
  647. {block:caption}{caption}{/block:caption}
  648. {/block:Audio}
  649.  
  650. {block:Video}
  651. {block:If250posts}
  652. {Video-250}
  653. {/block:If250posts}
  654. {block:If400posts}
  655. {Video-400}
  656. {/block:If400posts}
  657. {block:If500posts}
  658. {Video-500}
  659. {/block:If500posts}
  660. {block:Caption}{Caption}{/block:Caption}
  661. {/block:Video}
  662.  
  663. {block:Answer}
  664. <div id="ask">{Asker} sent:</div><div id="question">{Question}</div>
  665. <br>{Answer}
  666. {/block:Answer}
  667.  
  668.  
  669.  
  670.  
  671. </div> <!-- /div entry --->
  672.  
  673. <div id="tagsthing">
  674. {block:HasTags} {block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  675. </div></div>
  676.  
  677.  
  678. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  679.  
  680.  
  681. </body>
  682.  
  683.  
  684. <div id="credit"> <a href="http://grpcthemes.tumblr.com/" title="theme 04"><cred></cred>grpcthemes</a></div>
  685.  
  686.  
  687.  
  688.  
  689.  
  690.  
  691.  
  692. </html>
RAW Paste Data
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
 
Top