API tools faq
paste
Advertisement
1wice

so fresh theme

1wice
May 24th, 2017
789
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.10 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. code by 1wice, do not delete credit!!
  4.  
  5. --
  6.  
  7. video resizing script by
  8. http://shythemes.tumblr.com/
  9.  
  10. -->
  11.  
  12. <!DOCTYPE html>
  13.  
  14. <head>
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{Description}" />{/block:Description}
  21.  
  22. <!--Default Variables-->
  23.  
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:text" content="#2b2b2b"/>
  26. <meta name="color:link" content="#2b2b2b"/>
  27. <meta name="color:link hover" content="#949494"/>
  28. <meta name="color:blockquote" content="#dadada"/>
  29. <meta name="color:Sidebar BG" content="#2b2b5b"/>
  30. <meta name="color:Search Border" content="#2b2b5b"/>
  31. <meta name="color:Top Border" content="#2b2b5b"/>
  32. <meta name="color:Caption border" content="#fff"/>
  33. <meta name="color:post background " content="#fff"/>
  34.  
  35.  
  36.  
  37. <meta name="image:sidebar" content=""/>
  38.  
  39.  
  40. <meta name="text:updates" content="" />
  41. <meta name="text:link 1 URL" content="" />
  42. <meta name="text:link 1" content="" />
  43. <meta name="text:link 2 URL" content="" />
  44. <meta name="text:link 2" content="" />
  45. <meta name="text:link 3 URL" content="" />
  46. <meta name="text:link 3" content="" />
  47. <meta name="text:link 4 URL" content="" />
  48. <meta name="text:link 4" content="" />
  49. <meta name="text:link 5 URL" content="" />
  50. <meta name="text:link 5" content="" />
  51.  
  52.  
  53.  
  54. <!--CSS customization -->
  55.  
  56. <link href='https://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
  57.  
  58. <style type="text/css">
  59.  
  60. #s-m-t-tooltip{
  61. position:absolute;
  62. margin-top: 20px;
  63. z-index:9999;
  64. background:{color:background};
  65. }
  66.  
  67. /*basics*/
  68.  
  69. blockquote {
  70. padding-left:12px;
  71. border-left:3px solid {color:blockquote};
  72. margin-left:8px;
  73. }
  74.  
  75. ul {
  76. list-style:none;
  77. text-align:center;
  78. padding-left:0;
  79. }
  80.  
  81. li {
  82. position:relative;
  83. padding-left:30px;
  84. }
  85.  
  86. ul li:before {
  87. position:absolute;
  88. left:15px;
  89. vertical-align:baseline!important;
  90. content:'›';
  91. }
  92.  
  93. body {
  94. background:{color:background};
  95. color:{color:text};
  96. font-family:arial;
  97. font-size:11px;
  98. margin:0;
  99. text-align:justify;
  100. line-height:16px;
  101. }
  102.  
  103. a {
  104. color:{color:link};
  105. -moz-transition-duration:0.4s;
  106. -webkit-transition-duration:0.4s;
  107. -o-transition-duration:0.4s;
  108. text-decoration:none;
  109. }
  110.  
  111. a:hover {
  112. color:{color:link hover};
  113. -moz-transition-duration:0.4s;
  114. -webkit-transition-duration:0.4s;
  115. -o-transition-duration:0.4s;
  116. }
  117.  
  118.  
  119.  
  120. small {
  121. font-size:11px;
  122. }
  123.  
  124. big {
  125. font-size:14px;
  126. }
  127.  
  128.  
  129.  
  130.  
  131.  
  132. /*sidebar*/
  133.  
  134.  
  135.  
  136.  
  137. .main {
  138. border: 5px solid {color:top border};
  139. margin-left: 0px;
  140. margin-top: 10px;
  141. margin-bottom: 20px;
  142.  
  143.  
  144. }
  145.  
  146. .sidebar {
  147. width: 200px;
  148. height:100px;
  149. float: left;
  150. border: 3px solid #ffffff;
  151. height:30%;
  152. position: fixed;
  153. display:table;
  154. top:130px;
  155. left:100px;
  156. text-align:center;
  157. background:{color:Sidebar BG};
  158. border-right:3px solid ;
  159. border-left:3px solid ;
  160. border-bottom:3px solid ;
  161. border-top:3px solid;
  162. border-color:{color:top border};
  163. padding: 5px;
  164. z-index:99;
  165. border-radius:4px;
  166. }
  167.  
  168. .sidebarimage {
  169. width: 100px;
  170. margin-top: 0px;
  171. border: 1px dashed;
  172. border-radius:100px;
  173. }
  174.  
  175. }
  176. .clear {
  177. clear: both;
  178.  
  179.  
  180. }
  181.  
  182.  
  183.  
  184. /* search box */
  185.  
  186. #search {
  187. width:200px;
  188. position:bottom;
  189. {select:Search Bar}:22px;
  190. margin:auto;
  191. position:auto;
  192. margin-top:10px;
  193. left:auto;
  194. right:17px;
  195. padding:2px 0 2px 6px;
  196. text-align:center;
  197. border:2px solid {color:Search Border};
  198. border-radius:6px;
  199. background:{color:background};
  200. }
  201.  
  202. #sfm input {
  203. width:90%;
  204. border:none;
  205. outline:none;
  206. font-family:arial;
  207. font-size:10px;
  208. background:{color:background};
  209. }
  210.  
  211. ::-webkit-input-placeholder {color:{color:Search Box Placeholder};}
  212. :-moz-placeholder {color:{color:Search Box Placeholder}; opacity:1;}
  213. ::-moz-placeholder {color:{color:Search Box Placeholder}; opacity:1;}
  214. :-ms-input-placeholder {color:{color:Search Box Placeholder};}
  215.  
  216.  
  217. #links {
  218. font-size:9px;
  219. margin-top:3px;
  220. margin: left;
  221. text-transform:uppercase;
  222. font-weight:bold;
  223. }
  224.  
  225. }
  226.  
  227.  
  228.  
  229.  
  230.  
  231.  
  232.  
  233.  
  234. </div>
  235.  
  236.  
  237. </div>
  238.  
  239.  
  240. <div>
  241.  
  242.  
  243. /*pagination*/
  244.  
  245. #pagination {
  246. text-transform:lowercase;
  247. text-align:center;
  248. font-size:13px;
  249. margin-bottom:120px;
  250. background: {color:sidebar background};
  251. }
  252.  
  253. #pagination a {
  254. padding:0 3px;
  255. background:{color:sidebar background};
  256. }
  257.  
  258.  
  259.  
  260. /*container*/
  261.  
  262. #con {
  263.  
  264. left:500px;
  265. margin-right:0px;
  266. position:absolute;
  267.  
  268. margin:15px;
  269. position: absolute;
  270. border:2px solid {color:Search Border};
  271. border-radius:3px;
  272.  
  273. }
  274.  
  275.  
  276.  
  277. /*posts*/
  278.  
  279. #entries {
  280. background:{color:post background };
  281.  
  282.  
  283. }
  284.  
  285. #posts {
  286. margin-top: 0px;
  287. padding:5px;
  288. margin-left: 5px;
  289. width: 305px;
  290. }
  291. #posts_container {
  292. margin-left:360px;
  293. margin-top:0px;
  294.  
  295. {block:Permalink}margin-top:60px;{/block:Permalink}
  296. {block:IndexPage}width:calc({text:Post Size}px - 4px + {text:Left Margin}px + 20px);{/block:IndexPage}
  297. {block:Permalink}width:calc({text:Permalink Post Size}px - 4px + 20px);{/block:Permalink}
  298. border:3px solid {color:Search Border};
  299. padding:0px;
  300.  
  301.  
  302.  
  303. }
  304.  
  305. #photos {
  306. padding: 0px;
  307. }
  308.  
  309. .photos {
  310. width: 10px;
  311. }
  312.  
  313. img {
  314. opacity:.7;
  315. border:1px;
  316. text-decoration:none;
  317. margin:5px;
  318.  
  319. }
  320.  
  321.  
  322. img {
  323. width: 300px;
  324. margin-left: 0px;
  325. border-radius:3px;
  326. }
  327.  
  328.  
  329.  
  330. .caption {
  331. width:100%;
  332. margin-top:8px;
  333. margin-bottom:6px;
  334. border-top:1px dashed {color:Caption Border};
  335.  
  336. padding:1px;
  337.  
  338.  
  339.  
  340. }
  341.  
  342. a.tumblr_blog {
  343. font-weight:bold;
  344. -moz-transition-duration:0.4s;
  345. -webkit-transition-duration:0.4s;
  346. -o-transition-duration:0.4s;
  347. }
  348.  
  349. /*quote*/
  350.  
  351. #titlequote {
  352. text-align:left;
  353. font-size:12px;
  354. line-height:17px;
  355. font-weight:bold;
  356. }
  357.  
  358. #source {
  359. margin-top:0px;
  360. margin-bottom:11px;
  361. margin-left:20px;
  362. }
  363.  
  364. /*asks*/
  365.  
  366. .q {
  367. line-height:17px;
  368. font-size:11px;
  369. }
  370.  
  371. .as {
  372. font-weight:normal;
  373. }
  374.  
  375. .a {
  376. margin-top:13px;
  377. }
  378.  
  379. /*chat*/
  380.  
  381. .chat ol {
  382. padding:0;
  383. list-style:none;
  384. }
  385.  
  386. .line {
  387. padding:0px 0;
  388. }
  389.  
  390. .label {
  391. font-weight:bold;
  392. }
  393.  
  394. /*permalink and notes*/
  395.  
  396. #permalink {
  397. font-size:11px;
  398. text-align:left;
  399. margin-top:2px;
  400. margin-bottom:10px;
  401. text-transform:lowercase;
  402. border-bottom:3px solid {color:caption Border};
  403. padding:1px;
  404. border-radius:3.5px;
  405. }
  406.  
  407. #permalink a {
  408. margin-right:20px;
  409.  
  410. }
  411.  
  412. .tags {
  413. font-size:10px;
  414. text-transform:bold;
  415. margin-bottom: 13px
  416. border:2px solid #000;
  417. }
  418.  
  419. .pagenotes {
  420. {block:IndexPage}
  421. display: none!important;
  422. {/block:IndexPage}
  423. width:300px;
  424. text-align:left;
  425. }
  426.  
  427. .pagenotes img {
  428. display:none!important;
  429. }
  430.  
  431. .pagenotes li {
  432. list-style-type:none;
  433. padding:0px 0px;
  434. text-align:left;
  435. margin:0 0 0 -30px;
  436. }
  437.  
  438. a {border: 0px; -webkit-transition: opacity 0.5s linear; opacity: 0.7;}
  439. a:hover{-webkit-transition: opacity 0.3s linear; opacity: 1;}
  440.  
  441.  
  442.  
  443. {CustomCSS}
  444.  
  445.  
  446.  
  447. /*made by sppice, tutorial at h
  448. tml-tutorials.tumblr.com*/
  449.  
  450. #oneout {
  451. -moz-box-shadow: 0px 0px 0px 0px ;
  452. -webkit-box-shadow: 0px 0px 0px 0px ;
  453. box-shadow: 0px 0px 0px 0px ;
  454. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  455. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  456. z-index:1000;
  457. position: fixed;
  458. top: 76px;
  459. right: 1px;
  460. width: 18px;
  461. padding: 40px 0;
  462. text-align: center;
  463. -webkit-transition-duration: 0.3s;
  464. -moz-transition-duration: 0.3s;
  465. -o-transition-duration: 0.3s;
  466. transition-duration: 0.3s;
  467. -webkit-border-radius: 0 5px 5px 0;
  468. -moz-border-radius: 0 5px 5px 0;
  469. border-radius: 0 5px 5px 0;}
  470.  
  471. #oneout_inner {
  472. -moz-box-shadow: 0px 0px 1px 0px ;
  473. -webkit-box-shadow: 0px 0px 1px 0px ;
  474. box-shadow: 0px 0px 1px 0px ;
  475. -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='')";
  476. filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='');
  477. top: 40px;
  478. right: -250px;
  479. position: fixed;
  480. width: 230px;
  481. padding: 10px;
  482. background: #FFFFFF;
  483. height: auto;
  484. -webkit-transition-duration: 0.3s;
  485. -moz-transition-duration: 0.3s;
  486. -o-transition-duration: 0.3s;
  487. transition-duration: 0.3s;
  488. text-align: left;
  489. -webkit-border-radius: 0 0 5px 0;
  490. -moz-border-radius: 0 0 5px 0;
  491. border-radius: 0 0 5px 0;}
  492.  
  493. #oneout:hover {
  494. z-index:1000;
  495. right: 250px;}
  496.  
  497. #oneout:hover #oneout_inner {
  498. z-index:1000;
  499. right: 0px;}
  500.  
  501. .onetitle {
  502. display: block;
  503. writing-mode: lr-tb;
  504. -webkit-transform: rotate(-90deg);
  505. -moz-transform: rotate(-90deg);
  506. -ms-transform: rotate(-90deg);
  507. -o-transform: rotate(-90deg);
  508. transform: rotate(-90deg);
  509. position: absolute;
  510. right: -11px;
  511. top: 5px;
  512. font-family:arial;
  513. font-size: 13px;
  514. font-weight: normal;
  515. text-transform: italic;
  516. letter-spacing: -1px;}
  517.  
  518. </style>
  519.  
  520. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  521. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  522.  
  523. </head>
  524.  
  525. <body>
  526.  
  527.  
  528.  
  529. <div id="search"><script language="javascript">function send(){document.searchf.submit()}</script><form action="/search" method="get" id="sfm" name="searchf icon"><input type="text" placeholder="enter keyword..." name="q" value=""/></form></div>
  530.  
  531.  
  532.  
  533.  
  534. <body>
  535. <div class="container">
  536. <div class="main">
  537.  
  538. <!-- made by sppice, tutorial at html-tutorials.tumblr.com-->
  539.  
  540. <div id="oneout">
  541. <span class="onetitle">
  542.  
  543. Updates
  544.  
  545. </span>
  546. <div id="oneout_inner">
  547. <center>
  548.  
  549. {text:updates}
  550.  
  551. <br></center></div></div>
  552. </div>
  553.  
  554. </div>
  555. </div>
  556.  
  557.  
  558. </body>
  559.  
  560. <div id="con">
  561.  
  562. <div class="sidebar">
  563. <p>-{title}-</p>
  564.  
  565. <img src="{image:sidebar}" class="sidebarimage">
  566. <p>{description}</p>
  567. <p> <div id="links">
  568.  
  569. <a href="/">home</a>&nbsp;&nbsp;
  570. <a href="/ask">ask</a>&nbsp;&nbsp;
  571. <p>{block:iflink1}<a href="{text:link 1 URL}">{text:link 1}</a>{/block:iflink1}&nbsp;&nbsp;
  572. <p>{block:iflink2}<a href="{text:link 2 URL}" >{text:link 2}</a>{/block:iflink2}&nbsp;&nbsp;
  573. <p>{block:iflink3}<a href="{text:link 3 URL}" >{text:link 3}</a>{/block:iflink3}&nbsp;&nbsp;
  574. <p>{block:iflink4}<a href="{text:link 4 URL}" >{text:link 4}</a>{/block:iflink4}&nbsp;&nbsp;
  575. <p>{block:iflink5}<a href="{text:link 5 URL}" >{text:link 5}</a>{/block:iflink5}&nbsp;&nbsp;
  576.  
  577. </p>
  578.  
  579. </div>
  580.  
  581. </div>
  582.  
  583. <div id="entries">
  584.  
  585. {block:Posts}
  586.  
  587. <div id="posts">
  588.  
  589. {block:Quote}
  590. <div id="titlequote"><i class="fa fa-quote-left"></i>&nbsp; {Quote} &nbsp;<i class="fa fa-quote-right"></i></div>
  591. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  592. {/block:Quote}
  593.  
  594. {block:Text}
  595. {block:Title}
  596. <div id="title">{Title}</div>{/block:Title}
  597. {Body}
  598. {/block:Text}
  599.  
  600. {block:link}
  601. <div id="title"><a href="{URL}"><i class="fa fa-link"></i>&nbsp; {Name}</a></div>
  602. {block:Description}{Description}{/block:Description}
  603. {/block:link}
  604.  
  605. {block:Chat}
  606. {block:Title}
  607. <div id="title">{Title}</div>{/block:Title}
  608. {/block:Text}
  609. {block:lines}
  610. {block:label}
  611. <br><b>{label}</b>
  612. {/block:label}
  613. {line}
  614. {/block:lines}
  615. {/block:Chat}
  616.  
  617.  
  618. {block:Photo}
  619. {linkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{linkCloseTag}
  620.  
  621. {/block:Photo}
  622.  
  623. {block:Photoset}
  624. {Photoset-500}
  625. {/block:Photoset}
  626.  
  627. <div class="video">{Video-500}</div>
  628.  
  629. {block:Audio}
  630. {block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}
  631. {/block:Audio}
  632.  
  633. {block:Answer}
  634. <div class="q">
  635. <div class="as"> <b><big>{Asker} said:</big></b>
  636. {Question}</div></div>
  637. <div class="a">{Answer}</div>
  638. {/block:Answer}
  639.  
  640. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  641.  
  642. <!-- {block:ContentSource} {SourceURL} {/block:ContentSource} {block:RebloggedFrom} {ReblogRootURL} {ReblogParentURL} {/block:RebloggedFrom} -->
  643.  
  644. {block:Date}
  645. <div id="permalink">
  646. <a href="{Permalink}" ><b>{ShortMonth} {DayOfMonthWithSuffix}</b></a>
  647. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<div style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  648.  
  649. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  650.  
  651. </div>
  652.  
  653. {/block:Date}
  654.  
  655. </div>
  656.  
  657. {block:PostNotes}
  658. <div class="pagenotes">
  659. {PostNotes}
  660. </div>
  661. {/block:PostNotes}
  662.  
  663. {/block:Posts}
  664.  
  665. <div id="pagination">
  666. {block:Pagination}
  667. {block:PreviousPage}
  668. <a href="{PreviousPage}">previous</a>
  669. {/block:PreviousPage}
  670.  
  671.  
  672. {block:NextPage}
  673. <a href="{NextPage}">next</a>
  674. {/block:NextPage}
  675. {/block:Pagination}
  676.  
  677.  
  678.  
  679. </div>
  680.  
  681. </div>
  682.  
  683. </div>
  684.  
  685. </div>
  686. </div>
  687. <div>
  688.  
  689.  
  690.  
  691.  
  692. </div>
  693. <span style="position: fixed; bottom: 0pt; right: 1pt;">
  694. <a href="http://1wice.tumblr.com">❂</a></span>
  695.  
  696.  
  697.  
  698. </body></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!