Advertisement
dreamermeetsreality

Little Miss Dolly

Apr 23rd, 2012
197
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.37 KB | None | 0 0
  1. </* THEME BY DREAMERMEETSREALITY.TUMBLR.COM
  2. DO NOT REMOVE CREDITS!*/>
  3.  
  4. <html>
  5.  
  6. <head>
  7.  
  8. <meta name="image:background" content="http://media.tumblr.com/tumblr_looh9p9PWw1qf72le.png"/>
  9. <meta name="image:sidebar1 bg" content="http://i33.photobucket.com/albums/d84/flickmobile/Backgrounds/patbk2.png"/>
  10. <meta name="image:sidebar2 bg" content="http://i33.photobucket.com/albums/d84/flickmobile/Backgrounds/patbk2.png"/>
  11. <meta name="image:sidebar 1 avatar" content="http://media.tumblr.com/tumblr_m2ri3oHYUh1qfamg6.png"/>
  12. <meta name="image:sidebar 2 avatar" content="http://media.tumblr.com/tumblr_m2ri47Gk6z1qfamg6.png"/>
  13. <meta name="if:DropDownMenu" content="1"/>
  14. <meta name="if:EndlessScroll" content="1"/>
  15. <meta name="text:Dropdown Link1" content= "Link" />
  16. <meta name="text:Dropdown Link1 URL" content="" />
  17. <meta name="text:Dropdown Link2" content= "Link" />
  18. <meta name="text:Dropdown Link2 URL" content="" />
  19. <meta name="text:Dropdown Link3" content= "Link" />
  20. <meta name="text:Dropdown Link3 URL" content="" />
  21. <meta name="text:Dropdown Link4" content= "Link" />
  22. <meta name="text:Dropdown Link4 URL" content="" />
  23. <meta name="color:text" content="#364E68"/>
  24. <meta name="color:link" content="#7C9FBD"/>
  25. <meta name="color:link hover" content="#364E68"/>
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}"/>
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'>
  33.  
  34. <script type="text/javascript">
  35. WebFontConfig = {
  36. google: { families: [ 'Overlock::latin' ] }
  37. };
  38. (function() {
  39. var wf = document.createElement('script');
  40. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  41. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  42. wf.type = 'text/javascript';
  43. wf.async = 'true';
  44. var s = document.getElementsByTagName('script')[0];
  45. s.parentNode.insertBefore(wf, s);
  46. })(); </script>
  47.  
  48.  
  49. <style type="text/css">
  50.  
  51.  
  52. @import url(http://fonts.googleapis.com/css?family=Overlock);
  53.  
  54.  
  55. body {
  56. background: url("{image:background}") fixed repeat;
  57. font-family: 'Overlock', cursive;
  58. font-size: 10px;
  59. color: {color:text};
  60. text-wrap: normal
  61. word-wrap: break-word;
  62. margin:0px 0px;
  63. text-align:center;
  64. height: 100%;
  65. }
  66. a, a:active, a:visited{
  67. text-decoration: none;
  68. color: {color:link};
  69. }
  70.  
  71. a:hover{
  72. color: {color:link hover};
  73. }
  74.  
  75. #main{
  76. background-color: transparent;
  77. background-repeat: repeat;
  78. position: absolute;
  79. width: 750px;
  80. height: 100%;
  81. top: 0px;
  82. left: 50%;
  83. margin-left: -375px;
  84. }
  85.  
  86. #sidebar{
  87. background: url("{image:sidebar1 bg}") fixed repeat;
  88. border-style:solid;
  89. position: fixed;
  90. width: 225px;
  91. height: 400px;
  92. padding: 10px;
  93. left: 40px;
  94. top: 5px;
  95. opacity: 0.9;
  96. float: left;
  97. }
  98.  
  99. #sidebar2{
  100. background: url("{image:sidebar2 bg}") fixed repeat;
  101. border-style:solid;
  102. position: fixed;
  103. width: 225px;
  104. height: 400px;
  105. padding: 10px;
  106. left: 860px;
  107. top: 5px;
  108. float: right;
  109. }
  110.  
  111. #content{
  112. background: url("http://i33.photobucket.com/albums/d84/flickmobile/Backgrounds/patbk2.png") fixed repeat;
  113. border-style:solid;
  114. position: absolute;
  115. width: 500px;
  116. height: auto;
  117. padding: 10px;
  118. left: 310px;
  119. top: 5px;
  120.  
  121. }
  122.  
  123. .post{
  124. text-align: left;
  125. margin: 5px 0px 0px 0px;
  126. }
  127.  
  128.  
  129.  
  130. .quote{
  131. font-size: 25px;
  132. font-style: italic;
  133. }
  134.  
  135. .source{
  136. text-align: right;
  137. }
  138.  
  139. .info {
  140. padding: 2px 3px 2px 3px;
  141. margin-bottom: 5px;
  142. text-align: left;
  143. }
  144.  
  145. .tag {
  146. font-weight: normal;
  147. margin-right: 2px;
  148. font-style: italic;
  149. text-transform: lowercase;
  150. }
  151.  
  152. .date {
  153. font-size: 10px;
  154. color: #2E0D23;
  155. text-transform: uppercase;
  156. font-weight: bold;
  157. }
  158.  
  159. .h1{
  160. font-size: 70px;
  161. margin: 20px 0px 0px 0px;
  162. }
  163.  
  164. ::-webkit-scrollbar {
  165. width: 7px;
  166. background-color: #676767;
  167. }
  168.  
  169. ::-webkit-scrollbar-track-piece {
  170. background-color: #F0C7C3;/**this is the color of the track of your scroll bar**/
  171. -webkit-border-radius:15px;
  172. }
  173.  
  174. ::-webkit-scrollbar-button:start:decrement,
  175. ::-webkit-scrollbar-button:end:increment {
  176. height: 5px;/**this is the height of the stopper at the bottom and top of the scrollbar**/
  177. display: block;
  178. background: #676767;/**this is the color of the stopper at the top and the bottom of your scrollbar**/
  179. }
  180.  
  181. ::-webkit-scrollbar-thumb{
  182. background-color: #364E68;/**this is the color of the draggable part of your scrollbar**/
  183. -webkit-border-radius:15px;
  184. border:solid 1px #666666;
  185. }
  186.  
  187. </style>
  188.  
  189. {block:ifEndlessScroll}
  190. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  191. {/block:ifEndlessScroll}
  192. </head>
  193.  
  194. <body>
  195.  
  196.  
  197. <div id="main">
  198.  
  199. <div id="sidebar">
  200.  
  201. <center>
  202. <h1> &hearts; {Title} &hearts; </h1>
  203. <br>
  204. <image src="{image:sidebar 1 avatar}" width="200">
  205. <font size="2px">
  206. <br>
  207. {Description}
  208. <br>
  209. <br>
  210. {block:ifDropDownMenu}
  211. <div style="border-left:5px solid #000000; width:205px; margin-left:19px;">
  212. <select style="
  213. width:205px;
  214. border: 0px solid;
  215. padding:5px;
  216. color:#000000;
  217. background-color:#ffffff;
  218. font-family:consolas;
  219. text-transform:uppercase;
  220. font-size:9px;
  221. letter-spacing:2px;" onChange="location.href=this.options[this.selectedIndex].value;">
  222. <option value="/">Links</option>
  223. {block:IfDropdownLink1}<option value="{text:Dropdown Link1 URL}">{text:Dropdown Link1}</option>{/block:IfDropdownLink1}
  224.  
  225. {block:IfDropdownLink2}<option value="{text:Dropdown Link2 URL}">{text:Dropdown Link2}</option>{/block:IfDropdownLink2}
  226.  
  227. {block:IfDropdownLink3}<option value="{text:Dropdown Link3 URL}">{text:Dropdown Link3}</option>{/block:IfDropdownLink3}
  228.  
  229. {block:IfDropdownLink4}<option value="{text:Dropdown Link4 URL}">{text:Dropdown Link4}</option>{/block:IfDropdownLink4}
  230. {/block:ifDropDownMenu}
  231. </select></div>
  232. </div>
  233. </center>
  234. </div>
  235.  
  236. <div id="sidebar2">
  237. <center>
  238. <h1> &hearts; NAVIGATION &hearts; </h1>
  239. <img src="{image:sidebar 2 avatar}" width="200"><br><br>
  240. <a href="/"> HOME </a><br><br>
  241. <a href="/ask"> ASK </a><br><br>
  242. <a href="/archive"> ARCHIVE </a><br><br>
  243. <a href="/http://dreamermeetsreality.tumblr.com"> THEME CREDITS </a>
  244. </center>
  245. </div>
  246.  
  247.  
  248.  
  249. <div id="content">
  250.  
  251.  
  252. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/zzvmjoa/nXullbs1b/fade.css">
  253.  
  254.  
  255. {block:Posts}
  256.  
  257. {block:Text}
  258. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  259. <div class="post">
  260. {block:Title}
  261. <h3><a href="{Permalink}">{Title}</a></h3>
  262. {/block:Title}
  263. {Body}
  264. </div>
  265. {/block:Text}
  266. {block:Photo}
  267. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  268. <div class="post">
  269. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  270. {block:Caption}
  271. <div class="caption">{Caption}</div>
  272. {/block:Caption}
  273. </div>
  274. {/block:Photo}
  275. {block:Photoset}
  276. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  277. <div class="post">
  278. <center>{Photoset-500}</center>
  279. {block:Caption}
  280. <div class="caption">{Caption}</div>
  281. {/block:Caption}
  282. </div>
  283. {/block:Photoset}
  284. {block:Quote}
  285. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  286. <div class="post">
  287. <div class="quote">"{Quote}"</div>
  288. {block:Source}
  289. <div class="source">{Source}</div>
  290. {/block:Source}
  291. </div>
  292. {/block:Quote}
  293. {block:Link}
  294. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  295. <div class="post">
  296. <center><h3><a href="{URL}" class="link" {Target}>{Name}</a></h3></center>
  297. {block:Description}
  298. <div class="description">{Description}</div>
  299. {/block:Description}
  300. </div>
  301. {/block:Link}
  302. {block:Chat}
  303. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  304. <div class="post">
  305. {block:Title}
  306. <h3><a href="{Permalink}">{Title}</a></h3>
  307. {/block:Title}
  308. <ul class="chat">
  309. {block:Lines}
  310. <li class="{Alt} user_{UserNumber}">
  311. {block:Label}
  312. <span class="label">{Label}</span>
  313. {/block:Label}
  314. {Line}
  315. </li>
  316. {/block:Lines}
  317. </ul>
  318. </div>
  319. {/block:Chat}
  320. {block:Video}
  321. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  322. <div class="post">
  323. <center>{Video-500}</center>
  324. {block:Caption}
  325. <div class="caption">{Caption}</div>
  326. {/block:Caption}
  327. </div>
  328. {/block:Video}
  329. {block:Audio}
  330. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  331. <div class="post">
  332. {AudioPlayerBlack}
  333. {block:Caption}
  334. <div class="caption">{Caption}</div>
  335. {/block:Caption}
  336. </div>
  337. {/block:Audio}
  338.  
  339.  
  340. {/block:Posts}
  341.  
  342. {block:IfNotEndlessScroll}
  343. {block:Pagination}
  344. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  345. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  346. {/block:Pagination}
  347. </div>
  348. {/block:IfNotEndlessScroll}
  349.  
  350.  
  351. </div>
  352.  
  353. </div>
  354.  
  355.  
  356. </body>
  357.  
  358. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement