API tools faq
paste
Advertisement
ibanglouis

theme page #01

ibanglouis
Oct 14th, 2013
148
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!-- THEME PAGE MADE BY IBANGLOUIS. PLEASE DO NOT REMOVE CREDIT OR CLAIM AS YOUR OWN -->
  3. <head>
  4. <title>{Title}</title>
  5. <meta name="color:Blog Color" content="#9661FF" />
  6.  
  7. <style type="text/css">
  8. ::-webkit-scrollbar {
  9. width: 5px;
  10. height: 5px;
  11. }
  12.  
  13. ::-webkit-scrollbar-button:start:decrement,
  14. ::-webkit-scrollbar-button:end:increment {
  15. height: 4px;
  16. display: block;
  17. }
  18.  
  19.  
  20.  
  21. ::-webkit-scrollbar-thumb:vertical {
  22. height: 9px;
  23. background-color: #000;
  24. }
  25.  
  26. ::selection {
  27. background:{color:text hover};
  28. }
  29.  
  30. ::-moz-selection {
  31. background:{color:text hover};
  32. }
  33.  
  34. ::-webkit-selection {
  35. background:{color:text hover};
  36. }
  37.  
  38. body {
  39. background:#fff;
  40. line-height:100%;
  41. margin:0px;
  42. color:#000;
  43. font-family:Cambria;
  44. font-size:10px;
  45. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  46. }
  47.  
  48. a {-webkit-transition:all .5s ease-out;
  49. -moz-transition:all .5s ease-out;
  50. transition:all .5s ease-out;
  51. text-decoration:none;
  52. outline:none;
  53. color:#000;
  54. }
  55.  
  56. a:hover {-webkit-transition:all .5s ease-out;
  57. -moz-transition:all .5s ease-out;
  58. transition:all .5s ease-out;
  59. cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), auto;
  60. color:{color:Blog Color};
  61. }
  62.  
  63. img {
  64. border:none;
  65. }
  66.  
  67. /*----fonts----*/
  68. @font-face{font-family:Celeste Hand;src:url(http://static.tumblr.com/9wzbixa/UBpmj2h2i/celeste_hand.ttf);}
  69.  
  70. @font-face{font-family:Komika Axis;src:url(http://static.tumblr.com/9wzbixa/USGm0c3z9/komikax.ttf);}
  71.  
  72. @font-face {font-family:Mixtape Mike; src: url(http://static.tumblr.com/9wzbixa/EZ4mj3kyl/mixtmk_t.otf);}
  73.  
  74. /*----top bar----*/
  75. #minititle{
  76. font-size:23px;
  77. text-align:center;
  78. color:#000;
  79. font-family:Mixtape Mike;
  80. text-transform:lowercase;
  81. padding:5px;
  82. margin-left:566px;
  83. margin-top:70px;
  84. position:fixed;
  85. text-shadow:1px 2px {color:Blog Color};
  86. }
  87.  
  88. #title{
  89. font-size:55px;
  90. text-align:center;
  91. color:#000;
  92. font-family:Mixtape Mike;
  93. letter-spacing:4px;
  94. text-transform:uppercase;
  95. padding:5px;
  96. margin-left:490px;
  97. margin-top:120px;
  98. position:fixed;
  99. text-shadow:1px 2px {color:Blog Color};
  100. }
  101.  
  102. #rules{
  103. width:200px;
  104. height:auto;
  105. border-top:5px solid #000;
  106. border-bottom:5px solid #000;
  107. border-left:10px solid #000;
  108. border-right:10px solid #000;
  109. padding:10px;
  110. text align:center;
  111. margin-left:800px;
  112. margin-top:0px;
  113. position:fixed;
  114. }
  115.  
  116. #ruletitle{
  117. font-size:20px;
  118. color:#000;
  119. text-align:center;
  120. margin-top:5px;
  121. font-family:Mixtape Mike;
  122. text-transform:uppercase;
  123. letter-spacing:2px;
  124. margin-left:-123px;
  125. text-shadow:1px 2px {color:Blog Color};
  126. }
  127.  
  128. #rulelist{
  129. font-size:15px;
  130. color:#000;
  131. line-height:13px;
  132. margin-left:-20px;
  133. }
  134.  
  135. #links{
  136. width:400px;
  137. padding-top:40px;
  138. position:fixed;
  139. height:auto;
  140. margin-top:-20px;
  141. margin-left:250px;
  142. padding-left:0px;
  143. text-align:left;
  144. font-family:Mixtape Mike;
  145. }
  146.  
  147. #links a{
  148. padding:1px;
  149. text-align:center;
  150. font-size:30px;
  151. font-style:italic;
  152. color:#000;
  153. text-transform:uppercase;
  154. text-shadow:1px 2px {color:Blog Color};
  155. }
  156.  
  157. #links a:hover{
  158. color:#fff;
  159. text-shadow:1px 2px #fff;
  160. }
  161.  
  162. /*----themes----*/
  163.  
  164. #themes{
  165. position:fixed;
  166. overflow:auto;
  167. width:756px;
  168. height:82%;
  169. margin-left:250px;
  170. margin-top:160px;
  171. padding:7px;
  172. border-left:10px solid #000;
  173. border-top:5px solid #000;
  174. border-right:10px solid #000;
  175. }
  176.  
  177. #datheme{
  178. width:200px;
  179. height:auto;
  180. padding:10px;
  181. margin-bottom:10px;
  182. margin-right:10px;
  183. border-top:25px solid #000;
  184. border-bottom:25px solid #000;
  185. border-left:10px solid #000;
  186. border-right:10px solid #000;
  187. display:inline-block;
  188. float:left;
  189. }
  190.  
  191. #themetitle{
  192. font-size:20px;
  193. margin-top:-28px;
  194. margin-left:2px;
  195. color:#fff;
  196. margin-bottom:20px;
  197. text-transform:uppercase;
  198. text-align:center;
  199. text-shadow:1px 1px {color:Blog Color};
  200. }
  201.  
  202. #lpinfo{
  203. font-size:15px;
  204. margin-top:30px;
  205. margin-bottom:-27px;
  206. margin-left:-20px;
  207. color:#fff;
  208. width:240px;
  209. text-align:center;
  210. }
  211.  
  212. #lpinfo a{
  213. color:#fff;
  214. }
  215.  
  216. #lpinfo a:hover{
  217. color:{color:Blog Color};
  218. }
  219.  
  220. /*----don't touch this----*/
  221.  
  222. #credit{
  223. right:8px;
  224. bottom:10px;
  225. position:fixed;
  226. padding:5px;
  227. }
  228.  
  229. {CustomCSS}</style></head>
  230. <body>
  231.  
  232. <!----top bar---->
  233.  
  234. <div id="links">
  235. <a href="/">home</a>
  236. <br><br><br>
  237. <a href="/ask">questions</a>
  238. <br><br><br>
  239. <a href="/">link</a>
  240. <br><br><br>
  241. <a href="http://urlhere.tumblr.com/">main</a>
  242. </div>
  243.  
  244. <div id="minititle">themes by
  245. </div>
  246.  
  247. <div id="title">urlhere
  248. </div>
  249.  
  250. <div id="rules">
  251. <div id="ruletitle">rules
  252. </div>
  253. <br>
  254. <div id="rulelist">
  255. <ul>
  256. <li>rule #1 here!</li>
  257. <li>rule #2!!!</li>
  258. <li>lalala rule #3</li>
  259. <li>and so on! just keep adding as much as you want!!</li>
  260. </ul>
  261. </div>
  262. </div>
  263.  
  264. <!--themes-->
  265.  
  266. <div id="themes">
  267.  
  268. <div id="datheme">
  269. <div id="themetitle">Theme #
  270. </div>
  271. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  272. <div id="lpinfo">
  273. <a href="link to preview">live preview
  274. </a>
  275. |
  276. <a href="link to info">info
  277. </a>
  278. </div>
  279. </div>
  280.  
  281. <div id="datheme">
  282. <div id="themetitle">Theme #
  283. </div>
  284. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  285. <div id="lpinfo">
  286. <a href="link to preview">live preview
  287. </a>
  288. |
  289. <a href="link to info">info
  290. </a>
  291. </div>
  292. </div>
  293.  
  294. <div id="datheme">
  295. <div id="themetitle">Theme #
  296. </div>
  297. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  298. <div id="lpinfo">
  299. <a href="link to preview">live preview
  300. </a>
  301. |
  302. <a href="link to info">info
  303. </a>
  304. </div>
  305. </div>
  306.  
  307. <div id="datheme">
  308. <div id="themetitle">Theme #
  309. </div>
  310. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  311. <div id="lpinfo">
  312. <a href="link to preview">live preview
  313. </a>
  314. |
  315. <a href="link to info">info
  316. </a>
  317. </div>
  318. </div>
  319.  
  320. <div id="datheme">
  321. <div id="themetitle">Theme #
  322. </div>
  323. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  324. <div id="lpinfo">
  325. <a href="link to preview">live preview
  326. </a>
  327. |
  328. <a href="link to info">info
  329. </a>
  330. </div>
  331. </div>
  332.  
  333. <div id="datheme">
  334. <div id="themetitle">Theme #
  335. </div>
  336. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  337. <div id="lpinfo">
  338. <a href="link to preview">live preview
  339. </a>
  340. |
  341. <a href="link to info">info
  342. </a>
  343. </div>
  344. </div>
  345.  
  346. <div id="datheme">
  347. <div id="themetitle">Theme #
  348. </div>
  349. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  350. <div id="lpinfo">
  351. <a href="link to preview">live preview
  352. </a>
  353. |
  354. <a href="link to info">info
  355. </a>
  356. </div>
  357. </div>
  358.  
  359. <div id="datheme">
  360. <div id="themetitle">Theme #
  361. </div>
  362. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  363. <div id="lpinfo">
  364. <a href="link to preview">live preview
  365. </a>
  366. |
  367. <a href="link to info">info
  368. </a>
  369. </div>
  370. </div>
  371.  
  372. <div id="datheme">
  373. <div id="themetitle">Theme #
  374. </div>
  375. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  376. <div id="lpinfo">
  377. <a href="link to preview">live preview
  378. </a>
  379. |
  380. <a href="link to info">info
  381. </a>
  382. </div>
  383. </div>
  384.  
  385. <div id="datheme">
  386. <div id="themetitle">Theme #
  387. </div>
  388. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  389. <div id="lpinfo">
  390. <a href="link to preview">live preview
  391. </a>
  392. |
  393. <a href="link to info">info
  394. </a>
  395. </div>
  396. </div>
  397.  
  398. <div id="datheme">
  399. <div id="themetitle">Theme #
  400. </div>
  401. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  402. <div id="lpinfo">
  403. <a href="link to preview">live preview
  404. </a>
  405. |
  406. <a href="link to info">info
  407. </a>
  408. </div>
  409. </div>
  410.  
  411. <div id="datheme">
  412. <div id="themetitle">Theme #
  413. </div>
  414. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  415. <div id="lpinfo">
  416. <a href="link to preview">live preview
  417. </a>
  418. |
  419. <a href="link to info">info
  420. </a>
  421. </div>
  422. </div>
  423.  
  424. <div id="datheme">
  425. <div id="themetitle">Theme #
  426. </div>
  427. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  428. <div id="lpinfo">
  429. <a href="link to preview">live preview
  430. </a>
  431. |
  432. <a href="link to info">info
  433. </a>
  434. </div>
  435. </div>
  436.  
  437. <div id="datheme">
  438. <div id="themetitle">Theme #
  439. </div>
  440. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  441. <div id="lpinfo">
  442. <a href="link to preview">live preview
  443. </a>
  444. |
  445. <a href="link to info">info
  446. </a>
  447. </div>
  448. </div>
  449.  
  450. <div id="datheme">
  451. <div id="themetitle">Theme #
  452. </div>
  453. <img src="http://i39.tinypic.com/32zqqzl.jpg" width="200px" height="150px" />
  454. <div id="lpinfo">
  455. <a href="link to preview">live preview
  456. </a>
  457. |
  458. <a href="link to info">info
  459. </a>
  460. </div>
  461. </div>
  462.  
  463. </div>
  464.  
  465. <!--don't touch this-->
  466.  
  467. <div id="credit">
  468. <a href="http://ibanglouis.tumblr.com">
  469. <img src="http://i42.tinypic.com/316kbnn.jpg" width="30px" height="30px">
  470. </a>
  471. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!