Advertisement
beliebed

#14 I'm Ready To Go Theme

Jul 27th, 2013
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.86 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8.  
  9.  
  10. <!-- BASE CODE BY INDIEMURS.
  11.     THEME BY BELIEBED
  12. -->
  13.  
  14. <!-- COLORS -->
  15.  
  16. <meta name="color:background" content="#ffffff"/>
  17. <meta name="color:text" content="#b6b5b5"/>
  18. <meta name="color:link" content="#b87889"/>
  19. <meta name="color:linkhover" content="#f0e7e1"/>
  20. <meta name="color:scrollbar" content="ececec"/>
  21.  
  22. <!-- FONTS -->
  23.  
  24. <meta name="font:title" content="Cambria" />
  25. <meta name="font:body" content="calibri" />
  26. <meta name="font:pagination" content="calibri" />
  27.  
  28. <!-- IMAGES -->
  29.  
  30. <meta name="image:sidebar" content=""/>
  31. <meta name="image:updates" content=""/>
  32.  
  33.  
  34. <!-- LINKS -->
  35.  
  36. <meta name="text:link 1" content="link"/>
  37. <meta name="text:link 1 url" content="/" />
  38. <meta name="text:link 2" content="link"/>
  39. <meta name="text:link 2 url" content="/" />
  40.  
  41.  
  42. <style type="text/css">
  43. #bite
  44. #bite a{
  45. display:block
  46. }
  47. #bite .death {
  48. margin-top:0px;filter: alpha(opacity = 0);
  49. opacity:0;-webkit-transition: all 0.5s ease-out;
  50. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  51. }
  52.  
  53. #bite:hover .death {
  54. margin-top:0px;
  55. -webkit-transition: all 0.8s ease-out;
  56. -moz-transition: all 0.8s ease-out;
  57. transition: all 0.8s ease-out;
  58. filter: alpha(opacity = 100);
  59. filter: alpha(opacity = 100);
  60. opacity:100;
  61. }
  62.  
  63.  
  64. ::selection {background: #fff; color:{color:selection};}
  65. ::-moz-selection {background: #fff; color:{color:selection};}
  66. ::-webkit-selection {background: #fff; color:{color:selection};}
  67.  
  68. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};
  69. height:100px;}
  70.  
  71. ::-webkit-scrollbar { height:10px;width:5px; background-color:#fff;}
  72.  
  73.  
  74. /* --- BODY ---*/
  75.  
  76. body {
  77. font-style:none;
  78. background:{color:background};
  79. margin:0px; color:{color:text};
  80. font-family:calibri;
  81. font-size:11px;
  82. line-height:100%;
  83.  
  84. }
  85.  
  86. blockquote {
  87. border-left:2px solid #ECECEC;
  88. padding-left:2px;
  89. margin:5px;
  90. }
  91.  
  92. a {
  93. color:{color:link}
  94. }
  95.  
  96. a {
  97. text-decoration:none;
  98. -webkit-transition:all 0.5s ease-in-out;
  99. -moz-transition:all 0.5s ease-in-out;
  100. -o-transition:all 0.5s ease-in-out;
  101. -ms-transition:all 0.5s ease-in-out;
  102. transition:all 0.5s ease-in-out;
  103. }
  104.  
  105. a:hover {
  106. color:{color:linkhover}
  107. }
  108.  
  109. img {none;}
  110.  
  111. h1 , h2 {
  112. font-family:calibri;
  113. text-transform:none;
  114. font-size:14px;
  115. line-height:30px;
  116. letter-spacing:0px;
  117. text-align:center;
  118. font-style:none;
  119. }
  120.  
  121. #entries {
  122. padding:10px;
  123. width:500px;
  124. margin-left:500px;
  125. margin-top:50px;
  126.  
  127. }
  128.  
  129. #post {
  130. width:500px;
  131. padding-bottom:100px;
  132. font-style:none;
  133. padding:15px;
  134. margin-bottom:10px;
  135. }
  136.  
  137.  
  138.  
  139.  
  140. /* --- SIDEBAR ---*/
  141.  
  142.  
  143. #sidebar
  144. {
  145. width:100px;
  146. position:fixed;
  147. margin-left:100px;
  148. margin-top:200px;
  149. }
  150.  
  151. #sidebar {width:100px;}
  152.  
  153. #sidebarimage img
  154. {  
  155. margin-left:90px;
  156. width:100px;
  157. max-height:150px;
  158. margin-top:0px;
  159. padding:5px;
  160. padding-bottom:5px;
  161. }
  162.  
  163. #nav {
  164. position:fixed;
  165. overflow:hidden;
  166. margin-top:150px;
  167. margin-left:315px;
  168. }
  169.  
  170. #link1 a , #link2 a, #link3 a
  171.  
  172. #title
  173. {
  174. font-family:cambria;
  175. text-align:center;
  176. margin-top:-129px;
  177. padding-bottom:0px;
  178. text-transform:none;
  179. font-style:normal;
  180. font-size:10px;
  181. }
  182.  
  183. #description {
  184. margin-left: 95px;
  185. margin-top: -10px;
  186. width: 100px;
  187. line-height: 100%;
  188. background-color:#ffffff;
  189. text-transform:none;
  190. text-align:center;
  191. font-family:calibri;
  192. font-size: 10px;
  193. font-style:none;
  194. padding-bottom:0px;
  195. padding-top:5px;
  196. }
  197.  
  198. #links  {
  199. position: fixed;
  200. font-family:calibri;
  201. padding-top: 0px;
  202. padding-bottom: 5px;
  203. margin-top: -135px;
  204. margin-left: 105px;
  205. padding-left: 0px;
  206. padding-right: 0px;
  207. letter-spacing: 0px;
  208. height: 10px;
  209. width: 90px;
  210. }
  211.  
  212. #links a {
  213. padding 5px;
  214. padding-top: 0px;
  215. padding-bottom: 1px;
  216. padding-right:2px;
  217. padding-left:2px;
  218. margin-bottom: 5px;
  219. font-size: 8px;
  220. font-style:italic;
  221. text-align:center;
  222. text-transform:none;
  223. width: 60px;
  224. }
  225. #actualnews {
  226. font-family:calibri;
  227. font-size:10px;
  228. color: #b8b8b8;
  229. width:100px;
  230. height:auto;
  231. padding-top:3px;
  232. border:1px solid#b8b8b8;
  233. margin-left: 30px;
  234. margin-top:20px;
  235. text-align:center;
  236. position:fixed;
  237. }
  238.  
  239. #updates img{
  240. width:90px;
  241. margin-top: -40px;
  242. margin-left: 45px;
  243. position:fixed;
  244. }
  245.  
  246. #questions {
  247. background-color:#ffffff;
  248. color: {color:text};
  249. margin-left:0px;
  250. padding:5px;
  251. margin-top:5px;
  252. margin-bottom:5px;
  253. font-family:calibri;
  254. font-size:10px;
  255. font-style:normal;
  256. text-align:center;
  257. }
  258.  
  259. .note {
  260. padding:0px 20px 0px 20px;
  261. background-color:#FFFFFF;
  262. text-transform:lowercase;
  263. letter-spacing:0px;
  264. font-size: 11px;
  265. font-style:normal;
  266. text-align:left;
  267. line-height:120%;
  268. }
  269.    
  270. .note li {
  271. list-style-type:none;
  272. padding:5px 25px 5px 25px;
  273. text-align:left;
  274. margin-right:30px;
  275. margin-top:-50px;
  276. }
  277.  
  278. #info {
  279. font-family:calibri;
  280. text-align:center;
  281. margin-top:10px;
  282. padding-top:10px;
  283. padding:0px;
  284. padding-bottom:1px;
  285. text-transform:none;
  286. font-style:none;
  287. font-size:10px;
  288. line-height:100%;
  289. }
  290.  
  291. #RebloggedFrom {
  292. font-family:calibri;
  293. text-align:center;
  294. margin-top:-5px;
  295. padding-bottom:0px;
  296. text-transform:none;
  297. font-style:none;
  298. font-size:10px;
  299. }
  300.  
  301. #tags {
  302. font-family:calibri;
  303. text-align:center;
  304. margin-top:0px;
  305. padding-bottom:0px;
  306. text-transform:none;
  307. font-style:none;
  308. font-size:10px;
  309. }
  310.  
  311. #pagination
  312. {
  313. font-size:10px;
  314. margin-top:5px;
  315. margin-left:100px;
  316. font-family:calibri;
  317. font-style:normal;
  318. text-align:center;
  319. width:50px
  320. text-transform:uppercase;
  321. letter-spacing:1px;
  322. }
  323.  
  324.  
  325.  
  326. #cred {
  327. position:fixed;
  328. width:60px;
  329. font-family:calibri;
  330. font-size:11px;
  331. line-height:150%;
  332. right:8px;
  333. bottom:5px;
  334. padding-left:0px;
  335. text-align:right;
  336. font-style:normal;
  337. color:{color:text};
  338. }
  339.  
  340.    
  341.  
  342.  
  343.  
  344. {CustomCSS}</style></head><body>
  345. <div id="bite">
  346. <div id="updates"><img src="{image:updates}"></div>
  347. <div class="death">
  348. <div id="actualnews">
  349. this is where you can put your updates and other things.
  350. <p>
  351. to typ your own stuff go to html and click ctrl + f
  352. <p>
  353. then typ there the things you read here to find this text in the code.
  354. <p>
  355. now you can typ your own stuff there!
  356. </div>
  357. </div></div>
  358.  
  359. <div id="sidebar">
  360. <div id="sidebarimage"><img src="{image:sidebar}"/></div><br>
  361. <div id="links">
  362. <a href="/">home</a>
  363. <a href="/ask">mail</a>
  364. <a href="{text:link 1 url}">{text:link 1}</a>
  365. <a href="{text:link 2 url}">{text:link 2}</a>
  366.  
  367. </div>
  368.  
  369.  
  370. <div id="description">{Description}</div>
  371.  
  372. <div id="scrollbar">{scrollbar}</div>
  373.  
  374.  
  375.  
  376. <div id="pagination">
  377. {block:Pagination}
  378. <div id="pagination">
  379. {block:PreviousPage}
  380. <a href="{PreviousPage}"></a>
  381. {/block:PreviousPage}
  382. {block:NextPage}
  383. <a href="{NextPage}"></a>
  384. {/block:NextPage}
  385. </div>
  386. {/block:Pagination}</div>
  387.  
  388.  
  389.  
  390. {block:HasPages}{block:Pages}
  391.  
  392. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  393.  
  394. </div></center>
  395.  
  396.  
  397. </div>
  398.  
  399. <div id="entries">{block:Posts}<div id="post">
  400.  
  401. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  402.  
  403. {block:blockquote}{/block:blockquote}
  404.  
  405.  
  406.  
  407. {block:Photo}
  408. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  409. {/block:Photo}
  410.  
  411. {block:Photoset}
  412. <center>{Photoset-500}</center>{block:Caption}<i>{Caption}</i>{/block:Caption}
  413. {/block:Photoset}
  414.  
  415. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  416.  
  417. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  418.  
  419. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  420.  
  421. {block:Audio}{AudioPlayerBlack}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  422.  
  423. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  424.  
  425. {block:Answer}<div id="questions"<a href="{askerURL}"><b>{Asker}</b> whispered: {Question}</div><div id="answer">{Answer}</div>{/block:answer}
  426.  
  427.  
  428. <div id="info">{block:Date}<a href="{Permalink}">{TimeAgo}{/block:Date}{/block:Date} </a>,
  429. {block:NoteCount}<a href="{Permaink}"> {NoteCountWithLabel} </a>{/block:NoteCount}
  430. {block:RebloggedFrom}<a href="{ReblogParentURL}">({ReblogParentName})</a>{/block:RebloggedFrom}
  431. {block:ContentSource}<a hre="{SourceURL}">{ReblogRootName}</a>{/block:ContentSource}</div>
  432.  
  433. <div id="tags">
  434. {block:HasTags}{block:Tags}  <a href="{TagURL}">#{Tag} </a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  435.  
  436. </div>
  437. {block:PostNotes}{PostNotes}{/block:PostNotes}
  438. {/block:Posts}</div>
  439.  
  440. <div id="cred"><a href="http://beliebed.tumblr.com"> © BELIEBED</a></div>
  441.  
  442. </div>                              
  443. </body>
  444. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement