API tools faq
paste
Advertisement
skynotte

base code #1

skynotte
Feb 24th, 2014
880
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.04 KB | None | 0 0
raw download clone embed print report
  1. <html lang="en">
  2.  
  3. <!----
  4. BASE THEME #1 MADE BY NOTTE-THEMES.TUMBLR.COM
  5.  
  6. This is a base theme, it is meant for you to edit, redesign and shape it up as much as you want to. If you want to give credit you certainly may, but it is not required.
  7.  
  8. -->
  9. <head>
  10.  
  11. <!-- this allows for most features to work, such as if you want to add in infinite scrolling -->
  12. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  13.  
  14.  
  15. <title>{title}</title>
  16. <link rel="shortcut icon" href="{Favicon}" />
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}<meta name="Description" content="{MetaDescription}" />{/block:Description}
  19.  
  20.  
  21. <!-- ------ DEFAULT VARIABLES ------ -->
  22.  
  23. <meta name="color:Background" content="#e4e4e4" />
  24. <meta name="color:Post Background" content="#faf9f8" />
  25. <meta name="color:Sidebar Background" content="#faf9f8" />
  26. <meta name="color:Content Background" content="#a4cddf" />
  27.  
  28. <meta name="color:Scrollbar" content="#a4cddf" />
  29. <meta name="color:Scrollbar Background" content="#faf9f8" />
  30.  
  31. <meta name="color:Title" content="#3e819e" />
  32.  
  33. <meta name="color:Text" content="#657474" />
  34. <meta name="color:Bold" content="#2eb4ee" />
  35. <meta name="color:Link" content="#218bb8" />
  36. <meta name="color:Link Hover" content="#1b4456" />
  37. <meta name="color:Italic" content="#89a3ae" />
  38.  
  39. <meta name="image:Background" content="" />
  40. <meta name="image:ContentBackground" content="" />
  41.  
  42.  
  43. <meta name="text:Link1" content="" />
  44. <meta name="text:Link1 URL" content="http://"/>
  45.  
  46. <meta name="text:Link2" content="" />
  47. <meta name="text:Link2 URL" content="http://"/>
  48.  
  49.  
  50. <meta name="if:ShowCaption" content="1" />
  51. <meta name="if:ShowContentBackground" content="0" />
  52.  
  53. <meta name="font:Body Font" content="Gibson">
  54.  
  55. <style type="text/css">
  56.  
  57. /* -------------- SCROLLBAR --------------- */
  58.  
  59. ::-webkit-scrollbar {
  60. width: 10px;
  61. background-color: {color:Scrollbar Background};
  62. }
  63.  
  64. ::-webkit-scrollbar-thumb {
  65. background-color: {color:Scrollbar};
  66. }
  67.  
  68. /* -------------- CONTENT --------------- */
  69.  
  70. img {display:block;}
  71.  
  72. body{
  73. color:{color:Text};
  74. font-family:{font:Body Font};
  75. font-size: 11px;
  76. line-height:120%;
  77. overflow-x:hidden;
  78. width:150%;
  79. background-color: {color:Background};
  80. {block:ifBackgroundImage}
  81. background-image: url('{image:Background}');
  82. {/block:ifBackgroundImage}
  83. background-attachment: fixed;
  84.  
  85. }
  86.  
  87. a{
  88. text-decoration:none;
  89. outline:none;
  90. -moz-outline-style:none;
  91. color: {color:Link};
  92. }
  93.  
  94. a:hover{color: {color:Link Hover};}
  95.  
  96. b, strong{color: {color:Bold};}
  97.  
  98. i, em{color: {color:Italic};}
  99.  
  100. blockquote {
  101. padding-left: 3px;
  102. padding-right: 1px;
  103. margin-left: 20px;
  104. }
  105.  
  106. pre{
  107. font-size:10px;
  108. padding:20px;
  109. white-space: pre-wrap; /* css-3 */
  110. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  111. white-space: -pre-wrap; /* Opera 4-6 */
  112. white-space: -o-pre-wrap; /* Opera 7 */
  113. word-wrap: break-word; /* Internet Explorer 5.5+ */
  114. }
  115.  
  116. #content img{display: block; max-width: 100%;}
  117.  
  118. #content{
  119. height:auto;
  120. text-align:left;
  121. position:absolute;
  122. {block:ifShowContentBackground}
  123. background-color: {color:Content Background};
  124. {block:ifContentBackgroundImage}
  125. background-image: url('{image:ContentBackground}');
  126. {/block:ifContentBackgroundImage}
  127. {/block:ifShowContentBackground}
  128. padding:50px;
  129. left:400px;
  130. top:0px;
  131. }
  132.  
  133. /* -------------- POST TITLE --------------- */
  134.  
  135. .title{
  136. padding:5px;
  137. font-size: 16px;
  138. text-transform:uppercase;
  139. line-height: 100%;
  140. letter-spacing: 1px;
  141. text-align:center;
  142. }
  143.  
  144. /* -------------- POST QUESTON/ANSWER --------------- */
  145.  
  146. .qAuthor, .aAuthor{
  147. background-color:#c8e1ee;
  148. width:360px;
  149. text-transform:uppercase;
  150. text-align:center;
  151. letter-spacing:3px;
  152. font-size:13px;
  153. padding:20px;
  154. }
  155.  
  156. .q, .a{
  157. padding:40px;
  158. background-color:#e5f0f5;
  159. margin-bottom:40px;
  160. }
  161.  
  162. .yourAnswer{
  163. padding:40px;
  164. background-color:#e5f0f5;
  165. }
  166.  
  167. /* -------------- POST CHAT LOGS --------------- */
  168.  
  169. .chat .chat1 {margin-left: 0px;}
  170.  
  171. .chat .chat1 .chat2 {
  172. margin-bottom: 1px;
  173. padding: 5px;
  174. }
  175.  
  176. .chat .chat1 .chat2 span{
  177. font-weight: bold;
  178. text-transform: uppercase;
  179. }
  180.  
  181. /* -------------- POST LINK --------------- */
  182.  
  183. .link{
  184. font-size: 20px;
  185. letter-spacing:1px;
  186. padding:20px;
  187. text-align:center;
  188. margin-bottom:10px;
  189. }
  190.  
  191. /* -------------- POST QUOTE --------------- */
  192.  
  193. .quote{
  194. font-size:30px;
  195. line-height:120%;
  196. }
  197.  
  198. /* -------------- POST NOTES --------------- */
  199.  
  200. ol.notes{
  201. padding: 0px;
  202. margin-top: 10px;
  203. list-style-type: none;
  204. width: 395px;
  205. letter-spacing: 1px;
  206. font-size:10px;
  207. }
  208.  
  209. ol.notes li.note {
  210. text-align: left;
  211. letter-spacing: 1px;
  212. padding: 5px;
  213. }
  214.  
  215. ol.notes li.note img.avatar{
  216. display: none !important;
  217. }
  218.  
  219.  
  220. /* -------------- POSTS --------------- */
  221.  
  222. .post{
  223. overflow:hidden;
  224. background-color: {color:Post Background};
  225. padding:30px;
  226. width: 400px;
  227. }
  228.  
  229. /* -------------- PERMALINK/TAGS--------------- */
  230.  
  231. .perma{
  232. margin-top:20px;
  233. font-size:9px;
  234. text-transform:uppercase;
  235. letter-spacing:1px;
  236. text-align:center;
  237. }
  238.  
  239. .theTags{
  240. text-transform:uppercase;
  241. letter-spacing:2px;
  242. width:440px;
  243. font-size:8px;
  244. margin-top:30px;
  245. background-color: {color:Post Background};
  246. padding: 10px;
  247. overflow:hidden;
  248. }
  249.  
  250. .permaPageInfo{
  251. background-color: {color:Post Background};
  252. padding: 10px;
  253. width:440px;
  254. margin-top:30px;
  255. }
  256.  
  257. /* -------------- SIDEBAR --------------- */
  258.  
  259. #sidebar{
  260. background-color:{color:Sidebar Background};
  261. width:200px;
  262. position:fixed;
  263. top:100px;
  264. left:70px;
  265. padding:40px;
  266. }
  267.  
  268. /* -------------- TITLE --------------- */
  269.  
  270. #ttle{
  271. font-size:15px;
  272. font-weight:bold;
  273. color:{color:Title};
  274. }
  275.  
  276. /* -------------- DESCRIPTION --------------- */
  277.  
  278. #description{
  279. line-height:200%;
  280. letter-spacing:1px;
  281. margin-top:20px;
  282. }
  283.  
  284. /* -------------- LINKS --------------- */
  285.  
  286. #links{
  287. margin:20px 0px;
  288. text-align:center;
  289. line-height:200%;
  290. }
  291.  
  292. #links a{
  293. padding:5px;
  294. }
  295.  
  296. /* -------------- PAGINATION --------------- */
  297.  
  298. .pagination{
  299. padding:10px;
  300. margin-top:20px;
  301. font-size:12px;
  302. text-align:center;
  303. }
  304. .pagination a{
  305. display:inline-block;
  306. margin:0px 2px;
  307. display:-moz-inline-stack;
  308. line-height:100%;
  309. padding:5px;
  310. }
  311.  
  312. .pagination .g{
  313. display:inline-block;
  314. margin:0px 2px;
  315. display:-moz-inline-stack;
  316. line-height:100%;
  317. padding:7px;
  318. }
  319.  
  320. .pagination a:hover{opacity:0.7;}
  321.  
  322.  
  323. /* -------------- CUSTOM CSS --------------- */
  324.  
  325. {CustomCSS}
  326.  
  327. </style>
  328.  
  329.  
  330. </head>
  331. <body>
  332.  
  333. <div id="sidebar">
  334. <div id="ttle">{Title}</div>
  335. <div id="description">{Description}</div>
  336.  
  337. <div id="links">
  338. <a href="/">index</a>
  339. {block:AskEnabled}
  340. <a href="/ask" title="ask">
  341. Message</a>
  342. {/block:AskEnabled}
  343. {block:SubmissionsEnabled}
  344. <a href="/submit" title="submit">Submit</a>
  345. {/block:SubmissionsEnabled}
  346. {block:ifLink1}
  347. <a href="{text:Link1 URL}" id="{text:Link1}">
  348. {text:Link1}
  349. </a>
  350. {/block:ifLink1}
  351. {block:ifLink2}
  352. <a href="{text:Link2 URL}" id="{text:Link2}">
  353. {text:Link2}
  354. </a>
  355. {/block:ifLink2}
  356. {block:HasPages}{block:Pages}<a href="{URL}" id="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  357. </div>
  358.  
  359. {block:IndexPage}
  360. <div class="pagination">
  361. {block:Pagination}
  362. {block:PreviousPage}
  363. <a href="{PreviousPage}">←</a>
  364. {/block:PreviousPage}
  365. {block:JumpPagination length="4"}
  366. {block:CurrentPage}
  367. <span class="g">✖</span>
  368. {/block:CurrentPage}
  369. {block:JumpPage}
  370. <a href="{URL}">{PageNumber}</a>
  371. {/block:JumpPage}
  372. {/block:JumpPagination}
  373. {block:NextPage}
  374. <a href="{NextPage}" id="next">→</a>
  375. {/block:NextPage}
  376. {/block:Pagination}
  377. </div>
  378. {/block:IndexPage}
  379. </div>
  380.  
  381. <div id="content">
  382.  
  383.  
  384. {block:Posts}
  385.  
  386. <div class="post">
  387.  
  388.  
  389. {block:Title}<div class="title">{Title}</div>{/block:Title}
  390.  
  391.  
  392. {block:Text}
  393. {Body}
  394. {/block:Text}
  395.  
  396.  
  397. {block:Photo}
  398. {LinkOpenTag}
  399. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" /></a>
  400. {LinkCloseTag}
  401. {/block:Photo}
  402.  
  403.  
  404. {block:Panorama}
  405. {LinkOpenTag}
  406. <a href="{permalink}"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></a>
  407. {LinkCloseTag}
  408. {/block:Panorama}
  409.  
  410.  
  411. {block:Photoset}
  412.  
  413. {Photoset-400}
  414.  
  415. {/block:Photoset}
  416.  
  417.  
  418. {block:Quote}
  419.  
  420. <p><span class="quote">{Quote}</span></p>
  421.  
  422. <p>{block:Source}-{Source}{/block:Source}</p>
  423.  
  424. {/block:Quote}
  425.  
  426.  
  427. {block:Video}
  428.  
  429. {Video-400}<br>
  430. {PlayCountWithLabel}
  431.  
  432. {/block:Video}
  433.  
  434.  
  435. {block:Link}
  436. <div style="padding:5px;">
  437. <div class="link">
  438. <a href="{URL}" {Target}>{Name} </a>
  439. </div><br>
  440. {block:Description}{Description}{/block:Description}
  441. </div>
  442. {/block:Link}
  443.  
  444.  
  445. {block:Chat}
  446. <div class="chat">
  447. <div class="chat1">
  448. {block:Lines}
  449. <div class="chat2 {Alt}">
  450. {block:Label}
  451. <b>{Label}</b>
  452. {/block:Label}
  453. {Line}</div>
  454. {/block:Lines}
  455. </div>
  456. </div>
  457. {/block:Chat}
  458.  
  459.  
  460. {block:Audio}
  461.  
  462. {block:AudioEmbed}
  463. {AudioEmbed-400}
  464. {/block:AudioEmbed}
  465.  
  466. {/block:Audio}
  467.  
  468.  
  469. {block:Answer}
  470.  
  471. <div class="qAuthor">
  472. {Asker}
  473. </div>
  474.  
  475. <div class="q">{Question}</div>
  476.  
  477. {block:Answerer}
  478.  
  479. <div class="aAuthor">
  480. {Answerer}
  481. </div>
  482.  
  483. {/block:Answerer}
  484.  
  485.  
  486. <div class="a">{Answer}</div>
  487.  
  488. {/block:Answer}
  489.  
  490. {block:ifShowCaption}
  491. {block:Caption}
  492. {Caption}
  493. {/block:Caption}
  494. {/block:ifShowCaption}
  495.  
  496. {block:PermalinkPage}
  497. {block:ifNotShowCaption}
  498. {block:Caption}
  499. {Caption}
  500. {/block:Caption}
  501. {/block:ifNotShowCaption}
  502. {/block:PermalinkPage}
  503.  
  504. {block:IndexPage}
  505.  
  506. <!-- POST INFORMATION/PERMALINK -->
  507. <div class="perma">
  508. {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
  509. {block:NotReblog}Posted{/block:NotReblog}
  510. on
  511. <a href="{Permalink}"> {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}</a>
  512. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  513. </div>
  514.  
  515.  
  516. {/block:IndexPage}
  517.  
  518. </div><!-- END POSTS -->
  519.  
  520.  
  521. {block:IndexPage}
  522.  
  523. <!-- TAGS -->
  524. {block:HasTags}
  525.  
  526. <div class="theTags">
  527. {block:Tags}
  528. <a href="{TagURL}">#{Tag}&nbsp;</a></span>
  529. {/block:Tags}
  530. </div>
  531.  
  532. {/block:HasTags}
  533.  
  534. {/block:IndexPage}
  535.  
  536.  
  537. {block:PermalinkPage}
  538. <div class="permaPageInfo">
  539. {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}
  540. {block:NotReblog}Posted{/block:NotReblog}
  541. {block:Date}{TimeAgo}{/block:Date}
  542. {block:NoteCount}
  543. with {NoteCountWithLabel}
  544. {/block:NoteCount}
  545.  
  546. {block:RebloggedFrom}
  547. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  548. <br />
  549. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  550. <br />
  551. {/block:RebloggedFrom}
  552.  
  553. {block:HasTags}
  554. <br><br>
  555. {block:Tags}
  556. <a href="{TagURL}">#{Tag}</a>
  557. {/block:Tags}
  558. <br><br>
  559. {/block:HasTags}
  560. </div>
  561.  
  562.  
  563. {block:PostNotes}
  564. <div class="permaPageInfo">
  565. {PostNotes}
  566. </div>
  567. {/block:PostNotes}
  568.  
  569.  
  570. {/block:PermalinkPage}
  571.  
  572. <div style="margin-bottom:40px;"><br /></div>
  573.  
  574. {/block:Posts}
  575.  
  576. </div><!-- END CONTENT -->
  577.  
  578.  
  579.  
  580. </body>
  581. </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!