API tools faq
paste
Advertisement
siming

chemical x theme

siming
Dec 13th, 2015
3,814
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.87 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME BY OKITASOUGO.TUMBLR.COM
  3. feel free to edit the code however you would like
  4. but please do not steal or remove credit
  5. -->
  6.  
  7. <html>
  8. <head>
  9. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  10. <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300' rel='stylesheet' type='text/css'>
  11.  
  12. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><script src="http://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script><style src="http://static.tumblr.com/rtrqcib/OpYnlh8s6/style-my-tooltips.css"></style><script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips({ tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:300,attribute:"title"});});})(jQuery);</script><script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}"/>
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16. <title>{Title}</title>
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.     <meta name="color:background" content="#ffffff">
  20.     <meta name="color:text" content="#c0bdb8" />
  21.     <meta name="color:link hover" content="#fdfdfd" />
  22.     <meta name="color:link" content="#c0bdb8" />
  23.     <meta name="color:bold" content="#777777" />
  24.     <meta name="color:italic" content="#bbbbbb"/>
  25.     <meta name="color:border" content="#aaa"/>
  26.     <meta name="color:sidebar bg" content="#fff" />
  27.     <meta name="color:sidebar border" content="#f6f6f6" />
  28.     <meta name="image:sidebar" content=""/>
  29.     <meta name="color:searchbar bg" content="#fff" />
  30.     <meta name="color:scrollbar" content=""/>
  31.     <meta name="select:font" content="roboto" title="roboto">
  32.     <meta name="select:font" content="arial" title="arial">
  33.     <meta name="select:font" content="cambria" title="cambria">
  34.     <meta name="select:font size" content="8px" title="8px">
  35.     <meta name="select:font size" content="9px" title="9px">
  36.     <meta name="select:font size" content="10px" title="10px">
  37.     <meta name="select:font size" content="11px" title="11px">
  38.     <meta name="select:font size" content="12px" title="12px">
  39.     <meta name="select:font size" content="13px" title="13px">
  40.     <meta name="select:font size" content="14px" title="14px">
  41.     <meta name="select:font size" content="16px" title="16px">
  42.     <meta name="select:sidebar links" content="uppercase" title="uppercase">
  43.     <meta name="select:sidebar links" content="lowercase" title="lowercase">
  44.     <meta name="select:tag size" content="8px" title="8px">
  45.     <meta name="select:tag size" content="9px" title="9px">
  46.     <meta name="select:tag size" content="10px" title="10px">
  47.     <meta name="select:tag size" content="11px" title="11px">
  48.     <meta name="select:tag size" content="12px" title="12px">
  49.     <meta name="select:tag size" content="13px" title="13px">
  50.     <meta name="select:tag size" content="14px" title="14px">
  51.     <meta name="select:tag size" content="16px" title="16px">
  52.    
  53.     <meta name="text:link1" content="url" />
  54.     <meta name="text:link1 title" content="link" />
  55.     <meta name="text:link2" content="url" />
  56.     <meta name="text:link2 title" content="link" />
  57.     <meta name="text:link3" content="url" />
  58.     <meta name="text:link3 title" content="link" />
  59.  
  60.    
  61.  </head>
  62.  
  63. <style type="text/css">
  64.  
  65. ::-webkit-scrollbar {
  66. width: 5px;
  67. }
  68. ::-webkit-scrollbar-thumb{
  69. background: {color:scrollbar};
  70. }
  71. ::-webkit-scrollbar-track{
  72. background: transparent;
  73. }
  74.  
  75. body {
  76.     color: {color:text};
  77.     background-color:{color:background};
  78.     font-family: {select:font};
  79.     font-size: {select:font size};
  80.     line-height: 160%;
  81.     text-align: justify
  82. }
  83.  
  84. a:link, a:active, a:visited{
  85.     color: {color:link};
  86.     text-decoration:none
  87. }
  88.  
  89. a:hover {
  90. color:{color:link hover};
  91. -webkit-transition: all 0.2s linear;
  92. -moz-transition: all 0.2s linear;
  93. transition: all 0.2s linear;
  94. }
  95.  
  96. #s-m-t-tooltip {
  97.     background: rgba(255,255,255,.9);
  98.     max-width: 200px;
  99.     margin: 15px 20px;
  100.     padding: 3px 6px 2px 6px;
  101.     font-size: 6px;
  102.     font-family: roboto condensed, sans-serif; ;
  103.     color: #666;
  104.     font-weight: 400;
  105.     text-transform: uppercase;
  106.     border: 1px solid #f6f6f6;
  107.     letter-spacing: 1px;
  108.     line-height: 13pt;
  109.     z-index: 99999;
  110. }
  111.  
  112.  
  113.  
  114. small {font-size:auto;}
  115. big {font-size:auto;}
  116. b, strong{color:{color:bold}}
  117. h1 {font-size: 12px;}
  118.  
  119. p{
  120.     margin-top:6px;
  121.     margin-bottom:6px;
  122. }
  123.  
  124. blockquote {
  125.     padding:0px;
  126.     padding-left:10px;
  127.     margin: 8px;
  128.     border-left: 1px solid #f3f3f3;
  129. }
  130.  
  131. img a {
  132.     border:none; width:100%;
  133. }
  134.  
  135. #container {
  136.     background-color: transparent;
  137.     width: 400px;
  138.     margin: 0 auto -10px auto;
  139. }
  140.  
  141.  
  142. #entries {
  143.     margin-left: 450px;
  144.     text-align: justify;
  145. }
  146.  
  147. /* posts */
  148.  
  149. #posts {
  150.     margin: 40px 0 0px 0;
  151.     width: 400px;
  152.     text-align: justify;
  153.     padding: 25px 25px 15px 25px;
  154.     border: 1px solid {color:Border};
  155.     background-color:#fff;
  156. }
  157.  
  158. #posts img {
  159.     max-width:100%;
  160. }
  161.  
  162. /* sidebar stuff */
  163.  
  164. #sbcontainer {
  165.     position: fixed;
  166.     top: 160px;
  167.     left: 180px;
  168.     overflow: hidden;
  169. }
  170.  
  171. .sidebar{
  172.     width: 110px;
  173.     background-color: {color:sidebar bg};
  174.     border: 1px solid {color:sidebar border};
  175.     padding: 15px;
  176. }
  177.  
  178. .sidebarimg {
  179.     width: 60px;
  180.     padding: 3px;
  181.     border-radius: 100%;
  182.     border: 1px solid #f6f6f6;
  183. }
  184.  
  185. .slink {
  186.     font-family: roboto condensed, sans-serif;
  187.     font-size: {select:font size};
  188.     font-weight: 300;
  189.     text-transform: {select:sidebar links};
  190.     color: {color:link};
  191.     letter-spacing: .5px;
  192.     word-spacing: .5em;
  193. }
  194.  
  195. .searchbar {
  196.     width: 120px;
  197.     background-color: {color:sidebar bg};
  198.     border: 1px solid {color:sidebar border};
  199.     padding: 10px;
  200. }
  201.  
  202. .sfm input {
  203.     width: 80px;
  204.     background-color: {color:searchbar bg};
  205.     font-size: 8px;
  206.     border: 0px;
  207.     text-transform: uppercase;
  208.     margin-top: 0px;
  209.     color: #999;
  210.     letter-spacing: 1px;
  211.     padding: 5px;
  212.     font-family: roboto condensed, sans-serif;
  213. }
  214.  
  215. #sb {
  216.     height: 10px;
  217.     width: 10px;
  218.     vertical-align: top;
  219.    
  220. }
  221.  
  222.  
  223.  
  224. /*audio posts*/
  225.  
  226.  
  227. #audio {
  228.     width: auto;
  229.     background: #fff;
  230.     padding: 5px;
  231.     margin: 0 0 5px 0;
  232. }
  233.  
  234. #player {
  235.     width: 20px; height: 40px;
  236.     overflow: hidden;
  237.     position: relative;
  238.     z-index: 1000;
  239.     top: 7px;
  240. }
  241.  
  242. .tracks {
  243.     max-width: 200px;
  244.     overflow: hidden!important;
  245.     font: 9px roboto condensed;
  246.     text-transform: uppercase;
  247.     font-weight: 400;
  248.     letter-spacing: .5px;
  249.     margin: -35px 0 15px 75px;
  250. }
  251.  
  252.  
  253. h2 {
  254. font-family: roboto, sans-serif;
  255. font-weight:400;
  256. line-height:17px;
  257. }
  258.  
  259. /* pagination */
  260.  
  261. #pagination {
  262.     font-family: roboto condensed, sans-serif;
  263.     text-align: center;
  264.     width: 400px;
  265.     font-size: 8px;
  266.     text-transform: uppercase;
  267.     font-weight: 400;
  268.     letter-spacing: .5px;
  269. }
  270.  
  271. footer a {
  272.     display: inline-block;
  273.     padding: 3px 6px 2px 6px;
  274.     background: #fff;
  275.     margin: 0 10px;
  276.     border: 1px solid {color:border};
  277. }
  278.  
  279. footer a:hover {
  280.     color:{color:link hover};
  281.    
  282. }
  283.  
  284. footer {
  285.     text-align:center;
  286.     font-size:9px;
  287.     margin:0 auto 200px auto;
  288.     width:400px;
  289. }
  290.  
  291. /* post info */
  292.  
  293.  
  294. #info{
  295.    
  296.     border-top: 1px solid #f6f6f6;
  297.     margin-top: 15px;
  298.     padding-bottom: 5px;
  299.     display: block;
  300.     width: 400px;
  301.     font-size: {select:tag size};
  302.     text-align: left;
  303.     font-family: roboto condensed;
  304.     text-transform: uppercase;
  305.     letter-spacing: 1px;
  306. }
  307.  
  308. #info a {
  309.     color: #a5a5a5;
  310. }
  311.  
  312. #info a:hover {
  313.     color: {color:link hover};
  314. }
  315.  
  316. #tags {
  317.     font-family: roboto condensed, sans-serif;
  318.     font-size: {select:tag size};
  319.     text-transform: uppercase;
  320.     letter-spacing: 1px;
  321.     text-align: left;
  322.     margin-top: -7px;
  323. }
  324.  
  325. #rb {
  326.     display: block;
  327.     float: right;
  328.     width: 15px;
  329.     opacity: 0.65;
  330.     margin-top: -25px;
  331.     margin-left: 345px;
  332. }
  333.    
  334. #rb:hover { opacity:1; }
  335.  
  336. #rb1 {
  337.     display: block;
  338.     float: right;
  339.     width: 15px;
  340.     opacity:0.65;
  341.     margin-top: -25px;
  342.    
  343. }
  344.    
  345. #rb1:hover { opacity:1; }
  346.  
  347.  
  348. .pnotes {
  349.     background: #fff;
  350.     width: 450px;
  351.     margin-left: 60px;
  352.     text-transform: lowercase;
  353.     height: 250px;
  354.     padding: 20px;
  355.     overflow-y: auto;
  356.     overflow-x: hidden;
  357.     border: 1px solid {color:border};
  358. }
  359.  
  360. .pnotes img {
  361.     display: none;
  362. }
  363.  
  364. /* chat */
  365.  
  366. .user_1 .label {color:{color:text}; font-weight:bold; font-family: roboto condensed, sans-serif; font-size: {select:font size}; text-transform: uppercase; letter-spacing: .5px;}
  367. .user_2 .label {color:{color:text}; font-weight:bold; font-family: roboto condensed, sans-serif; {select:font size}; text-transform: uppercase; letter-spacing: .5px;}
  368. .user_3 .label {color:{color:text}; font-weight:bold; font-family: roboto condensed, sans-serif; {select:font size}; text-transform: uppercase; letter-spacing: .5px;}
  369. .user_4 .label {color:{color:text}; font-weight:bold; font-family: roboto condensed, sans-serif; {select:font size}; text-transform: uppercase; letter-spacing: .5px;}
  370.  
  371.  
  372. ul.chat, .chat ol, .chat li {
  373.     list-style:none; margin:0px; padding: 4px;
  374.    
  375. }
  376.  
  377. .notes img{
  378.     width:10px; position:relative; top:1px
  379. }
  380. ol.notes, .notes li{
  381.     width:490px; list-style:none; margin:0px 0 -1px 5px; padding:0px
  382.    
  383. }
  384.  
  385.  
  386. </style>
  387.  
  388.  
  389. <body>
  390. <div class="all">
  391. <div id="sbcontainer">
  392. <div class="sidebar">
  393. <center>
  394. <a href="/"><img src="{image:sidebar}" class="sidebarimg"></a>
  395. <div style="width: 100px; border-bottom: 1px solid #f6f6f6; margin-top: 10px;"></div>
  396. <div class="slink">
  397. <a href="/">index</a> <a href="/ask">ask</a>  <a href="/archive">archive</a>  <a href="{text:link1}">{text:link1 title}</a>  <a href="{text:link2}">{text:link2 title}</a> <a href="{text:link3}">{text:link3 title}</a>
  398. </div>
  399. <div style="font-family: roboto condensed; font-size: 9px; letter-spacing: .5px;">
  400. <p>{Description}</div>
  401.  
  402. </div>
  403. <div class="searchbar" style="margin-top:5px;"><center>
  404. <form action="/search" method="get" class="sfm">
  405.     <input type="image" value="Search" src="http://static.tumblr.com/f1skqpy/Oxbn13qun/search_icon.png" id="sb"/>
  406.     <input type="text" name="q" value="{SearchQuery}" id="sf"/>
  407. </form></center>
  408. </div>
  409.  
  410. </div>
  411. </center>
  412.  
  413. <div id="entries">
  414. {block:posts}
  415.  
  416. <div id="posts">
  417. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  418.  
  419. {block:Quote}<h2>“{Quote}” — {Source}</h2><br>{/block:Quote}
  420.  
  421. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  422. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  423.  
  424. {block:Photo}<center><img src="{PhotoURL-400}"/></center>
  425. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  426.  
  427. {block:Photoset}<center>{Photoset-400}</center>
  428. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  429.  
  430. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  431.  
  432. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  433.  
  434. {block:Answer}<div style="border-bottom: 1px solid #f3f3f3; padding-bottom: 5px;"><b>{Asker} asked:</b> {Question}</div>
  435. {Answer}{/block:Answer}
  436.  
  437.  
  438. {block:Audio}<div id="audio">{block:AlbumArt}<img width="40px" style="float: left; margin: 0 3px 0 0; border-radius: 100%;" src="{AlbumArtURL}">{/block:AlbumArt}<div id="player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div><div class="tracks">{block:TrackName}{TrackName}{/block:TrackName}</div><br>{block:Caption}<div style="margin-top: 1px">{Caption}</div>{/block:Caption}{/block:Audio}
  439.  
  440. <center>{block:date}<div id="info"><a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} / <a href="{ReblogParentURL}">via </a> - {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}"> source</a>{/block:ContentSource}<br>
  441. </div>
  442. <div id="tags">
  443. {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag} </a> {/block:Tags}{/block:HasTags}
  444. </div>
  445.  
  446.  
  447.  
  448. </div>
  449.  </center>
  450.  {/block:date}
  451.  {block:PostNotes}
  452. <div class="pnotes" style="margin: 10px 0 0 0">{PostNotes}</div>{/block:PostNotes}
  453.  
  454. {/block:Posts}
  455.  
  456. </div>
  457. <br><Br>
  458.  
  459. {block:Pagination}<footer>
  460. <div id="pagination">
  461. {block:PreviousPage}<a href="{PreviousPage}">« back</a>{block:nextpage}{/block:nextpage}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next »</a>{/block:NextPage}</div></footer>
  462. {/block:Pagination}
  463.  
  464. <br><br>
  465.  
  466. <div style="font-size:8px; letter-spacing:.5px; bottom:20px; right:20px; position: fixed; font-family:roboto condensed; text-transform: uppercase; background-color:#fff; border: 1px solid {color:border}; padding: 10px; font-weight: lighter;"><a href="http://okitasougo.tumblr.com">s</a></div>
  467.  
  468. </div>
  469. </div>
  470.  
  471. </body>
  472. </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!