Advertisement
catwalkinparis

Slopes

May 18th, 2012
613
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.04 KB | None | 0 0
  1. <!--
  2. Slopes theme by catwalkinparis
  3. -->
  4.  
  5. <head>
  6. <title>
  7. {Title}
  8. </title>
  9.  
  10. <style type="text/css">
  11.  
  12. body {
  13. cursor: url(http://i.imgur.com/2qleX.jpg), progress;
  14. }
  15.  
  16. a, a:hover{
  17. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
  18. }
  19.  
  20. </style>
  21.  
  22. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  23.  
  24. <style type="text/css">
  25.  
  26. @font-face {
  27. font-family: "tinytots";
  28. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  29. }
  30.  
  31. body {
  32. margin:0px;
  33. background-image:url(http://29.media.tumblr.com/tumblr_lrnwrfUAeK1r3srlmo7_250.jpg);
  34. background-attachment: fixed;
  35. background-repeat: repeat;}
  36. body, div, p, textarea, submit, input{
  37. font-family: georgia;
  38. font-size: 10px;
  39. line-height:10px;
  40. letter-spacing:0px;
  41. color:black;
  42. }
  43.  
  44. p {
  45. margin:0px;
  46. margin-top:0px;
  47. }
  48.  
  49. ::-webkit-scrollbar {
  50. width: 10px;
  51. height: 0px;
  52. }
  53.  
  54. ::-webkit-scrollbar-button:start:decrement,
  55. ::-webkit-scrollbar-button:end:increment {
  56. height: 10px;
  57. display: block;
  58. background-color: #F9F9F9;
  59. border: 1px solid #eee;
  60. }
  61. ::-webkit-scrollbar-track-piece {
  62. background: #FFFFFF;
  63. }
  64. ::-webkit-scrollbar-thumb:vertical {
  65. height: 25px;
  66. background:#FFCECE;
  67. border: 1px solid #eee;
  68. }
  69.  
  70.  
  71. a:link, a:active, a:visited{
  72. color: #FFCECE;
  73. text-decoration: none;
  74. -webkit-transition: all 0.3s linear;
  75. -moz-transition: all 0.3s linear;
  76. transition: all 0.3s linear;
  77. }
  78.  
  79. a:hover {
  80. color:#FFCECE;
  81. text-decoration: none;
  82. -webkit-transition: all 0.3s linear;
  83. -moz-transition: all 0.3s linear;
  84. transition: all 0.3s linear;
  85. }
  86.  
  87.  
  88. div#center{
  89. margin:auto;
  90. position:relative;
  91. width:940px;
  92. background-color:;
  93. overflow:auto;
  94. overflow-y:hidden;
  95. }
  96.  
  97. div#content{
  98. float:right;
  99. width:390px;
  100. padding:2px;
  101. padding-top: 2px;
  102. margin-right: 240px;
  103. margin-top: 140px;
  104. background: #fff;
  105. }
  106.  
  107. div#entry{
  108. background-color:;
  109. margin-top: 1px;
  110. border: 4px solid #FFCECE;
  111. }
  112.  
  113.  
  114. div#sidebar{
  115. position:fixed !important;
  116. width: 230px;
  117. height: 1000;
  118. margin-top: 50px;
  119. margin-left: 65px;
  120. border-radius: 40px 40px 40px 40px;
  121. background-color:white;
  122. box-shadow: 0px 0px 10px 10px #FFCECE;
  123. }
  124.  
  125. div#sidebar2{
  126. position:fixed !important;
  127. width: 230px;
  128. height: 1000;
  129. margin-top: 50px;
  130. margin-left: 710px;
  131. border-radius: 40px 40px 40px 40px;
  132. background-color:white;
  133. box-shadow: 0px 0px 10px 10px #FFCECE;
  134. }
  135.  
  136. div#central{
  137. position:fixed !important;
  138. width: 395px;
  139. height: 25;
  140. z-index:999;
  141. margin-top: 50px;
  142. margin-left: 305px;
  143. border-radius: 40px 40px 0px 0px;
  144. font-size: 10px;
  145. line-height:8px;
  146. letter-spacing:0px;
  147. background-color:white;
  148. box-shadow: 0px 0px 10px 10px #FFCECE;
  149. }
  150.  
  151. h2{
  152.  
  153. width: 210px;
  154.  
  155. border: 0px solid #FFFFFF;
  156.  
  157. border-bottom: 1.6px solid #FAAFBA;
  158.  
  159. font-family: "arsenalewhite";
  160.  
  161. font-size: 30px;
  162.  
  163. text-align: center;
  164.  
  165. color: #FAAFBE;
  166.  
  167. padding: 3px;
  168.  
  169. border-radius: 0px;
  170.  
  171.  
  172. }
  173.  
  174. h3{
  175.  
  176. width: 400px;
  177.  
  178. border: 0px solid #FFFFFF;
  179.  
  180. border-bottom: 1.6px solid #FAAFBA;
  181.  
  182. font-family: "arsenalewhite";
  183.  
  184. font-size: 35px;
  185.  
  186. text-align: center;
  187.  
  188. color: #FAAFBE;
  189.  
  190. padding: 3px;
  191.  
  192. border-radius: 0px;
  193.  
  194.  
  195. }
  196.  
  197.  
  198. div.navigate a{
  199.  
  200. text-align: center;
  201. padding:0px 0px;
  202. color: #ab9a86;
  203. background-color: #ffffff;
  204. -moz-border-radius: 10px 30px ;
  205. border: 1px solid #dfd5c9;
  206. margin-top:2px;
  207. margin-left: 2px;
  208. position:relative;
  209. width: 185px;
  210. display: inline-block;
  211. }
  212.  
  213.  
  214. div.navigate a:hover{
  215. padding:0px 0;
  216. color: #795016;
  217. border: 1px solid;
  218. -moz-border-radius: 0px 0px;
  219. border-radius: 10px 10px / 10px 10px ;
  220. border: 1px solid #dfd5c9;
  221. z-index:2;
  222. background-image:url(http://29.media.tumblr.com/tumblr_lrnwrfUAeK1r3srlmo7_250.jpg);
  223. }
  224.  
  225. #postnotes{
  226. text-align: justify;}
  227.  
  228. #postnotes blockquote{
  229. border: 0px;}
  230.  
  231. .title{
  232. font-family: "arsenalewhite";
  233. font-size: 19pt;
  234. line-height: 15px;
  235. color: black;
  236. text-align: right;
  237. font-weight: normal;
  238. padding:0px 0px 0px 0px;
  239. }
  240.  
  241. .title2{
  242. font-family: "tinytots";
  243. font-size: 19pt;
  244. line-height: 15px;
  245. color: black;
  246. text-align: right;
  247. padding:0px 0px 0px 0px;
  248. }
  249.  
  250. blockquote{
  251. padding:0px 0px 2px 5px;
  252. margin:0px 0px 2px 1px;
  253. border-left: 1px dotted #555555;
  254. }
  255.  
  256. blockquote p, ul{
  257. margin:0px;
  258. padding:0px;
  259. }
  260.  
  261. @font-face { font-family: "arsenalewhite"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  262.  
  263. a img{border: 0px;}
  264.  
  265. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  266.  
  267. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  268. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  269.  
  270. .notes img{width:10px; position:relative; top:3px;}
  271.  
  272. small{font-size: 90%;}
  273.  
  274. .permalink{
  275. display:block;
  276. font-family:arial;
  277. padding:3px;
  278. letter-spacing:2px;
  279. border-top:1px solid #D3D3D3;
  280. font-size:6.5px;
  281. text-transform:uppercase;
  282. text-align: center;
  283. margin-top:6px;
  284. margin-bottom: 1px;
  285. background: transparent;
  286. -moz-box-shadow: 0 0 3px #FFFFFF;
  287. -webkit-box-shadow: 0 0 3px #FFFFFF;
  288. }
  289.  
  290.  
  291. </style>
  292.  
  293.  
  294. <link rel="shortcut icon" href="{Favicon}">
  295. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  296. <meta name="viewport" content="width=820" />
  297. </head>
  298. <body>
  299.  
  300. <div id="cage">
  301. <div id="center">
  302. <div id="central">
  303. <h3>Welcome to my blog</h3>
  304. </div>
  305.  
  306.  
  307. <div id="sidebar">
  308. <center>
  309. <br>
  310. <h2>Bloggette ;</h2>
  311. <img src="http://24.media.tumblr.com/tumblr_m3f7g1Xk4i1rtilnto1_500.jpg" width=195px style="border: 1px solid #000; border-radius:100px;">
  312. <br>
  313.  
  314. {Description}
  315. <br>
  316. <br>
  317. <h2>Navigate ;</h2>
  318.  
  319. <div class="navigate">
  320. <a href="/ask">ask me</a>
  321. <a href="http://catwalkinparis.tumblr.com/">credit</a>
  322. <a href="/link">custom</a>
  323. <a href="/link">custom</a>
  324. <a href="/link">custom</a>
  325. </div>
  326.  
  327.  
  328. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><donotremovethis>
  329.  
  330.  
  331. </div>
  332.  
  333. <div id="sidebar2">
  334. <center>
  335. <br>
  336. <h2>Others ;</h2>
  337. <img src="http://24.media.tumblr.com/tumblr_m47c6xtzDi1qb8nvjo1_500.jpg" width=195px style="border: 1px solid #000; border-radius:100px;">
  338. <br>
  339. <br>
  340. Put something here
  341. <br>
  342. <br>
  343. <h2>Other Links ;</h2>
  344.  
  345. <div class="navigate">
  346. <a href="/link">custom</a>
  347. <a href="/link">custom</a>
  348. <a href="/link">custom</a>
  349. <a href="/link">custom</a>
  350. <a href="/link">custom</a>
  351. <a href="/link">custom</a>
  352. </div>
  353.  
  354. <br>
  355. <div class="navigate">
  356. {block:Pagination}<b>{block:PreviousPage}<a href="{PreviousPage}" title="recent entries">← recent entries</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" title="older entries">older entries →</a>{/block:NextPage}{/block:Pagination}
  357. </div>
  358.  
  359. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><donotremovethis>
  360.  
  361. </div>
  362.  
  363.  
  364. <div id="content">
  365. {block:Posts}
  366. <div id="entry">
  367. {block:Text}
  368. {block:Title}
  369. <span class="title">{Title}</span>{/block:Title}
  370. <span class="entrytext">{Body}</span>
  371. {/block:Text}
  372.  
  373. {block:Link}
  374. <a href="{URL}" class="title">{Name}</a>
  375. {block:Description}{Description}{/block:Description}
  376. {block:Link}
  377.  
  378. {block:Photo}
  379. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="380"/>
  380. {/block:Photo}
  381.  
  382. {block:Quote}
  383. <span class="title">{Quote}</span>
  384. <br><div style="float: right; font-size: 8px; font-family: tinytots;">-- {block:Source}{Source}{/block:Source}</div>
  385. <br>
  386. {/block:Quote}
  387.  
  388. {block:Chat}
  389. {block:Title}<span class="title">{Title}</span>{/block:Title}
  390. <ul class="chat">
  391. {block:Lines}
  392. <li class="user_{UserNumber}">
  393. {block:Label}
  394. <span class="label">{Label}</span>
  395. {/block:Label}
  396.  
  397. {Line}
  398. </li>
  399. {/block:Lines}
  400. </ul>
  401.  
  402. {/block:Chat}
  403.  
  404.  
  405. {block:Audio}
  406. <center><div class="audio"><div style="width:300px; height:-10px;"><div style="float:center">{AudioPlayerWhite}</div><div style="margin-top:10px; float:center;">
  407. {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}</div></div></centeR>
  408. {/block:Audio}
  409.  
  410. {block:Video}<center>
  411. {Video-400}</center>
  412. {block:Video}
  413.  
  414. {block:Answer}
  415. <div style="margin-top: 1px; min-height:30px; padding: 3px; background-color: #eee; font-family: tinytots; font-size: 8px;">
  416. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #fff; border-radius: 30px;"/>
  417. {Asker}: {Question}<br></div>
  418. <Br>
  419. <div style="font-family: tinytots; font-size: 8px;">
  420. {Answer}
  421. </div>
  422. <br>
  423. {/block:Answer}
  424. <span class="permalink"><a href="{Permalink}">
  425. {block:Date}posted {TimeAgo} <img src="http://i33.tinypic.com/1z2qauf.png"> {NoteCount} -lovers <img src="http://i33.tinypic.com/1z2qauf.png"> <a href="{reblogurl}" target="_blank">relove</a>{/block:Date}</a></span>
  426.  
  427.  
  428. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  429.  
  430. {block:PostNotes}{PostNotes}
  431. {/block:PostNotes}
  432. </div>
  433.  
  434.  
  435.  
  436. {/block:Posts}
  437.  
  438. </div></div>
  439.  
  440. </div>
  441. </center>
  442. </body>
  443. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement