API tools faq
paste
Advertisement
themesbygeorgia

Base Code/Theme #20

themesbygeorgia
Jun 1st, 2014
3,117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--base code/theme #20 by wonderfullythemes
  6. please refer to my post for rules-->
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <!--SCRIPT FOR TOOLTIPS-->
  14. <stsss>
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  16. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  17. <script>
  18. (function($){
  19. $(document).ready(function(){
  20. $("a[title]").style_my_tooltips({
  21. tip_follows_cursor:true,
  22. tip_delay_time:0,
  23. tip_fade_speed:0,
  24. attribute:"title"
  25. });
  26. });
  27. })(jQuery);
  28. </script>
  29.  
  30. <meta name="color:Background" content="#fff" />
  31. <meta name="color:Link" content="#1bcc5c" />
  32. <meta name="color:Hover" content="#444" />
  33. <meta name="color:Text" content="#444" />
  34.  
  35. <meta name="image:Sidebar" content="" />
  36.  
  37. <meta name="text:Link1" content="/" />
  38. <meta name="text:Link1 Text" content="Link 1" />
  39. <meta name="text:Link2" content="/" />
  40. <meta name="text:Link2 Text" content="Link 2" />
  41. <meta name="text:Link3" content="/" />
  42. <meta name="text:Link3 Text" content="Link 3" />
  43. <meta name="text:Link4" content="/" />
  44. <meta name="text:Link4 Text" content="Link 4" />
  45.  
  46.  
  47. <style type="text/css">
  48.  
  49. ::-webkit-scrollbar-thumb {
  50. height:auto;
  51. background-color:{color:Text};
  52. }
  53.  
  54. ::-webkit-scrollbar {
  55. height:4px;
  56. width:3px;
  57. padding-right:2px;
  58. background-color:white;
  59. }
  60.  
  61. #s-m-t-tooltip {
  62. max-width:200px;
  63. font-family:'pt sans';
  64. font-size:8px;
  65. background-color:#000;
  66. color:#fff;
  67. line-height:9px;
  68. display:none;
  69. position:absolute;
  70. letter-spacing:1px;
  71. text-transform:uppercase;
  72. padding:3px;
  73. margin:15px 0px 0px 15px;
  74. z-index:99999999999999;
  75. }
  76.  
  77. body {
  78. background:{color:Background};
  79. color:{color:Text};
  80. font-family:'calibri';
  81. font-size:12px;
  82. text-decoration:none;
  83. text-transform:none;
  84. margin:0px;
  85. }
  86.  
  87. a {
  88. color:{color:Link};
  89. text-decoration:none;
  90. -moz-transition-duration:0.7s;
  91. -webkit-transition-duration:0.7s;
  92. -o-transition-duration:0.7s;
  93. }
  94.  
  95. a:hover {
  96. color:{color:Hover};
  97. -moz-transition-duration:0.7s;
  98. -webkit-transition-duration:0.7s;
  99. -o-transition-duration:0.7s;
  100. }
  101.  
  102. h2 {
  103. font-family:arial black;
  104. color:{color:Link};
  105. }
  106.  
  107. h2 a {
  108. color:{color:Link};
  109. }
  110.  
  111. li {
  112. list-style:square;
  113. }
  114.  
  115. blockquote {
  116. border-left:2px solid {color:Text};
  117. padding-left:5px;
  118. }
  119.  
  120. img, blockquote, li, h2 {
  121. max-width:100%;
  122. }
  123.  
  124. #entries {
  125. width:550px;
  126. margin:auto;
  127. position:relative;
  128. top:10px;
  129. left:500px;
  130. padding:40px;
  131. float:left;
  132. }
  133.  
  134. #posts {
  135. width:500px;
  136. margin-bottom:40px;
  137. }
  138.  
  139. #sidebar {
  140. width:205px;
  141. height:300px;
  142. position:fixed;
  143. margin-top:200px;
  144. margin-left:200px;
  145. }
  146.  
  147. .title {
  148. line-height:20px;
  149. float:right;
  150. font-family:'arial bold';
  151. letter-spacing:-1px;
  152. text-align:right;
  153. text-transform:lowercase;
  154. font-size:20px;
  155. }
  156.  
  157. .sidebarpic {
  158. width:auto;
  159. height:auto;
  160. }
  161.  
  162. .sidebarpic img {
  163. width:205px;
  164. height:150px;
  165. }
  166.  
  167. .description {
  168. padding:3px;
  169. height:55px;
  170. overflow:hidden;
  171. margin-top:5px;
  172. position:relative;
  173. text-align:justify;
  174. }
  175.  
  176. .links {
  177. font-size:10px;
  178. width:auto;
  179. height:auto;
  180. position:relative;
  181. font-style:none;
  182. text-decoration:none;
  183. text-align:center;
  184. margin-top:10px;
  185. letter-spacing:1px;
  186. text-transform:uppercase;
  187. }
  188.  
  189. .links a {
  190. padding:3px;
  191. color:{color:Link};
  192. }
  193.  
  194. .links a:hover {
  195. background-color:{color:Text};
  196. color:white;
  197. }
  198.  
  199. #pagination {
  200. width:205px;
  201. margin-top:5px;
  202. font-size:10px;
  203. float:center;
  204. text-align:center;
  205. text-transform:uppercase;
  206. }
  207.  
  208. /*--INFO AND TAGS--*/
  209. #footer {
  210. text-transform:none;
  211. width:500px;
  212. text-align:left;
  213. font-size:10px;
  214. border-top:1px solid {color:Link};
  215. margin-top:5px;
  216. }
  217.  
  218. #footer a {
  219. color:{color:Link};
  220. }
  221.  
  222. #footer a:hover {
  223. color:{color:Hover};
  224. }
  225.  
  226. /*--UPDATES TAB--*/
  227. #lostatsea {
  228. width:150px;
  229. height:90px;
  230. margin-top:10px;
  231. position:fixed;
  232. font-size:10px;
  233. margin-left:3px;
  234. }
  235.  
  236. .updatetitle {
  237. border-left:3px solid {color:Link};
  238. text-transform:uppercase;
  239. letter-spacing:1px;
  240. line-height:20px;
  241.  
  242. }
  243.  
  244. .updatetitle a {
  245. margin-left:3px;
  246. color:{color:Text};
  247. border-bottom:2px solid transparent;
  248. }
  249.  
  250. .updatetitle a:hover {
  251. color:{color:Link};
  252. border-bottom:2px solid {color:Text};
  253. }
  254.  
  255. #update1 {
  256.  
  257. }
  258.  
  259. #update1:hover .updatesinfo1{
  260. height:80px; /*--change the length of your updates text here--*/
  261. opacity:1;
  262. -moz-transition-duration:0.7s;
  263. -webkit-transition-duration:0.7s;
  264. -o-transition-duration:0.7s;
  265. }
  266.  
  267. .updatesinfo1 {
  268. margin-left:60px;
  269. border:1px solid {color:Link};
  270. width:100px;
  271. height:10px;
  272. opacity:0;
  273. position:fixed;
  274. margin-top:-15px;
  275. overflow:hidden;
  276. -moz-transition-duration:0.7s;
  277. -webkit-transition-duration:0.7s;
  278. -o-transition-duration:0.7s;
  279. }
  280.  
  281. #update2 {
  282.  
  283. }
  284.  
  285. #update2:hover .updatesinfo2{
  286. height:100px; /*--change the length of your updates text here--*/
  287. opacity:1;
  288. -moz-transition-duration:0.7s;
  289. -webkit-transition-duration:0.7s;
  290. -o-transition-duration:0.7s;
  291. }
  292.  
  293. .updatesinfo2 {
  294. margin-left:60px;
  295. border:1px solid {color:Link};
  296. width:100px;
  297. height:10px;
  298. opacity:0;
  299. position:fixed;
  300. overflow:hidden;
  301. margin-top:-15px;
  302. -moz-transition-duration:0.7s;
  303. -webkit-transition-duration:0.7s;
  304. -o-transition-duration:0.7s;
  305. }
  306.  
  307. #update3 {
  308.  
  309. }
  310.  
  311. #update3:hover .updatesinfo3{
  312. opacity:1;
  313. height:40px; /*--change the length of your updates text here--*/
  314. -moz-transition-duration:0.7s;
  315. -webkit-transition-duration:0.7s;
  316. -o-transition-duration:0.7s;
  317. }
  318.  
  319. .updatesinfo3 {
  320. margin-left:60px;
  321. border:1px solid {color:Link};
  322. width:100px;
  323. height:1px;
  324. opacity:0;
  325. position:fixed;
  326. overflow:hidden;
  327. margin-top:-15px;
  328. -moz-transition-duration:0.7s;
  329. -webkit-transition-duration:0.7s;
  330. -o-transition-duration:0.7s;
  331. }
  332.  
  333. #update4 {
  334.  
  335. }
  336.  
  337. #update4:hover .updatesinfo4{
  338. opacity:1;
  339. height:30px; /*--change the length of your updates text here--*/
  340. -moz-transition-duration:0.7s;
  341. -webkit-transition-duration:0.7s;
  342. -o-transition-duration:0.7s;
  343. }
  344.  
  345. .updatesinfo4 {
  346. margin-left:60px;
  347. border:1px solid {color:Link};
  348. width:100px;
  349. height:1px;
  350. opacity:0;
  351. position:fixed;
  352. margin-top:-15px;
  353. overflow:hidden;
  354. -moz-transition-duration:0.7s;
  355. -webkit-transition-duration:0.7s;
  356. -o-transition-duration:0.7s;
  357. }
  358.  
  359. /*--CREDIT--*/
  360. #spectrum {
  361. bottom:9px;
  362. right:7px;
  363. font-size:8px;
  364. font-family:'calibri';
  365. letter-spacing:1px;
  366. text-transform:uppercase;
  367. position:fixed;
  368. }
  369.  
  370. {CustomCSS}</style></head><body>
  371.  
  372. <div id="lostatsea">
  373.  
  374. <div id="update1">
  375. <div class="updatetitle"><a ="">about</a><br></div>
  376. <div class="updatesinfo1">text goes here. write as much or as little as you like here. you can change the length in the css part of the code where my comments are</div>
  377. </div>
  378.  
  379. <div id="update2">
  380. <div class="updatetitle"><a ="">updates</a><br></div>
  381. <div class="updatesinfo2"><b>bold</b>, <i>italic</i>, <u>underline</u>, <s>strikethrough</s><br>new line<p>new paragraph<br><br><div style="color:white;background-color:black;padding:1px;">titles</div></div>
  382. </div>
  383.  
  384. <div id="update3">
  385. <div class="updatetitle"><a ="">curently</a><br></div>
  386. <div class="updatesinfo3">morganas wonderful (tbh all the characters of merlin are)</div>
  387. </div>
  388.  
  389. <div id="update4">
  390. <div class="updatetitle"><a ="">stats</a><br></div>
  391. <div class="updatesinfo4">send <a href="http://wonderfullythemes.tumblr.com/faq">me</a> an ask if you have any questions</div>
  392. </div>
  393.  
  394. </div>
  395.  
  396. <div id="sidebar">
  397. <div class="title"><a href="/" title="home">{Title};</a></div>
  398. <div class="sidebarpic"><img src="{image:Sidebar}" /></div>
  399.  
  400. <div class="links">
  401. <a href="{text:Link1}">{text:Link1 Text}</a>
  402. <a href="{text:Link2}">{text:Link2 Text}</a>
  403. <a href="{text:Link3}">{text:Link3 Text}</a>
  404. <a href="{text:Link4}">{text:Link4 Text}</a>
  405. </div>
  406.  
  407. <div class="description">{Description}</div>
  408.  
  409. <div id="pagination">
  410. {block:Pagination}
  411. {block:PreviousPage}<a href="{PreviousPage}" title="back">←</a>{/block:PreviousPage} &nbsp;&nbsp;
  412. {block:NextPage}<a href="{NextPage}" title="next">→</a>{/block:NextPage}
  413. {/block:Pagination}
  414. </div>
  415. </div>
  416.  
  417. <div id="entries">{block:Posts}<div id="posts">
  418.  
  419. {block:Text}
  420. {block:Title}<h2>{Title}</h2>{/block:Title}
  421. {Body}
  422. {/block:Text}
  423.  
  424. {block:Answer}
  425. {Asker} asked: {Question}
  426. {Answer}
  427. {/block:Answer}
  428.  
  429. {block:Quote}
  430. {Quote}
  431. {block:Source}{Source}{/block:Source}
  432. {/block:Quote}
  433.  
  434. {block:Link}
  435. <h2><a href="{URL}">{Name}</a></h2>
  436. {block:Description}{Description}{/block:Description}
  437. {/block:Link}
  438.  
  439. {block:Chat}
  440. {block:Title}{Title}{/block:Title}
  441. <ul>{block:Lines}
  442. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  443. {/block:Lines}</ul>
  444. {/block:Chat}
  445.  
  446. {block:Photo}
  447. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}
  448. {block:Caption}{Caption}{/block:Caption}
  449. {/block:Photo}
  450.  
  451. {block:Photoset}
  452. {Photoset-500}
  453. {block:Caption}{Caption}{/block:Caption}
  454. {/block:Photoset}
  455.  
  456. {block:Audio}
  457. {AudioPlayerWhite}
  458. {block:TrackName}{TrackName}{/block:Trackname}
  459. {AudioPlayerBack}
  460. {block:Caption}{Caption}{/block:Caption}
  461. {/block:Audio}
  462.  
  463. {block:Video}
  464. {Video-500}
  465. {block:Caption}{Caption}{/block:Caption}
  466. {/block:Video}
  467.  
  468. <div id="footer">
  469. {block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>
  470. {block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  471. {block:RebloggedFrom} | <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  472. {block:ContentSource} | <a href="{SourceURL}">source</a>{/block:ContentSource}<br>
  473. {block:HasTags}{block:Tags}#<a href="{URL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  474. {/block:Date}</div>
  475.  
  476. </div>{/block:Posts}
  477.  
  478. <div id="spectrum">
  479. <a href="http://wonderfullythemes.tumblr.com">theme</a>
  480. </div>
  481.  
  482. </div>
  483.  
  484.  
  485.  
  486.  
  487. </body>
  488. </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!