API tools faq
paste
Advertisement
belgravs

Something Good Theme version 1.3

belgravs
Mar 23rd, 2014
233
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <head>
  6.  
  7.  
  8. <title>{Title}</title>
  9.  
  10.  
  11.  
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18.  
  19. <!--base by emmawtson; S O M E T H I N G G O O D theme by @belgravs, don't steal or you'll be dragged from view-->
  20.  
  21.  
  22. <meta name="color:bg" content="#fff"/>
  23. <meta name="color:text" content="#000"/>
  24. <meta name="color:link" content="#000"/>
  25. <meta name="color:hover" content="#f1f1f1"/>
  26.  
  27. <meta name="text:link3" content="">
  28. <meta name="text:link3 url" content="/">
  29. <meta name="text:link4" content="">
  30. <meta name="text:link4 url" content="/">
  31. <meta name="text:link5" content="">
  32. <meta name="text:link5 url" content="/">
  33.  
  34. <!--tooltip jQuery-->
  35.  
  36. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  37. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  38. <script>
  39. (function($){
  40. $(document).ready(function(){
  41. $("a[title]").style_my_tooltips({
  42. tip_follows_cursor:true,
  43. tip_delay_time:40,
  44. tip_fade_speed:300,
  45. attribute:"title"});});})(jQuery);
  46. </script>
  47. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  48.  
  49. <!--cursor-->
  50.  
  51. <style type="text/css">html, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style>
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57. /*tooltips*/
  58.  
  59. #s-m-t-tooltip{
  60. font-size:10px;
  61. position:absolute;
  62. text-align:center;
  63. margin:10px;
  64. letter-spacing:1px;
  65. z-index:105;
  66. background:#fff;
  67. color:#000;
  68. border:1px solid #000;
  69. text-transform:uppercase;
  70. font-family:calibri;
  71. padding:2px 3px 2px 3px;
  72. transition:all 0.3s;
  73. -webkit-transition:all 0.3s;
  74. -moz-transition:all 0.3s;
  75. -ms-transition:all 0.3s;
  76. -o-transition:all 0.3s;
  77. }
  78.  
  79. /*scrollbar*/
  80.  
  81. ::-webkit-scrollbar {
  82. width:5px;
  83. height:3px;
  84. background:#000;
  85. color:#000;
  86. }
  87. ::-webkit-scrollbar-thumb {
  88. width:5px;
  89. border-radius:10px;
  90. background:#000;
  91. border:1px solid #fff;
  92. }
  93. ::-webkit-scrollbar-track {
  94. color:#000;
  95. border:2px solid #fff;
  96. }
  97.  
  98. /*highlight*/
  99.  
  100. ::selection {
  101. background: #000;
  102. color: #fff;
  103. }
  104. ::-moz-selection {
  105. background: #000;
  106. color: #fff;
  107. }
  108.  
  109. /*body*/
  110.  
  111. body {
  112. background;{color:bg};
  113. margin:0px;
  114. color:{color:text};
  115. font-size:10px;
  116. line-height:140%;
  117. font-family:helvetica;
  118. letter-spacing:1px;
  119. }
  120. a {
  121. text-decoration:none;
  122. color:{color:link};
  123. -moz-transition-duration:0.5s;
  124. -webkit-transition-duration:0.5s;
  125. -o-transition-duration:0.5s;
  126.  
  127. }
  128. a:hover{
  129. color:{color:hover};
  130. font-style:none;
  131. -moz-transition-duration:0.5s;
  132. -webkit-transition-duration:0.5s;
  133. -o-transition-duration:0.5s;
  134. }
  135. img {
  136. border:0px;
  137. }
  138. #tit {
  139. text-align:left;
  140. font-family:calibri;
  141. text-transform:uppercase;
  142. font-style:italic;
  143. font-size:12px;
  144. letter-spacing:1px;
  145. padding-bottom:3px;
  146. color:#000;
  147. }
  148.  
  149. /*defaults*/
  150.  
  151. blockquote {
  152. padding-left:5px;
  153. border-left:2px solid;
  154. }
  155. blockquote blockquote {
  156. padding-left:5px;
  157. border-left:1px solid;
  158. }
  159. h1 {
  160. font-size:16px;
  161. font-weight:normal;
  162. line-height:110%;
  163. }
  164. h2 {
  165. font-size:14px;
  166. font-weight:normal;
  167. line-height:100%;
  168. }
  169. h3 {
  170. font-size:12px;
  171. font-weight:normal;
  172. line-height:100%;
  173. }
  174. b, strong {
  175. color:{color:text};
  176. }
  177. i, em {
  178. color:{color:text};
  179. }
  180. big {
  181. font-size:11px;
  182. }
  183. small {
  184. font-size:9px;
  185. }
  186. ul {
  187. list-style:square;
  188. }
  189.  
  190. /*posts*/
  191.  
  192. #enter {
  193. padding:0px;
  194. width:300px;
  195. margin-left:500px;
  196. margin-top:60px;
  197. }
  198. #post {
  199. max-width:250px;
  200. }
  201. #post img{
  202. max-width:250px;
  203. }
  204. .cap {
  205. {block:IndexPage}
  206. display:none;
  207. {/block:IndexPage}
  208. }
  209.  
  210. /*sidebar*/
  211.  
  212. #sb {
  213. width:75px;
  214. position:fixed;
  215. margin-left:375px;
  216. margin-top:350px;
  217. }
  218. #desc {
  219. width:69px;
  220. height:69px;
  221. overflow:auto;
  222. color:#000;
  223. border:1px solid #000;
  224. padding:3px;
  225. font-size:8px;
  226. position:fixed;
  227. margin-top:-80px;
  228. margin-left:22px;
  229. line-height:13px;
  230. letter-spacing:1px;
  231. text-align:justify;
  232. text-transform:uppercase;
  233. font-family:calibri;
  234. font-style:italic;
  235. }
  236. #slink {
  237. position:fixed;
  238. margin-left:24px;
  239. font-size:8px;
  240. text-transform:none;
  241. text-align:center;
  242. letter-spacing:4px;
  243. font-family:consolas;
  244. line-height:170%;
  245. height:20px;
  246. width:75px;
  247. font-style:none;
  248. -moz-transition-duration:0.8s;
  249. -webkit-transition-duration:0.8s;
  250. -o-transition-duration:0.8s;
  251. }
  252. #slink a{
  253. color:{color:link};
  254. text-align:center;
  255. width:75px;
  256. line-height:130%;
  257. height:20px;
  258. -moz-transition-duration:0.8s;
  259. -webkit-transition-duration:0.8s;
  260. -o-transition-duration:0.8s;
  261. }
  262. #slink a:hover{
  263. letter-spacing:4px;
  264. height:20px;
  265. text-align:center;
  266. color:{color:hover};
  267. -moz-transition-duration:0.8s;
  268. -webkit-transition-duration:0.8s;
  269. -o-transition-duration:0.8s;
  270. }
  271. #pagi {
  272. font-size:10px;
  273. margin-top:15px;
  274. text-align:center;
  275. margin-left:0px;
  276. width:75px;
  277. margin-left:24px;
  278. font-family:calibri;
  279. text-transform:uppercase;
  280. font-style:italic;
  281. letter-spacing:1px;
  282. -moz-transition-duration:0.5s;
  283. -webkit-transition-duration:0.5s;
  284. -o-transition-duration:0.5s;
  285. }
  286. #pagi a:hover{
  287. color:{color:hover};
  288. -moz-transition-duration:0.5s;
  289. -webkit-transition-duration:0.5s;
  290. -o-transition-duration:0.5s;
  291. }
  292.  
  293. /*ask*/
  294.  
  295. .ask {
  296. padding:3px;
  297. text-align:center;
  298. color:{color:text};
  299. font-style:italic;
  300. font-family:calibri;
  301. text-transform:uppercase;
  302. letter-spacing:1px;
  303. border:1px solid #000;
  304. }
  305. .ans {
  306. text-align:left;
  307. padding:3px;
  308. padding-bottom:0px;
  309. color:{color:text};
  310. }
  311. .inq {
  312. text-align:center;
  313. color:{color:text};
  314. font-family:calibri;
  315. text-transform:uppercase;
  316. letter-spacing:1px;
  317. font-style:normal;
  318. font-size:9px;
  319. padding:3px;
  320. }
  321.  
  322. /*audio*/
  323.  
  324. .playbox {
  325. background:#fff;
  326. position:absolute;
  327. z-index:105;
  328. border:1px solid #000;
  329. }
  330. .playbutton {
  331. width:20px;
  332. height:30px;
  333. overflow:hidden;
  334. position:relative;
  335. z-index: 105;
  336. margin: 9px 18px 7px 10px;
  337. }
  338. .audioinfo {
  339. text-align:right;
  340. padding:10px;
  341. font-family:calibri;
  342. text-transform:uppercase;
  343. letter-spacing:1px;
  344. font-style:italic;
  345. font-size:10px;
  346. color:#000;
  347. background:#fff;
  348. }
  349.  
  350. /*postinfo*/
  351.  
  352. #postinfo {
  353. margin-top:5px;
  354. padding-top:5px;
  355. text-transform: none;
  356. text-align: right;
  357. font-size:10px;
  358. line-height: 10px;
  359. color:{color:text};
  360. margin-bottom:40px;
  361. }
  362. #postinfo a {
  363. color:{color:text};
  364. text-align:right;
  365. font-family:calibri;
  366. text-transform:uppercase;
  367. font-style:italic;
  368. letter-spacing:1px;
  369. }
  370. #postinfo a:hover {
  371. color:{color:hover};
  372. }
  373.  
  374. /*tags*/
  375.  
  376. #tags {
  377. width:250px;
  378. letter-spacing:0px;
  379. line-height:130%;
  380. font-size:10px;
  381. text-align:right;
  382. padding:2px;
  383. -moz-transition-duration:0.5s;
  384. -webkit-transition-duration:0.5s;
  385. -o-transition-duration:0.5s;
  386. }
  387. #tags a {
  388. color:{color:link};
  389. font-family:calibri;
  390. text-transform:uppercase;
  391. letter-spacing:0px;
  392. font-style: italic;
  393. font-size:10px;
  394. padding:1px;
  395. -moz-transition-duration:0.5s;
  396. -webkit-transition-duration:0.5s;
  397. -o-transition-duration:0.5s;
  398. }
  399. #tags a:hover {
  400. color:{color:hover};
  401. -moz-transition-duration:0.5s;
  402. -webkit-transition-duration:0.5s;
  403. -o-transition-duration:0.5s;
  404. }
  405.  
  406. /*chats*/
  407.  
  408. ul.chat, .chat ol, .chat li {
  409. list-style:none;
  410. margin:0px;
  411. padding:2px;
  412. }
  413. .label {
  414. text-decoration:none;
  415. font-weight:normal;
  416. background-color:{color:background};
  417. margin-right:5px;
  418. letter-spacing:1px;
  419. text-transform:uppercase;
  420. font-family:calibri;
  421. }
  422.  
  423. /*quotes*/
  424.  
  425. #quotit {
  426. font-family:calibri;
  427. font-size:16px;
  428. font-style:italic;
  429. text-transform:uppercase;
  430. text-align:center;
  431. line-height:110%;
  432. padding-bottom:0px;
  433. }
  434. .quoter {
  435. font-size:10px;
  436. font-weight:normal;
  437. text-align:center;
  438. line-height:110%;
  439. font-family:calibri;
  440. text-transform:uppercase;
  441. letter-spacing:1px;
  442. padding-top:5px;
  443. color:#000;
  444. }
  445.  
  446. /*permanotes*/
  447.  
  448. #notes {
  449. margin-left:0px;
  450. width:250px;
  451. font-size:10px;
  452. }
  453.  
  454. /*credit, don't remove*/
  455.  
  456. #cred{
  457. font-size:12px;
  458. font-family:calibri;
  459. text-transform:uppercase;
  460. letter-spacing:-2px;
  461. }
  462. #cred a{
  463. font-size:12px;
  464. font-family:calibri;
  465. padding-bottom:3px;
  466. padding-top:3px;
  467. padding-left:5px;
  468. padding-right:7px;
  469. color:#000;
  470. -moz-transition-duration:0.5s;
  471. -webkit-transition-duration:0.5s;
  472. -o-transition-duration:0.5s;
  473. }
  474. #cred a:hover{
  475. font-size:12px;
  476. font-family:calibri;
  477. color:#f1f1f1;
  478. background-color:#fff;
  479. -moz-transition-duration:0.5s;
  480. -webkit-transition-duration:0.5s;
  481. -o-transition-duration:0.5s;
  482. }
  483.  
  484. {CustomCSS}
  485. </style>
  486.  
  487.  
  488. </head>
  489. <body>
  490.  
  491. <div id="sb">
  492.  
  493. <div id="desc">{Description}</div>
  494. <div id="slink">
  495. <a href="/" title="index">1</a>
  496. <a href="/ask" title="inbox">2</a>
  497. <a href="{text:link3 url}" title="{text:link3}">3</a>
  498. <a href="{text:link4 url}" title="{text:link4}">4</a>
  499. <a href="{text:link5 url}" title="{text:link5}">5</a>
  500. </div>
  501. <div id="pagi">
  502. {block:Pagination}{block:PreviousPage}
  503. <a href="{PreviousPage}">off </a> {/block:PreviousPage}
  504. {block:NextPage} <a href="{NextPage}"> on</a>{/block:NextPage}{/block:Pagination}
  505. </div>
  506. </div>
  507.  
  508.  
  509.  
  510. <div id="enter">
  511. {block:Posts}<div id="post"><br><br><br>
  512.  
  513. {block:Text}{block:Title}<div id="tit">{Title}</div>{/block:Title}{Body}{/block:Text}
  514.  
  515. {block:Quote}<div id="quotit">“{Quote}”</div><div class="quoter">- {Source} -</div>{/block:Quote}
  516.  
  517. {block:Link}<a href="{URL}"><div id="tit">{Name}</div></a>
  518.  
  519. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  520.  
  521. {block:Photo}<center><img src="{PhotoURL-250}"/></center>{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photo}
  522.  
  523. {block:Photoset}<center>{Photoset-250}</center>
  524.  
  525. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Photoset}
  526.  
  527. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  528.  
  529. {block:Video}{Video-250}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video}
  530.  
  531. {block:Answer}<div class="ask"><div class="inq">{Asker} asked:</div>{Question}</div><div class="ans">{Answer}</div>{/block:answer}
  532.  
  533. {block:Audio}<div class="audio">
  534. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  535.  
  536. <div class="audioinfo">{block:TrackName}{TrackName}<br />{/block:TrackName}{block:Artist}{Artist}<br />{/block:Artist}</div>
  537.  
  538. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}<br>{/block:Audio}
  539.  
  540. <div id="postinfo">{block:Date}<a href="{Permalink}"><a href="{Permalink}">{MonthNumber} - {DayOfMonth} - {Year}</a> / <a href="{Permalink}">{NoteCount}</a> {/block:Date} / {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>
  541.  
  542. {block:ContentSource}/ <a href="{SourceURL}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  543.  
  544. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  545.  
  546. {block:PostNotes}
  547. <div id="notes">{PostNotes}</div>
  548. {/block:PostNotes}
  549.  
  550. {/block:Posts}
  551.  
  552. {/block:Posts}</div></div></div>
  553.  
  554. </div>
  555. </div>
  556. </div>
  557. </body>
  558.  
  559. <div id="cred" style="position:fixed; bottom:6px; right:6px;">
  560. <font size="1"><a href="http://ussex.tumblr.com" title="ussex">usx</a></font>
  561.  
  562. </div>
  563. </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!