Advertisement
Amanduhh7

Fashion Theme

Dec 5th, 2013
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.63 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]><html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7"><![endif]-->
  3. <!--[if IE 7]><html class="lt-ie10 lt-ie9 lt-ie8"><![endif]-->
  4. <!--[if IE 8]><html class="lt-ie10 lt-ie9"> <![endif]-->
  5. <!--[if IE 9]><html class="lt-ie10"> <![endif]-->
  6. <!--[if gt IE 9]><!--> <html> <!--<![endif]-->
  7. <head>
  8. {MobileAppHeaders}
  9. <meta charset="utf-8">
  10. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}">
  13. {/block:Description}
  14.  
  15.  
  16.  
  17.  
  18. <!--Do not remove credit-->
  19. <!--Do not remove credit-->
  20. <!--Do not remove credit-->
  21. <!--Do not remove credit-->
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28.  
  29.  
  30. <meta name="image:sidebar" content="">
  31.  
  32.  
  33.  
  34.  
  35. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  36. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  37.  
  38.  
  39. <script type="text/javascript">
  40. $(window).load(function () {
  41. $('#content').masonry({
  42. itemSelector : ".posts",
  43. },
  44. function() { $('#content').masonry({ appendedContent: $(this) }); }
  45. );
  46. });
  47. </script>
  48.  
  49. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  50.  
  51.  
  52. <style type="text/css">
  53.  
  54. ::-webkit-scrollbar-thumb {background-color:#f6c4c4; border: 3px solid #fff; height:auto; border-bottom:none;}
  55.  
  56. ::-webkit-scrollbar {height:9px;width:12px;background-color:#f6c4c4; border:4px solid #fff;}
  57.  
  58. @font-face { font-family: "sweetly broken"; src: url('http://static.tumblr.com/knytmqx/q2dmuln4o/sweetly_broken.ttf'); }
  59.  
  60. a{text-decoration:none;}
  61.  
  62. #header img{
  63. position:fixed;
  64. margin-top:10px;
  65. margin-left:10px;
  66. width:100px;
  67. height:200px;
  68. z-index:999;
  69. }
  70.  
  71. #navbar{
  72. position:fixed;
  73. margin-top:199px;
  74. margin-left:5px;
  75. width:400px;
  76. height:38px;
  77. background-color:pink;
  78. }
  79.  
  80. #nav{
  81. position:fixed;
  82. margin-left:2px;
  83. margin-top:8px;
  84. }
  85.  
  86. #nav a{text-decoration:none; display:inline-block; font-size:14px; color:white; padding:10px;
  87. }
  88.  
  89. #title{
  90. position:fixed;
  91. font-size:45px;
  92. font-family:sweetly broken;
  93. margin-top:150px;
  94. margin-left:115px;
  95. }
  96.  
  97. #sidebar{
  98. position:fixed;
  99. width:450px;
  100. height:500px;
  101. margin-top:250px;
  102. margin-left:20px;
  103. }
  104.  
  105. #sidebar img{
  106. position:fixed;
  107. width:200px;
  108. height:250px;
  109. }
  110.  
  111. #sidebar .description{
  112. position:fixed;
  113. font-size:12px;
  114. margin-left:210px;
  115. width:175px;
  116. text-align:justify;
  117. }
  118.  
  119. #purseborder img{
  120. position:fixed;
  121. width:170px;
  122. margin-left:230px;
  123. margin-top:400px;
  124. }
  125.  
  126. #extralinks{
  127. position:fixed;
  128. margin-top:450px;
  129. margin-left:230px;
  130. }
  131.  
  132. #extralinks a{text-decoration:none; display:inline-block; font-size:14px; padding:10px; color:pink;}
  133.  
  134. #content{
  135. position:absolute;
  136. width:700px;
  137. margin-left:500px;
  138. margin-top:100px;
  139. }
  140.  
  141. #content .posts{
  142. width:500px;
  143. padding: 10px;
  144. margin: 5px;
  145. float:left;
  146. }
  147.  
  148. .link a{
  149. font-size:40px;
  150. text-align:center;
  151. text-decoration:none;
  152. color:pink;
  153. }
  154.  
  155. .posttitle{
  156. font-size:40px;
  157. text-align:center;
  158. color:pink;
  159. }
  160.  
  161. .posttext{
  162. font-size:14px;
  163. text-align:center;
  164. }
  165.  
  166.  
  167. .notes{font-size:10px;}
  168.  
  169. .reblog{float:left;}
  170.  
  171. .source{font-size:12px;}
  172.  
  173. .quote{ text-align:center;}
  174.  
  175. .quotesource{text-align:center;}
  176.  
  177. .chat{list-style:none;}
  178.  
  179.  
  180. #info{
  181. background-color:#fbeeda;
  182. opacity:.7;
  183. width:500px;
  184. padding-top:5px;
  185. text-align:center;
  186. }
  187.  
  188. .date{text-align:center;}
  189.  
  190. #date a{
  191. text-decoration:none;
  192. color:#da5c86;
  193. font-weight:bold;
  194. font-size:12px;
  195. }
  196.  
  197. .pagination{
  198. position:fixed;
  199. margin-top:630px;
  200. margin-left:320px;
  201. }
  202.  
  203. .pagination a{color:#bb9f77;}
  204.  
  205. .pagination a:hover{
  206. color:black;
  207. opacity:.5;
  208. }
  209.  
  210. .ask a{color:tan; background-color:white;}
  211.  
  212. .answer{
  213. border:1px solid tan;
  214. padding:5px;
  215. }
  216.  
  217. .answerer{
  218. background-color:tan;
  219. }
  220.  
  221. #notecontainer {
  222. margin: 20px auto;
  223. font-size: 14px;
  224. background-color:white;
  225. }
  226.  
  227. #notecontainer ol.notes {
  228. list-style-type: none;
  229. margin: 0;
  230. padding: 0;
  231. }
  232.  
  233. #notecontainer ol.notes a{
  234. color:pink;
  235. }
  236.  
  237. /* Custom CSS */
  238. {CustomCSS}
  239. </style>
  240. </head>
  241. <body>
  242.  
  243. <div id="header">
  244. <img src="http://i98.photobucket.com/albums/l274/shell282/Fashion_zpsea77b1d9.png">
  245. </div>
  246.  
  247. <div id="navbar">
  248. <div id="nav">
  249. <a href="/">Home</a>
  250. <a href="/ask">Message</a>
  251. <a href="/submit">Submit</a>{/block:IfSubmitLink}
  252. <a href="/archive">Archive</a>
  253. <a href="{Link1}">Link 1</a>
  254. <a href="{Link2}">Link 2</a>
  255. </div>
  256. </div>
  257.  
  258. <div id="title">
  259. {Title}
  260. </div>
  261.  
  262. <div id="sidebar">
  263. <img src="{image:sidebar}">
  264. <div class="description">
  265. {block:Description}{Description}{/block:Description}
  266. </div>
  267. </div>
  268.  
  269. <div id="purseborder">
  270. <img src="http://i98.photobucket.com/albums/l274/shell282/purseborder_zpse848ebee.png">
  271. </div>
  272.  
  273. <div id="extralinks">
  274. <a href="{Link3}">Link 3</a>
  275. <a href="{Link4}">Link 4</a>
  276. <a href="{Link5}">Link 5</a>
  277. </div>
  278.  
  279. <div id="content">
  280. <div class = "autopagerize_page_element" >
  281. {block:Posts}
  282.  
  283. <div class="posts">
  284.  
  285.  
  286. {block:Text}
  287. <div class="posttitle">{Title}</div>
  288. <div class="posttext">{Body}</div>
  289. {/block:Text}
  290.  
  291. {block:Photo}
  292. <img src="{PhotoURL-500}" width="500" alt="">
  293. {block:Caption}<div class="posttext">{Caption}</div>{/block:Caption}
  294. {/block:Photo}
  295.  
  296. {block:Photoset}
  297. {block:Photos}
  298. <img src="{PhotoURL-500}" width="{PhotoWidth-500}">
  299. {block:Caption}<div class="posttext">{Caption}</div>{/block:Caption}
  300. {/block:Photos}
  301. {block:Caption}<div class="posttext">{Caption}</div>{/block:Caption}
  302. {/block:Photoset}
  303.  
  304. {block:Quote}
  305. <div class="quote"><b>"{Quote}"</b></div>
  306. <br>
  307. <div class="quotesource">~{Source}</div>
  308. {/block:Quote}
  309.  
  310. {block:Chat}
  311. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  312. <ul>
  313. <div class="chat">{block:Lines}<li>{block:Label}<strong>{Label}</strong>{/block:Label}{Line}</li>{/block:Lines}</div>
  314. </ul>
  315. {/block:Chat}
  316.  
  317. {block:Link}
  318. <a href="{URL}"><div class="posttitle link">{Name}</div></a>
  319. {block:Description}<div class="posttext">{Description}</div>{/block:Description}
  320. {/block:Link}
  321.  
  322. {block:Answer}
  323. <div class="answer"><img src="{AskerPortraitURL-30}" alt=""><div class="ask">{Asker}</div> asks:
  324. <br><br> <b>{Question}</b>
  325. <br><br>
  326. {block:Answerer}
  327. <img src="{AnswererPortraitURL-16}" alt="">
  328. <div class="ask">{Answerer}</div>
  329. <div class="answerer">Answer: {Answer}</div>
  330. {/block:Answerer}
  331. <br><br>
  332. {Replies}
  333. </div>
  334. {/block:Answer}
  335.  
  336. {block:Video}
  337. {VideoEmbed-250}
  338. {PlayCountWithLabel}
  339. {/block:Video}
  340.  
  341. <center>{block:Audio}
  342. {block:AudioEmbed}{AudioEmbed-250}{/block:AudioEmbed}
  343. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  344. {block:PlayCount}{PlayCount}{/block:PlayCount}
  345. {block:Artist}{Artist}{/block:Artist}
  346. {block:Caption}<div class="posttext">{Caption}</div>{/block:Caption}
  347. {/block:Audio}</center>
  348.  
  349.  
  350.  
  351.  
  352. <div id="info"> <div id="date">
  353. <a href="{Permalink}">{block:Date} <time datetime="{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero}">{DayOfMonth} {Month} {Year}<br>{TimeAgo}</time>{block:NoteCount}<div style="font-size:10px;">with {NoteCountWithLabel}</div>{/block:NoteCount}</a>
  354. <br>
  355. <div id="reblog"> <a href="{ReblogURL}">Reblog</a></div>
  356.  
  357. {/block:Date}
  358. </div>
  359. </div>
  360. {block:PermalinkPage}
  361. {block:PostNotes}
  362. <div id="notecontainer">{PostNotes}</div>
  363. {/block:PostNotes}
  364. {/block:PermalinkPage}
  365.  
  366.  
  367. </div>
  368.  
  369.  
  370.  
  371. {/block:Posts}
  372. </div>
  373.  
  374. </div>
  375.  
  376.  
  377. {block:IfNotInfiniteScrolling}{block:PreviousPage}<a href="{PreviousPage}">previous</a>
  378. {/block:PreviousPage}
  379. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:IfNotInfiniteScrolling}
  380.  
  381.  
  382.  
  383. <div style="position:fixed; font-size:10px; margin-left:1300px; margin-top:620px;">
  384. <a href="http://www.slapdashthemes.tumblr.com"><img src="http://static.tumblr.com/knytmqx/L1Umu6jbr/sdticon2.png"></a>
  385. </body>
  386. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement