Advertisement
maryaciolli

Theme #3

May 25th, 2013
93
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.26 KB | None | 0 0
  1.  
  2. <!------ Theme by primadoonnagirl.tumblr.com ----------->
  3. <!------ Don't copy bitch! ----------->
  4.  
  5.  
  6. <html lang="en">
  7. <head>
  8.  
  9. <script type="text/javascript">
  10. WebFontConfig = {
  11. google: { families: [ 'Ruluko::latin' ] }
  12. };
  13. (function() {
  14. var wf = document.createElement('script');
  15. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  16. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  17. wf.type = 'text/javascript';
  18. wf.async = 'true';
  19. var s = document.getElementsByTagName('script')[0];
  20. s.parentNode.insertBefore(wf, s);
  21. })(); </script>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco&v1' rel='stylesheet' type='text/css'>
  24.  
  25. <!-- DEFAULT VARIABLES -->
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  27. <meta name="color:Background" content="#fff"/>
  28. <meta name="color:Text" content="#000"/>
  29. <meta name="color:Title" content="#000"/>
  30. <meta name="color:Link" content="#777"/>
  31. <meta name="color:Hover" content="#ccc"/>
  32. <meta name="if:Infinite Scrolling" content=""/>
  33. <meta name="if:Show Arrows" content=""/>
  34. <meta name="image:Sidebar" content=""/>
  35. <meta name="if:Special Links" content=""/>
  36. <meta name="if:Rainbow Links" content=""/>
  37. <meta name="if:Tiny Cursor" content="1"/>
  38. <meta name="if:Rock On Hand Cursor" content=""/>
  39. <meta name="image:Background" content=""/>
  40. <meta name="if:Sidebar Image" content=""/>
  41. <meta name="if:Show Blog Title" content=""/>
  42. <meta name="text:Link One Title" content="" />
  43. <meta name="text:Link One" content="" />
  44. <meta name="text:Link Two Title" content="" />
  45. <meta name="text:Link Two" content="" />
  46. <meta name="text:Link Three Title" content="" />
  47. <meta name="text:Link Three" content="" />
  48. <meta name="text:Link Four Title" content="" />
  49. <meta name="text:Link Four" content="" />
  50. <meta name="text:Link Five Title" content="" />
  51. <meta name="text:Link Five" content="" />
  52. <meta name="text:Link Six Title" content="" />
  53. <meta name="text:Link Six" content="" />
  54.  
  55.  
  56. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  57.  
  58. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  59.  
  60. <style type="text/css">
  61.  
  62. {block:iftinycursor}
  63. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;}
  64. {/block:iftinycursor}
  65.  
  66. {block:ifrockonhandcursor}
  67. body, a, a:hover {cursor: url(http://cur.cursors-4u.net/symbols/sym-1/sym57.cur), progress;}
  68. {/block:ifrockonhandcursor}
  69.  
  70. body {
  71. margin:0px;
  72. background-color: {color:Background};
  73. background-image:url({image:Background});
  74. background-attachment: fixed;
  75. background-repeat: repeat;}
  76. body, div, p, textarea, submit, input{
  77. font-family: 'Ruluko';
  78. font-size: 11px;
  79. line-height:10px;
  80. letter-spacing:px;
  81. color:{color:Text};
  82. }
  83.  
  84. p {
  85. margin:0px;
  86. margin-top:0px;
  87. }
  88.  
  89. a:link, a:active, a:visited{
  90. color: {color:Link};
  91. text-decoration: none;
  92. -webkit-transition: color 0.3s ease-out;
  93. -moz-transition: color 0.3s ease-out;
  94. transition: color 0.3s ease-out;
  95. }
  96.  
  97. a:hover {
  98. color:{color:Hover};
  99. text-decoration: none;
  100. }
  101.  
  102. div#center{
  103. margin:auto;
  104. position:relative;
  105. width:740px;
  106. background-color:;
  107. overflow:auto;
  108. overflow-y:hidden;
  109. }
  110.  
  111. div#content{
  112. float:right;
  113. width:450px;
  114. padding:1px;
  115. padding-top: 0px;
  116. margin-top:1px;
  117. margin-right: 250px;
  118. background-color:white;
  119. }
  120.  
  121. div#sidebar{
  122. position:fixed !important;
  123. width: 270px;
  124. height:100%;
  125. margin: 1px 0px 0px 500px;
  126. padding-top:1px;
  127. padding-left:1px;
  128. padding-right:1px;
  129. padding-bottom:1px;
  130. text-align:center;
  131. background-color: #fff;
  132. }
  133.  
  134. div#entry{
  135. width:450px;
  136. margin-top:1px;
  137. padding-left:0px;
  138. padding-right:0px;
  139. padding-top:0px;
  140. padding-bottom:0px;
  141. background-color: #fff;
  142. }
  143.  
  144. #postnotes{
  145. text-align: justify;
  146. }
  147.  
  148. #postnotes blockquote{
  149. border: 0px;
  150. }
  151.  
  152. .blank
  153. <!-kb->
  154.  
  155. .title{
  156. font-family: cambria;
  157. font-size: 12px;
  158. line-height: 12px;
  159. color: {color:Title};
  160. }
  161.  
  162. .blogtitle{
  163. font-family: "Sue Ellen Francisco";
  164. font-size: 30px;
  165. line-height: 36px;
  166. color: {color:Link}; }
  167.  
  168. .blogtitle a:hover {
  169. text-decoration: none;
  170. border-bottom:none;
  171. }
  172.  
  173.  
  174.  
  175. blockquote{
  176. padding:0px 0px 2px 5px;
  177. margin:0px 0px 2px 1px;
  178. border-left: 1px dotted {color:Text};
  179. }
  180.  
  181. blockquote p, ul{
  182. margin:0px;
  183. padding:0px;
  184. }
  185.  
  186. a img{border: 0px;}
  187. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  188. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  189. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  190. .notes img{width:10px; position:relative; top:3px;
  191. }
  192.  
  193.  
  194.  
  195.  
  196. #entry .permalink a{
  197. float: bottom;
  198. color:#000;
  199. }
  200.  
  201. #entry .permalink{
  202. margin-right: -10px;
  203. width:0px;
  204. height: 13px;
  205. line-height: 13px;
  206. position: absolute;
  207. font-family: 'Ruluko';
  208. text-transform:uppercase;
  209. font-size: 10px;
  210. overflow:hidden;
  211. opacity: 0.0;
  212. background-color:#ffffff;
  213. }
  214.  
  215. #entry:hover .permalink{
  216. margin-right: 250px;
  217. width: 450px;
  218. overflow:visible;
  219. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  220. -webkit-transition: all 0.2s linear;
  221. -moz-transition: all 0.2s linear;
  222. transition: all 0.2s linear;
  223. }
  224.  
  225. .perma{
  226. opacity:0;
  227. position:absolute;
  228. float:left;
  229. padding-left:11px;
  230. margin-left:-50px;
  231. font-family: 'Ruluko';
  232. -moz-transition: all 0.3s ease-out;
  233. -o-transition: all 0.3s ease-out;
  234. -webkit-transition: all 0.3s ease-out;
  235. transition: all 0.3s ease-out;
  236. }
  237.  
  238. #entry:hover .perma{
  239. opacity:1;
  240. -moz-transition: all 0.3s ease-out;
  241. -o-transition: all 0.3s ease-out;
  242. -webkit-transition: all 0.3s ease-out;
  243. transition: all 0.3s ease-out;
  244. }
  245.  
  246. #navigate a{
  247. background: #fff;
  248. color:{color:link};
  249. letter-spacing: 2px;
  250. padding: 3px;
  251. width: 240px;
  252. padding-left: 0px;
  253. font-family: littlefont;
  254. text-transform:uppercase;
  255. font-size: 8px;
  256. text-align: left;
  257. position:relative;
  258. -webkit-transition-duration: .5s;
  259. z-index:1;
  260. }
  261.  
  262. #navigate a:hover{
  263. font-weight: bold;
  264. letter-spacing: 1px;
  265. background: #fff;
  266. color:{color:link};
  267. display:inline-block;
  268. padding:3px 0;
  269. padding-left:3px;
  270. text-align: right;
  271. border-left:30px solid {color:background};
  272. width: 215px;
  273. z-index:2;
  274. }
  275.  
  276.  
  277. small{font-size: 90%;}
  278.  
  279. .video2 embed, .post div.video object {width:450px !important; height:450px !important;}
  280.  
  281. {CustomCSS}
  282. </style>
  283. <link rel="shortcut icon" href="{Favicon}">
  284. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  285. <meta name="viewport" content="width=820" />
  286. </head>
  287. {block:ifrainbowlinks}<script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  288. "></script>{/block:ifrainbowlinks}
  289. <body>
  290.  
  291. <div id="center">
  292. <div id="sidebar"><br>
  293. {block:ifshowblogtitle}<span class=blogtitle><a href="/">
  294. {Title}
  295. </a></span><br>{/block:ifshowblogtitle}
  296. {block:ifsidebarimage}<a href="/"><img src="{image:sidebar}" width=270px></a><br>{/block:ifsidebarimage} <br>
  297.  
  298. {Description}
  299. {block:ifspeciallinks}
  300. <div id="navigate">
  301. <br>
  302. {block:IfLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a> {/block:ifLinkOneTitle}
  303. {block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a> {/block:ifLinkTwoTitle}
  304. {block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}
  305. {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title} </a> {/block:ifLinkFourTitle}
  306. {block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title} </a>{/block:ifLinkFiveTitle}  
  307. {block:ifLinkSixTitle}<a href="{text:Link Six}">{text:Link Six Title} </a> {/block:ifLinkSixTitle}
  308. </div>{/block:ifspeciallinks}
  309. <br>
  310. {block:ifshowarrows}
  311. {block:PreviousPage}<a href="{PreviousPage}"><big> ← </big>{/block:PreviousPage}
  312. {block:NextPage}<a href="{NextPage}"> <big> → </big>{/block:NextPage}
  313. {/block:ifshowarrows}
  314. </div>
  315.  
  316.  
  317. <div id="content">
  318. {block:Posts}
  319.  
  320. <div id="entry">
  321.  
  322.  
  323. {block:Text}
  324. {block:IndexPage}
  325. <div class="perma"><a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  326. {/block:IndexPage}
  327. {block:Title}<span class="title">{Title}</span>{/block:Title}
  328. <span class="entrytext">{Body}</span></a>
  329.  
  330. {/block:Text}
  331.  
  332. {block:Link}
  333. {block:IndexPage}
  334. <div class="perma"><a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  335. {/block:IndexPage}
  336. <a href="{URL}" class="title">{Name}</a>
  337. {block:Description}{Description}{/block:Description}
  338. {block:Link}
  339.  
  340. {block:Photo}
  341. {block:IndexPage}
  342. <div class="permalink">
  343. <a href="{permalink}">{NoteCountWithLabel}</a> \ <a href="{ReblogURL}" target="_blank"> reblog </a> \ <a href="{permalink}">{TimeAgo}</a></span></div>
  344. {block:IndexPage}
  345. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=450px/>{LinkCloseTag}
  346. {/block:Photo}
  347.  
  348. {block:Quote}
  349. {block:IndexPage}
  350. <div class="perma"><a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  351. {/block:IndexPage}
  352. <span class="title">{Quote}</span>
  353. {block:Source}{Source}{/block:Source}
  354. {/block:Quote}
  355.  
  356. {block:Chat}
  357. {block:IndexPage}
  358. <div class="perma"><a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  359. {/block:IndexPage}
  360. {block:Title}<span class="title">{Title}</span>{/block:Title}
  361. <ul class="chat">
  362. {block:Lines}
  363. <li class="user_{UserNumber}">
  364. {block:Label}
  365. <span class="label">{Label}</span>
  366. {/block:Label}
  367.  
  368. {Line}
  369. </li>
  370. {/block:Lines}
  371. </ul>
  372.  
  373. {/block:Chat}
  374.  
  375. {block:Audio}
  376. {block:IndexPage}
  377. <div class="perma"><a href="{Permalink}">{NoteCount}</a> <a href="{ReblogURL}" target="_blank">reblog</a></span></a></div>
  378. {/block:IndexPage}
  379. <center><div style="width:300px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div style="margin-top:8px; float:right;"><small>
  380. {FormattedPlayCount} plays</small></div></div></center><br>
  381. {block:Caption}{Caption}{/block:Caption}
  382. {/block:Audio}
  383.  
  384. {block:Photoset}{block:IndexPage}
  385. <div class="permalink">
  386. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}<center>{Photoset-400}</center></span>{/block:Photoset}
  387.  
  388. {block:Video}{block:IndexPage}
  389. <div class="permalink">
  390. <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> reblog </a> / <a href="{permalink}">{TimeAgo}</a></span></div>{/block:IndexPage}
  391. <center>
  392. <div class="video2">{Video-400}</div><BR>
  393. {block:Caption}{Caption}</a>{/block:Caption}</center>
  394. {block:Video}
  395.  
  396.  
  397. {block:PostNotes}
  398. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} - {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  399. <div id="postnotes">{PostNotes}</div>
  400.  
  401. {/block:PostNotes}
  402. </div>
  403. {/block:Posts}
  404. </div></div>
  405.  
  406. </div><div style="display:block;bottom:5px;left:5px;font-size:11px;font-family: cambria;position:fixed;background-color:#ffffff;padding:3px;border-radius:10px;z-index:55554235555;"> <a href="http://primadoonnagirl.tumblr.com" target="_blank">♡ credits ♡</a></div>
  407. </body>
  408. </html>
  409.  
  410.  
  411. <!------ Theme by primadoonnagirl.tumblr.com ----------->
  412. <!------ Don't copy bitch! ----------->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement