Advertisement
dylaenobriens

Base Code

Jul 26th, 2013
2,486
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.44 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.  
  3. <!-- BASE CODE BY DYLAENOBRIENS -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10. <title>{Title}</title>
  11.  
  12. {block:Description}<meta name="description" content="{MetaDescription}"/>
  13. {/block:Description}
  14. <link rel="shortcut icon" href="{Favicon}" />
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17. <meta name="color:bg" content="#ffffff">
  18. <meta name="color:link" content="#bbb8b8">
  19. <meta name="color:text" content="#9a9a9a">
  20. <meta name="color:tags" content="#b9b7b7">
  21. <meta name="color:ask" content="#fcfcfc">
  22. <meta name="color:hover" content="#eeeeee">
  23. <meta name="color:border" content="#e7e7e7">
  24. <meta name="color:scrollbar" content="#d6d5d5">
  25.  
  26.  
  27. <meta name="image:sidebar" content=""/>
  28.  
  29. <meta name="text:link 1" content="">
  30. <meta name="text:link 1 url" content="/">
  31. <meta name="text:link 2" content="">
  32. <meta name="text:link 2 url" content="/">
  33. <meta name="text:link 3" content="">
  34. <meta name="text:link 3 url" content="/">
  35. <meta name="text:link 4" content="">
  36. <meta name="text:link 4 url" content="/">
  37.  
  38. <meta name="if:Cursor" content="1">
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. /*--scrollbar--*/
  45.  
  46. ::-webkit-scrollbar-thumb:vertical {border:3px solid #fff;height:12px; background-color:{color:scrollbar};}
  47. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff;}
  48. ::-webkit-scrollbar {background-color:{color:scrollbar};height:7px;width:12px;border:5px solid #fff;}
  49. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{background-color:{color:scrollbar};display:block;height:8px;border-right:2px solid #fff;border-left:2px solid #fff;
  50. }
  51. /*--body--*/
  52.  
  53.  
  54. body {
  55. font-style:none;
  56. background-color:{color:bg};
  57. font-family:calibri;
  58. color:{color:text};
  59. font-size:9px;
  60. }
  61.  
  62.  
  63. a {
  64. color:{color:link};
  65. text-decoration:none;
  66. -webkit-transition: all 0.5s ease-out;
  67. -moz-transition: all 0.5s ease-out;
  68. transition: all 0.5s ease-out;
  69. }
  70.  
  71. a:hover {
  72. color:{color:hover};
  73. text-decoration:none;
  74. -webkit-transition: all 0.8s ease-out;
  75. -moz-transition: all 0.8s ease-out;
  76. transition: all 0.8s ease-out;
  77. }
  78.  
  79. img {
  80. border:none;
  81. }
  82.  
  83. blockquote {
  84. padding-left:5px;
  85. border-left:2px solid {color:border};
  86. }
  87.  
  88. h1 {
  89. font-size:10px;
  90. }
  91.  
  92. /*--Cursor code--*/
  93.  
  94. {block:ifCursor}
  95.  
  96. *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
  97.  
  98. {/block:ifCursor}
  99.  
  100.  
  101.  
  102. /*--sidebar--*/
  103.  
  104. #sidebar {
  105. position:fixed;
  106. width:140px;
  107. margin-left:200px;
  108. margin-top:200px;
  109. }
  110.  
  111. #sidebarimage {
  112. width:140px;
  113. }
  114.  
  115. #sidebarimage img {
  116. width:140px;
  117. padding:3px;
  118. }
  119.  
  120. /*--links--*/
  121.  
  122. #links {
  123. margin-top:-160px;
  124. width:150px;
  125. margin-left:-2px;
  126. font-family:'calibri';
  127. text-transform:uppercase;
  128. text-align:center;
  129. }
  130.  
  131. #links a {
  132. padding:3px;
  133. font-size:9px;
  134. }
  135.  
  136. #links a:hover {
  137. color:{color:hover};
  138. }
  139.  
  140. /*--description--*/
  141.  
  142. #description {
  143. margin-top:155px;
  144. margin-left:5px;
  145. width:140px;
  146. font-family:'calibri';
  147. font-size:9px;
  148. text-align:center;
  149. }
  150.  
  151. /*--pagination--*/
  152.  
  153. #pagination {
  154. margin-top:10px;
  155. margin-left:5px;
  156. font-style:italic;
  157. text-align:center;
  158. font-size:9px;
  159. font-family:calibri;
  160. color:{color:link};
  161. }
  162.  
  163. #pagination a{
  164. color:{color:link};
  165. }
  166.  
  167. #pagination a:hover {
  168. color:{color:hover};
  169. }
  170.  
  171. /*--posts--*/
  172.  
  173. #posts {
  174. width:500px;
  175. margin-bottom:10px;
  176. padding:1px;
  177. font-size:11px;
  178. color:{color:text};
  179. line-height:90%;
  180. text-align:justify;
  181. }
  182.  
  183. #postscontainer {
  184. margin-bottom:20px;
  185. padding:1px;
  186. margin-left:450px;
  187. margin-top:55px;
  188. }
  189.  
  190.  
  191. #info {
  192. margin-bottom:10px;
  193. font-size:8px;
  194. margin-top:10px;
  195. text-align:left;
  196. padding:5px;
  197. color:{color:link};
  198. border-top:1px solid {color:border};
  199. }
  200.  
  201.  
  202. #reblog {
  203. text-transform:uppercase;
  204. font-family:trebuchet ms;
  205. margin-left:-5px;
  206. margin-top:-5px;
  207. text-align:center;
  208. color:white;
  209. background-color:#cfcece;
  210. width:35px;
  211. padding:3px;
  212. }
  213.  
  214. #reblog a {
  215. color:white;
  216. }
  217.  
  218. #notes {
  219. margin-left:40px;
  220. margin-top:-12px;
  221. }
  222.  
  223. #rightinfo {
  224. text-transform:uppercase;
  225. font-family:trebuchet ms;
  226. margin-left:370px;
  227. text-align:justify;
  228. float:right;
  229. background-color:#cfcece;
  230. padding:3px;
  231. margin-top:-12px;
  232. color:white;
  233. }
  234.  
  235. #rightinfo a {
  236. color:white;
  237. }
  238.  
  239. /*--tags--*/
  240.  
  241. #tags {
  242. width:490px;
  243. margin-left:-4px;
  244. margin-top:7px;
  245. font-size:8px;
  246. color:{color:tags}:
  247. }
  248.  
  249. #tags a {
  250. color:{color:tags};
  251. }
  252.  
  253. #tags a:hover {
  254. color:{color:hover}
  255. }
  256.  
  257. /*--asks--*/
  258.  
  259. #askbg {
  260. padding:12px;
  261. background-color:{color:ask};
  262. }
  263.  
  264. #ask {
  265. margin-top:-10px;
  266. font-family:calibri;
  267. text-align:left;
  268. }
  269.  
  270. #ask img {
  271. margin-top:30px;
  272. width:50px;
  273. }
  274.  
  275. /*--credit--*/
  276.  
  277. #credit {
  278. right:3px;
  279. bottom:6px;
  280. font-size:9px;
  281. padding:5px;
  282. color:{color:text};
  283. background-color:#fafafa;
  284. text-transform:uppercase;
  285. border:1px solid {color:border};
  286. position:fixed;
  287. -webkit-transition: all 0.5s ease-out;
  288. -moz-transition: all 0.5s ease-out;
  289. transition: all 0.5s ease-out;
  290. }
  291.  
  292. #credit:hover {
  293. background-color:black;
  294. color:white;
  295. }
  296.  
  297.  
  298. {CustomCSS}
  299.  
  300. </style></head>
  301.  
  302.  
  303. <body>
  304.  
  305. <div id="sidebar">
  306. <div id="sidebarimage">
  307. <img src="{image:sidebar}"></div>
  308.  
  309.  
  310. <div id="links">
  311. <a href="{text:link 1 url}">{text:link 1}</a>
  312. <a href="{text:link 2 url}">{text:link 2}</a>
  313. <a href="{text:link 3 url}">{text:link 3}</a>
  314. <a href="{text:link 4 url}">{text:link 4}</a>
  315. </div>
  316.  
  317. <div id="description">{description}</div>
  318.  
  319. {block:Pagination}
  320. <div id="pagination">
  321.  
  322. {block:PreviousPage}<a href="{PreviousPage}">Prev</a>{/block:PreviousPage}
  323. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}
  324. </div>{/block:Pagination}
  325.  
  326. </div></div>
  327.  
  328.  
  329. <div id="postscontainer">
  330.  
  331. {block:Posts}
  332.  
  333. <div id="posts">
  334.  
  335.  
  336. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  337.  
  338.  
  339. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  340.  
  341. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  342.  
  343. {block:Quote}{Quote}{block:Source} &#8212;{Source}{/block:Source}{/block:Quote}
  344.  
  345. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  346.  
  347. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  348.  
  349. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  350.  
  351. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  352.  
  353. {block:Answer}<div id="askbg"><div id="ask"></div><br><img src="{AskerPortraitURL-24}"> {Asker} said: {Question}</div> {Answer}{/block:Answer}
  354.  
  355. <div id="info"><div id="reblog"><a href="{ReblogURL}" target="_blank" class="details">Reblog</a></div><div id="notes"><a href="{Permalink}">
  356. {NoteCountWithLabel}</a></div>
  357. <div id="rightinfo">{block:Date}<a href="{Permalink}">
  358. {TimeAgo}</a></a>{/block:Date} |{block:RebloggedFrom}<a href="{ReblogParentURL}"
  359. title="{ReblogParenttitle}">Via</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">Source</a>{/block:RebloggedFrom}</div>
  360. {block:HasTags} <div id="tags">Tags:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  361.  
  362.  
  363. </div>
  364.  
  365. {/block:Posts}
  366.  
  367. {block:PostNotes}{PostNotes}</div>{/block:PostNotes}
  368. {/block:Posts}
  369.  
  370. </div>
  371.  
  372.  
  373. <div id="credit"><a href="http://dylaenobriens.tumblr.com/">credit</a>
  374. </body>
  375. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement