Advertisement
glamorousdreams1

Public theme 24

Feb 25th, 2012
2,673
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.45 KB | None | 0 0
  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.  
  4. <!--
  5. THEME BY GLAMOROUS-DREAMS
  6. FONT CREDIT TO LACETTE
  7. PLEASE DO NOT MOVE THE CREDITS-->
  8.  
  9. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  10. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/2eWl5b9xv/nav.js"></script>
  11. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive&;v1' rel='stylesheet' type='text/css'>
  12. <link href='http://fonts.googleapis.com/css?family=Homemade+Apple' rel='stylesheet' type='text/css'>
  13.  
  14. <head>
  15. <meta name="image:Background" content="http://static.tumblr.com/oct6d4x/7cwlzzavr/1.png" />
  16. <meta name="color:text" content="#8A8A8A" />
  17. <meta name="color:links" content="#9E9E9E" />
  18. <meta name="color:links hover" content="#C7C7C7" />
  19. <meta name="color:title" content="#AAA7A7" />
  20. <meta name="color:title shadow" content="#FFF7F0" />
  21. <meta name="image:sidebar" content="http://static.tumblr.com/oct6d4x/7KOlzzavd/ag.gif"/>
  22.  
  23.  
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl75bsU9n1qfamg6.png">
  26.  
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <style type="text/css">
  31.  
  32. ::-webkit-scrollbar-thumb:vertical {
  33. background-color:#EED6CD;
  34. -moz-border-radius:10px;
  35. -webkit-border-radius:10px;
  36. }
  37.  
  38. ::-webkit-scrollbar {
  39. width:10px;
  40. height:5px;
  41. background-color:#fff;
  42. }
  43.  
  44. body{
  45. color: {color:text};
  46. background-image:url({image:Background});
  47. background-postition:center;
  48. background-attachment: fixed;
  49. background-repeat: repeat;
  50. font-family: arial;
  51. font-size: 10px;
  52. line-height: 10px;
  53. text-align:justify;
  54. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress;
  55. }
  56.  
  57.  
  58. A:link, A:visited, A:active{
  59. color: {color:links};
  60. text-decoration:none;
  61. -webkit-transition-duration: 1.0s;
  62. }
  63.  
  64.  
  65. A:hover{
  66. color: {color:links hover};
  67. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
  68. }
  69.  
  70.  
  71. Title{
  72. color: {color:title};
  73. text-shadow: 1px 1px 2px {color:title shadow};
  74. font-family: Cedarville Cursive;
  75. font-size: 25px;
  76. line-height:80%;
  77. letter-spacing:0px;
  78. font-weight:normal;
  79. text-align: center;
  80. display: block;
  81. }
  82.  
  83.  
  84. Quotes{
  85. display: block;
  86. font-family: Cedarville Cursive;
  87. font-style:;
  88. font-size: 25px;
  89. line-height:80%;
  90. letter-spacing:0px;
  91. font-weight:normal;
  92. text-align: center;
  93. color: {color:title};
  94. text-shadow: 1px 1px 2px {color:title shadow};
  95. }
  96.  
  97.  
  98. Asks{
  99. display: block;
  100. font-family: Cedarville Cursive;
  101. font-size: 20px;
  102. line-height:80%;
  103. letter-spacing:0px;
  104. font-weight:normal;
  105. text-align: center;
  106. color: {color:title};
  107. text-shadow: 1px 1px 2px {color:titleshadow};
  108. }
  109.  
  110.  
  111. big{
  112. color: #886D5B;
  113. font-family: {font:body};
  114. font-size:17px;
  115. line-height:30px;
  116. letter-spacing:-1px;
  117. font-weight:normal;
  118. text-transform:;
  119. margin:0px;
  120. padding:0px;
  121. text-align:left;
  122. }
  123.  
  124.  
  125. b {
  126. font-family: arial;
  127. color: #9E9E9E;
  128. font-weight: bold;
  129. font-size: 10px;
  130. }
  131.  
  132.  
  133. i {
  134. color: #9E9E9E;
  135. font-family: arial;
  136. font-weight: none;
  137. font-size: 10px;
  138. border-bottom: solid 0px ;
  139. }
  140.  
  141.  
  142. u{
  143. text-decoration:none;
  144. border-bottom:#d5d0c1 dashed 1px;
  145. }
  146.  
  147.  
  148. ul, li {
  149. margin: 0; padding: 0;
  150. overflow: hidden;
  151. }
  152.  
  153. ul li {
  154. float: left;
  155. list-style: none;
  156. margin-right: 1em;
  157. }
  158.  
  159. li a {
  160. color: #544738;
  161. text-decoration: none;
  162. float: left;
  163. font-size: 25px;
  164. padding: 12px;
  165. }
  166.  
  167. li a:hover {
  168. color: #E0AFAF;
  169. }
  170.  
  171.  
  172. /*Anitmation
  173. li a:hover {
  174. -webkit-animation-name: cssAnimation;
  175. -webkit-animation-duration:1s;
  176. -webkit-animation-iteration-count: 1;
  177. -webkit-animation-timing-function: ease
  178. }
  179. @-webkit-keyframes cssAnimation {
  180. from {
  181. -webkit-transform: rotate(360deg) scale(1) skew(1deg) translate(0px);
  182. }
  183. to {
  184. -webkit-transform: rotate(350deg) scale(1.1) skew(1deg) translate(0px)
  185. }
  186. }
  187. */
  188.  
  189. .odd a:hover {
  190. -webkit-transition:All .5s ease-in-out;
  191. -moz-transition:All .5s ease-in-out;
  192. -o-transition:All .5s ease-in-out;
  193. -webkit-transform: rotate(-10deg) scale(1.2);
  194. -moz-transform: rotate(-10deg) scale(1.2);
  195. -o-transform: rotate(-10deg) scale(1.2);
  196. }
  197.  
  198. .even a:hover {
  199. -webkit-transition:All .5s ease-in-out;
  200. -moz-transition:All .5s ease-in-out;
  201. -o-transition:All .5s ease-in-out;
  202. -webkit-transform: rotate(10deg) scale(1.2);
  203. -moz-transform: rotate(10deg) scale(1.2);
  204. -o-transform: rotate(10deg) scale(1.2);
  205. }
  206.  
  207.  
  208. #text p{
  209. font-family: helvetica, sans-serif;
  210. text-align: left;
  211. font-size: 12px;
  212. margin: 10px 0 50px 10px;
  213. line-height: 20px;
  214. width: 780px;
  215.  
  216. -moz-column-count: 2;
  217. -moz-column-gap: 20px;
  218. -webkit-column-count: 2;
  219. -webkit-column-gap: 20px;
  220. column-count: 3;
  221. column-gap: 20px;
  222. }
  223. #container {
  224. width: 800px;
  225. margin-left:260px;
  226. position:fixed;
  227. }
  228.  
  229.  
  230.  
  231. #side{
  232. -moz-border-radius:0px;
  233. border-radius:0px;
  234. position:fixed !important;
  235. width:220px;
  236. height:600px;
  237. margin-left:220px;
  238. margin-top:34px;
  239. padding:3px;
  240. background-color:#fff;
  241. z-index:10;
  242. overflow:scroll;
  243. }
  244.  
  245.  
  246. #center{
  247. margin-left:450px;
  248. margin-top:34px;
  249. position:absolute;
  250. width:410px;
  251. height:600px;
  252. position:fixed;
  253. overflow-y:scroll;
  254. overflow-x:hidden;
  255. padding:3px;
  256. opacity: 1;
  257. background-color: #FFFFFF;
  258. }
  259.  
  260.  
  261. #entry {
  262. overflow-x: hidden;
  263. width:400px;
  264. {block:IndexPage}
  265. {/block:IndexPage}
  266. {block:permalinkpage}
  267. width:400px;
  268. height:100%;
  269. margin-bottom:10px;
  270. {/block:permalinkpage}
  271. overflow:hidden;
  272. }
  273.  
  274.  
  275. #entry .perma a {color:{color:Links};}
  276.  
  277. #entry .perma {
  278. width: 200px;
  279. position: absolute;
  280. font-family: arial;
  281. font-size: 10px;
  282. line-height: 15px;
  283. text-align: center;
  284. overflow:hidden;
  285. opacity: 0.0;
  286. filter: alpha (opacity=0);
  287. background-color:#fff;
  288. -webkit-transition: all 0.5s ease;
  289. -moz-transition: all 0.5s ease;
  290. -o-transition: all 0.5s ease;
  291. }
  292.  
  293. #entry:hover .perma {
  294. width:400px;
  295. opacity:0.9;
  296. overflow:visible;
  297. -webkit-transition-duration: 0.4s;
  298. -moz-border-radius:0px;
  299. -webkit-border-radius:0px;
  300. z-index: 2;
  301. }
  302.  
  303.  
  304. #notes{
  305. display:block;
  306. width:500px;
  307. float:left;
  308. padding:3px;
  309. margin:5px;
  310. }
  311.  
  312.  
  313. #foot{
  314. display:block;
  315. width:500px;
  316. position:absolute;
  317. padding:10px;
  318. height:15px;
  319. bottom:-45px;
  320. border-top: 1px dashed #000000;
  321. _bottom:-55px;
  322. _margin-left:370px;
  323. background-color: #FFFFFF;
  324.  
  325.  
  326. #question{
  327. border-bottom:1px solid #ffffff;
  328. overflow:SHOW;
  329. padding-bottom:3px;
  330. margin-bottom:3px;}
  331.  
  332.  
  333. #entry:hover #perma {display: block; opacity:1;}
  334. .alignleft {float: left;}
  335. .alignright {float: right;}
  336. .right { background-color:; margin: 0 0 px 0; padding: px; overflow:hidden; -moz-border-radius:3px; border-radius:3px; text-align: left; text-transform:; }
  337. .totalright {float:right; margin-top:0px;}
  338. #ask{ display:block; float: left; width:50px; overflow:hidden; word-wrap:break-word; margin-right:3px;}
  339. blockquote{ background-color: #E79FBE; padding: 7px; padding-left:8px; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF;
  340. p{margin-top:3px; margin-bottom:3px;}
  341. blockquote img{display:block; width:100%;}
  342. border-left: 2px solid #616161;
  343. padding: 0 0 0 15px;
  344. margin-left: 0px;
  345. blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
  346. a img{border:none;}
  347.  
  348. .audio{background-color:#C7C7C7; display:block;}
  349.  
  350. .user_1 .label, .user_4 .label, .user_7 .label {color:#d594af;}
  351.  
  352. .user_2 .label, .user_5 .label, .user_8 .label {color:#d594af;}
  353.  
  354. .user_3 .label, .user_6 .label, .user_9 .label {color:#b295a1; opacity:.75;}
  355.  
  356. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  357.  
  358. .notes img{width:10px; position:relative; top:1px;}
  359.  
  360. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  361.  
  362. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  363.  
  364.  
  365.  
  366. <style type="text/css">{CustomCSS]</style>
  367.  
  368.  
  369.  
  370. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  371. </head>
  372.  
  373.  
  374. <body>
  375.  
  376.  
  377. <div id="container">
  378. <ul id="nav">
  379. <li class="odd"><a href="/">Home</a></li>
  380. <li class="even"><a href="/ask">Message</a></li>
  381. <li class="odd"><a href="/myfavoritetumblrs">Faves</a></li>
  382. <li class="even"><a href="/other">Other</a></li>
  383. <li class="odd"><a href="http://glamorous-dreams.tumblr.com/">Credit</a></li>
  384.  
  385. </ul>
  386. </div>
  387.  
  388. <script language=JavaScript>
  389.  
  390. <!--
  391. //Disable right mouse click Script
  392. //By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
  393. //For full source code, visit http://www.dynamicdrive.com
  394.  
  395. var message="";
  396.  
  397. ///////////////////////////////////
  398. function clickIE4(){
  399. if (event.button==2){
  400. alert(message);
  401. return false;
  402. }
  403. }
  404.  
  405. function clickNS4(e){
  406. if (document.layers||document.getElementById&&!document.all){
  407. if (e.which==2|e.which==3){
  408. alert(message);
  409. return false;
  410. }
  411. }
  412. }
  413.  
  414. if (document.layers){
  415. document.captureEvents(Event.MOUSEDOWN);
  416. document.onmousedown=clickNS4;
  417. }
  418. else if (document.all&&!document.getElementById){
  419. document.onmousedown=clickIE4;
  420. }
  421.  
  422. document.oncontextmenu=new Function("return false")
  423.  
  424. // -->
  425. </script>
  426.  
  427.  
  428.  
  429. <!-- IMPORTANT -->
  430.  
  431. <div id="side">
  432. <center>
  433.  
  434. <img src="{image:sidebar}" align="left" style="border: 1px solid #8a8a8a; background:#fff; padding: 2px; width: 204px; margin:3px;"/>
  435. {description}
  436. </center>
  437.  
  438. </div>
  439.  
  440.  
  441. <div id="center">
  442.  
  443. <div class = "autopagerize_page_element" >
  444.  
  445. {block:Posts}<div id="entry">
  446. {block:IndexPage}
  447.  
  448. <div class="perma">
  449. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix} // {NoteCountWithLabel} </a></span> // <a href="{ReblogURL}" target="_blank" class="details">Reblog</a></span></div>
  450.  
  451.  
  452. <div id="bar"></div>{/block:IndexPage}<div id="title">{block:Text}{block:Title}<title>{Title}</title>{/block:Title} {/block:Text}{block:Chat}{block:Title}{Title}{/block:Title} {/block:Chat}{block:Link}{/block:Link}{block:Quote}<quotes>"{Quote}"</quotes>{/block:Quote}{block:Photo}{/block:Photo}{block:Photoset}{/block:Photoset}{block:Video}{/block:Video}{block:Audio}{/block:Audio}{block:Answer}{/block:Answer}</div>
  453. {block:Text}{Body}{/block:Text}
  454.  
  455.  
  456. {block:Photo}<center>{block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-400}" width="400" alt="{PhotoAlt}"/></a>
  457. {/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-400}" width="400" alt="{PhotoAlt}"/>{LinkCloseTag}{/block:PermalinkPage}</center>{/block:Photo}
  458. {block:Photoset}<center>{block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}</center>{block:PermalinkPage}{/block:PermalinkPage}{/block:Photoset}
  459. {block:Quote}{block:Source}{Source}{/block:Source}{/block:Quote}
  460. {block:Link}<a href="{URL}" class="links2" {Target}>{Name}</a><BR>{block:Description}{Description}{/block:Description}{/block:Link}
  461. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  462. {block:Video}<center>{block:IndexPage}<div id="video">{Video-400}</div>{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage}</center>{/block:Video}
  463. {block:Audio}<span class="audio">{AudioPlayerBlack}</span>{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:Audio}
  464. {block:Answer}
  465. <asks>{Asker} asked: {Question}</asks>
  466. <center>{Answer}</center>
  467. {/block:Answer}
  468.  
  469. </div>
  470.  
  471. {block:PermalinkPage}{block:Date}<div id="info">{block:Caption}{Caption}{/block:Caption}
  472.  
  473. <div id="bottominfo">
  474. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">{ShortDayOfWeek} {Month} {DayofMonth}{/block:Date} {block:RebloggedFrom}</a><br>Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}
  475. {block:Photo}{block:HighRes}<br>HighRes: <a href="{PhotoURL-HighRes}">view</a>{/block:HighRes}{/block:Photo}
  476. {block:Answer}<BR>Ask: <a href="/ask">{AskLabel}</a>{/block:Answer}
  477. {block:Audio}<BR>Plays: {FormattedPlayCount}{block:ExternalAudio}<BR>Download: <a href="{ExternalAudioURL}">here</a>.{/block:ExternalAudio}{/block:Audio}
  478. {block:HasTags}<BR>Tagged: {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{block:NoteCount}<BR>Notes: {NoteCount}{/block:NoteCount}
  479. </div></div> {/block:Date}{/block:PermalinkPage}
  480. {/block:Posts}
  481. </div>
  482. {block:PostNotes}{PostNotes}{/block:PostNotes}
  483. <p id="footer">
  484.  
  485.  
  486. </div>
  487.  
  488.  
  489.  
  490. <BODY onselectstart="return false;" ondragstart="return false;">
  491.  
  492. </BODY>
  493. </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement