Advertisement
minimu

cubic

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