API tools faq
paste
Advertisement
Sebastianstnn

Theme 12: Control

Sebastianstnn
Jan 17th, 2016
1,258
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.41 KB | None | 0 0
raw download clone embed print report
  1. <!--Theme 12: Control by nemesisthemes/noahccerny
  2. -rules apply as normal - just don't be dick pls! -->
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables-->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#aaaaaa"/>
  18. <meta name="color:Link" content="#000000"/>
  19. <meta name="color:hover" content="#000000"/>
  20. <meta name="color:scrollbar" content="#ffffff"/>
  21. <meta name="color:scrollbarthingy" content="#a1a1a1"/>
  22.  
  23. <meta name="image:Sidebar Image" content=""/>
  24.  
  25. <meta name="text:secondtitle" content="title"/>
  26. <meta name="text:Link 1 URL" content="" />
  27. <meta name="text:Link 1" content="" />
  28. <meta name="text:Link 2 URL" content="" />
  29. <meta name="text:Link 2" content="" />
  30. <meta name="text:Link 3 URL" content="" />
  31. <meta name="text:Link 3" content="" />
  32. <meta name="text:Link 4 URL" content="" />
  33. <meta name="text:Link 4" content="" />
  34. <meta name="text:Link 5 URL" content="" />
  35. <meta name="text:Link 5" content="" />
  36.  
  37.  
  38. <!-- scripts 'n shit-->
  39.  
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42.  
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44.  
  45. <script>
  46.  
  47. (function($){
  48.  
  49. $(document).ready(function(){
  50.  
  51. $("a[title]").style_my_tooltips({
  52.  
  53. tip_follows_cursor:true,
  54.  
  55. tip_delay_time:30,
  56.  
  57. tip_fade_speed:300,
  58.  
  59. attribute:"title"
  60.  
  61. });
  62.  
  63. });
  64.  
  65. })(jQuery);
  66.  
  67. </script>
  68.  
  69. <link href='https://fonts.googleapis.com/css?family=Roboto:400,500&subset=latin-ext,latin' rel='stylesheet' type='text/css'>
  70.  
  71.  
  72. <script type="text/javascript">
  73. jQuery(document).ready(function() {
  74. jQuery(".sub").hide();
  75. //toggle the componenet with class msg_body
  76. jQuery(".cthrough").click(function()
  77. {
  78. jQuery(this).next(".sub").slideToggle(500);
  79. });});
  80. </script>
  81.  
  82. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  83.  
  84. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  85.  
  86.  
  87.  
  88. <!--CSS stuff -->
  89.  
  90. <style type="text/css">
  91.  
  92. #s-m-t-tooltip{
  93. position:absolute;
  94. margin-top: 15px;
  95. z-index:9999;
  96. background:{color:background};
  97. }
  98.  
  99.  
  100.  
  101. /*basics*/
  102.  
  103. ::-webkit-scrollbar { width: 7px; height: 4px; }
  104. ::-webkit-scrollbar-button:start:decrement,
  105. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #fff; }
  106. ::-webkit-scrollbar-track-piece { background: {color:scrollbar}; }
  107. ::-webkit-scrollbar-thumb {height: 50px; background-color:{color:scrollbarthingy} }
  108.  
  109. pre {
  110. white-space: pre-wrap;
  111. white-space: -moz-pre-wrap;
  112. white-space: -pre-wrap;
  113. white-space: -o-pre-wrap;
  114. word-wrap: break-word;
  115. }
  116.  
  117.  
  118. blockquote {padding:5px 0 5px 20px;
  119. border-left:1px solid {color:text};
  120. margin-left:20px;
  121. }
  122.  
  123. body {
  124. background:{color:background};
  125. color:{color:text};
  126. font-family: 'Roboto', sans-serif;
  127. font-size:9px;
  128. text-align:justify;
  129. margin:0;
  130. line-height:16px;}
  131.  
  132.  
  133. a {
  134. color:{color:link};
  135. text-decoration:none;
  136. transition:0.6s ease;
  137. -o-transition:0.6s ease;
  138. -moz-transition:0.6s ease;
  139. -webkit-transition:0.6s ease;
  140. }
  141.  
  142. a:hover {
  143. text-decoration:none;
  144. color:{color:hover};
  145. transition:0.6s ease;
  146. -o-transition:0.6s ease;
  147. -moz-transition:0.6s ease;
  148. -webkit-transition:0.6s ease;
  149. }
  150.  
  151. img{opacity:1;
  152. border:none;
  153. text-decoration:none}
  154.  
  155.  
  156. small {
  157. font-size:9px;}
  158.  
  159. big {
  160. font-size:12px;}
  161.  
  162.  
  163. #title {font-size:12px;
  164. line-height:18px;
  165. font-weight:bold;
  166. margin-bottom:10px;
  167. text-transform:uppercase;
  168. text-align:left;}
  169.  
  170.  
  171. /*sidebar*/
  172. #sidebar {text-align:center;
  173. position:relative;
  174. margin-left:auto;
  175. margin-right:auto;
  176. margin-top:10px;
  177. width:250px;
  178. }
  179.  
  180. #sidebarim {margin-bottom:20px}
  181.  
  182. #sidebarim img {width:125px}
  183.  
  184. #secondtitle {
  185. font-size:16px;
  186. font-weight:bold;
  187. display:inline-block;
  188. margin-right:130px;
  189. text-transform:uppercase;
  190. }
  191.  
  192. #links {
  193. line-height:16px;
  194. text-transform:uppercase;
  195. }
  196.  
  197.  
  198. #links a {
  199. margin-right:5px;
  200. display:inline-block;
  201. margin-bottom:5px;
  202. margin-left:5px;
  203. font-size:9px;
  204. }
  205.  
  206. #description {
  207. margin:20px 0;
  208. font-style:italic;
  209. }
  210.  
  211.  
  212. .ctrough {
  213. display:inline-block;
  214. margin-left:20px;
  215. }
  216.  
  217.  
  218. /*pagination*/
  219. #pagination {
  220. margin:50px 0;
  221. text-transform:lowercase;
  222. font-weight:bold;
  223. text-align:center;
  224. }
  225.  
  226. #pagination a {
  227. padding:0 15px;
  228. text-align:center;
  229. }
  230.  
  231. /*container*/
  232. #con {
  233. left:50%;
  234. margin-left:-125px;
  235. position:absolute;
  236. }
  237.  
  238.  
  239.  
  240. /*posts*/
  241.  
  242. #entries {
  243. margin-top:75px;
  244. width:250px;
  245. }
  246.  
  247.  
  248.  
  249. #posts {
  250. width:250px;
  251. position:relative;
  252. {block:IndexPage}
  253. margin-bottom:75px;
  254. {/block:IndexPage}
  255. {block:PermalinkPage}
  256. margin-bottom:50px;
  257. {/block:PermalinkPage}
  258.  
  259. }
  260. #posts img {
  261. max-width:250px;
  262. }
  263.  
  264. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  265. .caption {width:100%;
  266. margin-top:10px;
  267.  
  268. }
  269.  
  270.  
  271. #posts:hover .perma_hold {opacity:1;}
  272. .perma_hold {
  273. width:250px;
  274. height:100%;
  275. top:0px;
  276. left:0px;
  277. position:absolute;
  278. opacity:0;
  279. z-index:9999;
  280. background:rgba(255,255,255,0.8);
  281. transition:0.6s ease;
  282. -o-transition:0.6s ease;
  283. -moz-transition:0.6s ease;
  284. -webkit-transition:0.6s ease;
  285. }
  286.  
  287. .perma {
  288. top:45%;
  289. position:relative;
  290. font-size:14px;
  291. font-weight:bold;
  292. text-align:center;
  293. text-transform:uppercase;
  294. }
  295.  
  296. .info a{margin:0px 3px;}
  297. .info {margin-top:10px;font-size:7px;letter-spacing:0.5px;}
  298. .tags a{margin:0px 3px;}
  299. .tags {
  300. font-weight:normal;
  301. margin-top:10px;
  302. text-transform:none;
  303. font-size:9px;
  304. font-style:italic;
  305. }
  306.  
  307. /*quote*/
  308.  
  309. #titlequote{text-align:left;
  310. font-size:14px;
  311. line-height:18px;
  312. font-weight:bold;
  313. }
  314. #source {
  315. margin-top:15px;
  316. margin-left:15px;}
  317.  
  318. /*audio*/
  319.  
  320. .player {
  321. width:25px;
  322. height:25px;
  323. overflow:hidden;
  324. position:absolute;
  325. background:white;}
  326.  
  327. .audioinfo {
  328. margin-left:50px;
  329. }
  330.  
  331.  
  332. /*asks*/
  333. .q {margin-bottom:10px;
  334. }
  335. .as {
  336. font-weight:bold;}
  337.  
  338. .a {
  339. margin-top:10px;
  340. }
  341.  
  342.  
  343. /*chat*/
  344.  
  345. .chat ol {
  346. padding:0;
  347. list-style:none;
  348. }
  349. .line {padding:5px 0;}
  350.  
  351. .label {font-weight:bold;
  352. }
  353.  
  354.  
  355.  
  356.  
  357.  
  358. /*permalink and notes*/
  359.  
  360. #permalink {
  361. margin-top:15px;
  362. font-size:9px;
  363. text-transform:uppercase;
  364. }
  365. #permalink a {margin-right:10px;
  366. }
  367.  
  368.  
  369. .tags {
  370. word-break:break-all;
  371. font-size:9px;
  372. }
  373.  
  374. .pagenotes {
  375. {block:IndexPage}
  376. display: none!important;
  377. {/block:IndexPage}
  378. width:250px;
  379. text-align:left;
  380.  
  381. }
  382. .pagenotes img {
  383. display:none!important;}
  384. .pagenotes li {
  385. list-style-type:none;
  386. padding:5px 0px;
  387. text-align:left;
  388. margin:0 0 0 -40px;
  389. }
  390.  
  391.  
  392. #cred {
  393. position:fixed;
  394. bottom:10px;
  395. right:15px;
  396. font-size:10px;
  397. padding:5px;
  398. color:{color:text};
  399. transition-duration: 0.8s;
  400. -moz-transition-duration: 0.8s;
  401. -webkit-transition-duration: 0.8s;
  402. -o-transition-duration: 0.8s;
  403. }
  404.  
  405. #cred:hover {
  406. border-radius:100%;
  407. background-color:{color:accent};
  408. transition-duration: 0.8s;
  409. -moz-transition-duration: 0.8s;
  410. -webkit-transition-duration: 0.8s;
  411. -o-transition-duration: 0.8s;
  412. }
  413.  
  414.  
  415.  
  416. {CustomCSS}
  417.  
  418.  
  419. </style>
  420.  
  421.  
  422.  
  423. </head>
  424.  
  425. <body>
  426.  
  427. <div id="con">
  428.  
  429. <div id="sidebar">
  430. <div id="sidebarim"><img src="{image:Sidebar Image}"></div>
  431. <div id="secondtitle">{text:secondtitle}</div><a href="#" class="cthrough"style="cursor:help" "display:inline-block" "margin-left:20px"><i class="fa fa-folder-open"></i>
  432. </a>
  433. <div class="sub"><div id="description">{Description}</div>
  434. <div id="links">
  435. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  436. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  437. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a> {/block:ifLink3}
  438. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a> {/block:ifLink4}
  439. {block:ifLink5}<a href="{text:Link 5 URL}">{text:Link 5}</a> {/block:ifLink5}
  440. </div></div>
  441.  
  442.  
  443.  
  444.  
  445. </div>
  446.  
  447.  
  448.  
  449.  
  450. <div id="entries">
  451.  
  452. {block:Posts}
  453. <div id="posts">
  454.  
  455. {block:IndexPage}
  456. {block:RebloggedFrom}<div class="perma_hold">
  457. <div class="perma">
  458. <a href="{Permalink}">{NoteCountWithLabel}</a>
  459. <div class="info">
  460. <a href="{ReblogURL}">reblog</a>
  461. <a href="{ReblogParentURL}">via</a>
  462. <a href="{ReblogRootURL}">source</a>
  463. </div>
  464. {block:HasTags}<div class="tags">{block:Tags}
  465. <a href="{TagURL}">#{Tag}</a>
  466. {/block:Tags}</div>{/block:HasTags}
  467. </div>
  468. </div> {/block:RebloggedFrom}
  469.  
  470. {block:NotReblog} <div class="perma_hold">
  471. <div class="perma">
  472. <a href="{Permalink}">{NoteCountWithLabel}</a>
  473. <div class="info">
  474. <a href="{ReblogURL}">reblog</a>
  475. <a href="{ReblogParentURL}">via</a>
  476. <a href="{ReblogRootURL}">source</a>
  477. </div>
  478. {block:HasTags}<div class="tags">{block:Tags}
  479. <a href="{TagURL}">#{Tag}</a>
  480. {/block:Tags}</div>{/block:HasTags}
  481. </div>
  482. </div>{/block:NotReblog}
  483.  
  484. {/block:IndexPage}
  485.  
  486.  
  487. {block:Quote}
  488.  
  489.  
  490. <div id="titlequote">“{Quote}”</div>
  491. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  492. {/block:Quote}
  493.  
  494.  
  495.  
  496. {block:Text}
  497.  
  498. {block:Title}
  499. <div id="title">{Title}</div>{/block:Title}
  500. {Body}
  501. {/block:Text}
  502.  
  503. {block:Link}
  504. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  505. {/block:Link}
  506.  
  507. {block:Chat}
  508. {block:Title}
  509. <h1>{Title}</h1>
  510. {/block:Title}
  511. <div class="chat">
  512. <ol>{block:Lines}
  513. <li class="line {Alt}">
  514. {block:Label}
  515. <span class="label">
  516. {Label}</span>
  517. {/block:Label}{Line}</li>
  518. {/block:Lines}
  519. </ol></div>
  520. {/block:Chat}
  521.  
  522. {block:Photo}
  523. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}"/>{LinkCloseTag}
  524. {/block:Photo}
  525.  
  526. {block:Photoset}
  527. {Photoset-250}
  528. {/block:Photoset}
  529.  
  530. {block:Video}
  531. {Video-250}
  532. {/block:Video}
  533.  
  534. {block:Audio}
  535. <div class="player">{AudioPlayerWhite}</div>
  536. <div class="audioinfo">
  537. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  538. </div>
  539. {/block:Audio}
  540.  
  541. {block:Answer}
  542. <div class="q">
  543. <div class="as">{Asker} said: </div>
  544. {Question}</div>
  545. <div class="a">{Answer}</div>
  546. {/block:Answer}
  547.  
  548.  
  549. <div id="permalink">
  550. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  551.  
  552. </div>
  553.  
  554. {block:permalink}<a href="{Permalink}" >{12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="/">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  555. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  556. </div>
  557. {block:PostNotes}
  558. <div class="pagenotes">
  559. {PostNotes}
  560. </div>
  561. {/block:PostNotes}{/block:permalink}
  562.  
  563.  
  564.  
  565.  
  566. </div>
  567.  
  568.  
  569.  
  570.  
  571.  
  572. {/block:Posts}
  573.  
  574. <div id="pagination">
  575. {block:Pagination}
  576. {block:PreviousPage}
  577. <a href="{PreviousPage}">&larr; past </a>
  578. {/block:PreviousPage}
  579.  
  580.  
  581. {block:NextPage}
  582. <a href="{NextPage}">future &rarr;</a>
  583. {/block:NextPage}
  584. {/block:Pagination}
  585. </div>
  586.  
  587.  
  588.  
  589. </div>
  590.  
  591. </div>
  592.  
  593.  
  594. {block:ContentSource}
  595. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  596. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  597. {/block:SourceLogo}
  598. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  599. {/block:ContentSource}
  600.  
  601. <div id="cred"><a href="http://nemesisthemes.tumblr.com" title="nemesisthemes"><i class="fa fa-code"></i></div>
  602.  
  603. </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!