Advertisement
minimu

jagged edges / 1

Jan 9th, 2015
2,603
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.45 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. <!---jcgged.tumblr.com
  10. --->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#000000"/>
  14. <meta name="color:Sidebar" content="#fbfbfb"/>
  15. <meta name="color:Sidebar Links" content="#b8b8b8"/>
  16. <meta name="color:DescriptionText" content="#ffffff"/>
  17. <meta name="color:Border" content="#dddddd"/>
  18. <meta name="color:Hover" content="#f2f2f2"/>
  19. <meta name="color:Scrollbar" content="#000000"/>
  20. <meta name="color:ScrollbarBg" content="#ffffff"/>
  21. <meta name="color:Links" content="#000000"/>
  22. <meta name="color:Info Background" content="#f3f3f3"/>
  23. <meta name="color:Question Background" content="#fcfcfc"/>
  24. <meta name="color:Answer Backg" content="#000000"/>
  25. <meta name="image:Sidebar" content=""/>
  26. <meta name="image:Background" content=""/>
  27. <meta name="text:Link 1" content="" />
  28. <meta name="text:Link 1 URL" content="" />
  29. <meta name="text:Link 2" content="" />
  30. <meta name="text:Link 2 URL" content="" />
  31. <meta name="text:Link 3" content="" />
  32. <meta name="text:Link 3 URL" content="" />
  33. <meta name="text:Link 4" content="" />
  34. <meta name="text:Link 4 URL" content="" />
  35.  
  36. <style type="text/css">
  37.  
  38. ::-webkit-scrollbar-thumb {
  39. height:auto;
  40. background-color:{color:Scrollbar};
  41. }
  42.  
  43. ::-webkit-scrollbar {
  44. height:9px;
  45. width:4px;
  46. background-color:{color:ScrollbarBg};
  47. }
  48.  
  49. body {
  50. background:{color:background};
  51. margin:0px;
  52. color:{color:text};
  53. font-family:arial;
  54. font-size:10px;
  55. line-height:150%;
  56. text-align:justify;
  57. background-image:url('{image:Background}');
  58. }
  59.  
  60.  
  61. a {
  62. text-decoration:none;
  63. outline:none;
  64. -moz-outline-style:none;
  65. color:{color:Links};
  66. }
  67.  
  68. img {
  69. border:none;
  70. }
  71.  
  72. blockquote {
  73. padding-left:5px;
  74. border-left:1px solid {color:text};
  75. }
  76.  
  77. blockquote blockquote {
  78. padding-left:5px;
  79. border-left:2px solid;
  80. }
  81.  
  82.  
  83. a:hover {
  84. color:#000000;
  85. -moz-transition-duration:0.3s;
  86. -webkit-transition-duration:0.3s;
  87. -o-transition-duration:0.3s;
  88. }
  89.  
  90. small {font-size:10px;}
  91.  
  92. h1{font-size:15px;
  93. font-weight:bold;
  94. border:solid 1px black;
  95. padding:10px;
  96. font-style: italic}
  97.  
  98. /*ENTRIES*/
  99.  
  100. #entries {
  101. padding:10px;
  102. border:solid 1px black;
  103. width:550px;
  104. position:fixed;
  105. margin-left:550px;
  106. margin-top:100px;
  107. overflow:auto;
  108. height:500px;
  109. font-size:10px;
  110. line-height:150%;
  111. font-family:'arial';
  112. }
  113.  
  114. #post {
  115. width:500px;
  116. padding-bottom:20px;
  117. padding:25px;
  118. margin-top:-10px;
  119. }
  120.  
  121. #post:hover .tags{opacity:1;
  122. margin-top:-5px;
  123. margin-left:50px;
  124. text-shadow:1px 1px #a0a0a0;
  125. }
  126. /*SIDEBAR*/
  127.  
  128. #sidebar {
  129. position:fixed;
  130. width:250px;
  131. margin-top:200px;
  132. padding:10px;
  133. height:100px;
  134. margin-left:270px;
  135. }
  136.  
  137. #sidebarimage {
  138. width 100px;
  139. text-align:right;
  140. }
  141.  
  142. #sidebarimage img {
  143. margin-top:3px;
  144. width:100px;
  145. }
  146.  
  147. #links a:hover {
  148. -moz-transition-duration:0.5s;
  149. -webkit-transition-duration:0.5s;
  150. -o-transition-duration:0.5s;
  151. color:{color:Hover};
  152. }
  153.  
  154. #links a:hover{margin-left:0px;
  155. font-style:italic;}
  156.  
  157. #description {
  158. border:1px solid white;
  159. text-align:justify;
  160. font-family:'arial';
  161. margin-top:0px;
  162. overflow:auto;
  163. height:99px;
  164. font-size:9px;
  165. text-transform:uppercase;
  166. padding:5px;
  167. width:88px;
  168. position:relative;
  169. margin-left:150px;
  170. color:{color:DescriptionText};
  171. }
  172.  
  173. #title {
  174. text-align:center;
  175. top:5px;
  176. font-family:'arial';
  177. font-size:9px;
  178. font-weight:bold;
  179. padding:5px;
  180. position:relative;
  181. padding-bottom:5px;
  182. margin-bottom:10px;
  183. text-transform:uppercase;
  184. color:{color:Text};
  185. }
  186.  
  187. #header{font-size:15px;
  188. text-transform:uppercase;
  189. position:fixed;
  190. margin-top:60px;
  191. width:700px;
  192. margin-left:400px;
  193. font-weight:bold;
  194. border:solid 1px black;
  195. padding:10px;
  196. font-style: italic
  197. }
  198.  
  199. #leftsidebar{background-color:black;
  200. width:150px;
  201. margin-left:400px;
  202. position:fixed;
  203. margin-top:100px;
  204. z-index:-99;
  205. height:522px;}
  206.  
  207. /*LINKS*/
  208. #links{position:fixed;
  209. text-transform:uppercase;
  210. font-family:arial;
  211. font-weight:bold;
  212. width:150px;
  213. font-size:8px;
  214. margin-left:122px;
  215. margin-top:100px;
  216. height:22px;
  217. -moz-transition-duration:0.3s;
  218. -webkit-transition-duration:0.3s;
  219. -o-transition-duration:0.3s;
  220. overflow:hidden;
  221. text-align:center;
  222. padding:5px;
  223. }
  224.  
  225. #links:hover{height:300px;}
  226.  
  227. #links a{margin-right:5px;
  228. width:94px;
  229. border:1px solid white;
  230. margin-top:5px;
  231. color:white;
  232. padding:2px;
  233. display:inline-block;
  234. -moz-transition-duration:0.3s;
  235. -webkit-transition-duration:0.3s;
  236. -o-transition-duration:0.3s;
  237. }
  238.  
  239. /*CHAT POSTS*/
  240. #chat{ padding:2px;
  241. margin-left:50px;
  242. margin-top:-1px;
  243. }
  244. /*POST INFO*/
  245.  
  246. #info {
  247. width:400px;
  248. font-weight:bold;
  249. text-align:left;
  250. padding:5px;
  251. font-family:'arial';
  252. margin-left:80px;
  253. margin-top:5px;
  254. font-size:9px;
  255. text-transform:uppercase;
  256. font-style:none;
  257. line-height:10px;
  258. color:{color:text};
  259. }
  260.  
  261. #info a {
  262. text-align:center;
  263. color:{color:Text};
  264. }
  265.  
  266. .tags {text-transform:none;
  267. color:{color:postbg};
  268. width:450px;
  269. opacity:0;
  270. margin-top:-5px;
  271. margin-left:0px;
  272. font-size:10px;
  273. letter-spacing:1px;
  274. text-align:justify;
  275. -moz-transition-duration:0.5s;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;}
  276.  
  277.  
  278. .tags a {
  279. letter-spacing:0px;
  280. padding:2px;
  281. font-size:10px;
  282. text-align:center;
  283. font-family:'arial';
  284. text-decoration:none;
  285. display:inline-block;
  286. color:{color:Links};
  287. }
  288.  
  289.  
  290. /*QUESTION*/
  291.  
  292. #asker {
  293. color:{color:text};
  294. text-transform:lowercase;
  295. padding:15px;
  296. font-family:arial;
  297. font-size:9px;
  298. text-shadow:1px 1px #a0a0a0;
  299. letter-spacing:0px;
  300. text-align:left;
  301. margin-top:0px;
  302. line-height:150%;
  303. }
  304.  
  305. #asker a{color:{color:Text};}
  306.  
  307.  
  308. #url a{color:{color:Text};
  309. padding:2px;
  310. background-color:{color:Info Background};
  311. }
  312.  
  313.  
  314. /*CREDIT*/
  315.  
  316. #cred {
  317. position:fixed;
  318. font-family:consolas;
  319. font-size:8px;
  320. right:9px;
  321. bottom:9px;
  322. padding:4px;
  323. letter-spacing:1px;
  324. }
  325.  
  326. {CustomCSS}</style></head><body>
  327.  
  328. <div id="header">{title} {block:Pagination}
  329. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  330. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  331. {/block:Pagination}</div>
  332. <div id="leftsidebar"></div>
  333. <div id="sidebar">
  334. <div id="sidebarimage">
  335. <a title="home" href="/">
  336. <img src="{image:Sidebar}">
  337. </a>
  338. </div>
  339. <div id="links">
  340. <a href="/"><span>+</a></span>
  341. <a href="{text:Link 1 URL}"><span>{text:Link 1}</a></span>
  342. <a href="{text:Link 2 URL}"><span>{text:Link 2}</a></span>
  343. <a href="{text:Link 3 URL}"><span>{text:Link 3}</a></span>
  344. <a href="{text:Link 4 URL}"><span>{text:Link 4}</a></span>
  345.  
  346. </div>
  347. <div id="description">{Description}</div>
  348.  
  349. </div>
  350. <div id="entries">
  351. {block:Posts}
  352. <div id="info">
  353. <div id="permalink">
  354. <a href="{Permalink}">{DayOfMonthWithZero}.{ShortMonth}.{ShortYear}</a>
  355. <a href="{SourceURL}">©</a>
  356. </a></div></div>
  357. <div id="post">
  358.  
  359. {block:Text}
  360. {block:Title}<h1>{Title}</h1>{/block:Title}
  361. {Body}{/block:Text}
  362.  
  363. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  364. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  365.  
  366. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  367. {/block:Caption}{/block:Photoset}
  368.  
  369. {block:Quote}<h2>"{Quote}"</h2>
  370. {/block:Source}{/block:Quote}
  371.  
  372. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  373.  
  374. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}<div id="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></div>{/block:Lines}{/block:Chat}
  375.  
  376. {block:Audio}<div align="center">
  377. <span class="audio">{AudioPlayerWhite}</div></span>
  378. {/block:ExternalAudio}
  379. {/block:Audio}<br>
  380.  
  381. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}</center>{/block:Video}
  382.  
  383. {block:Answer}<div id="asker">{Question} — <i>{Asker}</i></div> {Answer}{/block:Answer}
  384.  
  385. {block:HasTags}<div class="tags"><a href="{Permalink}">{NoteCountWithLabel}</a> &nbsp; &nbsp;
  386. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div>
  387.  
  388. {/block:Posts}</div>
  389.  
  390. <div id="cred">
  391. <a href="http://jcgged.tumblr.com/">CR</a>
  392. </div>
  393. </div>
  394. </body>
  395. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement