Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Aug 10th, 2012  |  syntax: None  |  size: 10.43 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
This paste has a previous version, view the difference. Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.     "i open at the close" theme
  5.     by: maytheoddsthemes
  6.     do not remove credit
  7. --!>
  8.  
  9. <html>
  10. <head>
  11.  
  12.     <!-- DEFAULT VARIABLES -->
  13.     <meta name="image:sidebar" content=""/>
  14.     <meta name="image:sidebar2" content=""/>
  15.     <meta name="image:Background" content="">
  16.  
  17.     <meta name="color:BG" content="#f4ece2" />
  18.     <meta name="color:sidebar" content="#FAF5F0" />
  19.     <meta name="color:nav" content="#DBBFAB" />
  20.     <meta name="color:navtext" content="#FAECE3" />
  21.     <meta name="color:navhover" content="#838383" />
  22.     <meta name="color:content" content="#FAF5F0" />
  23.     <meta name="color:text" content="#CCC5C0" />
  24.     <meta name="color:bold" content="#796959" />
  25.     <meta name="color:italic" content="#D4B782" />
  26.     <meta name="color:titlebox" content="#F1EBE1" />
  27.     <meta name="color:link" content="#CCAB8C" />
  28.     <meta name="color:permalink" content="#F0EADE" />
  29.     <meta name="color:permahover" content="#F7ECD7" />
  30.     <meta name="color:headerbg" content="#FFFFFF" />
  31.     <meta name="color:scroll1" content="#E0D3C2" />
  32.     <meta name="color:scroll2" content="#F1E6D8" />
  33.  
  34.     <meta name="font:title" content="georgia" />
  35.     <meta name="font:body" content="georgia" />
  36.     <meta name="font:link" content="georgia" />
  37.     <meta name="font:permalink" content="tahoma" />
  38.  
  39.     <meta name="text:Link1" content="link" />
  40.     <meta name="text:Link1 Title" content="link" />
  41.     <meta name="text:Link2" content="link" />
  42.     <meta name="text:Link2 Title" content="link" />
  43.     <meta name="text:Link3" content="link" />
  44.     <meta name="text:Link3 Title" content="link" />
  45.     <meta name="text:Link4" content="link" />
  46.     <meta name="text:Link4 Title" content="link" />  
  47.  
  48. <head>
  49.  
  50. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  51.  
  52. <title>{Title}</title>
  53.  
  54. <style type="text/css">
  55.  
  56. body {
  57. color:{color:text};
  58. background-color:{color:#FFE1FF};
  59. background-attachment:fixed;
  60. font-family:{font:body};
  61. font-size:10px;
  62. margin-top: -5px;
  63. line-height:110%;
  64. }
  65.  
  66. a:link, a:active, a:visited {
  67. color:{color:link};
  68. text-decoration:none;
  69. }
  70.  
  71. #entries {
  72. margin-left: 340px;
  73. margin-top: 65px;
  74. width: 510px
  75. }
  76.  
  77. #desc {
  78. font-family: {font:body};
  79. letter-spacing:0px;
  80. background-color: {color:titlebox};
  81. font-size: 10px;
  82. padding: 10px;
  83. width: 210px;
  84. margin-left: 5px;
  85. margin-top: 5px;
  86. text-align: justify;
  87. font-style: normal;
  88. color: {color:text}
  89. }
  90.  
  91. ::-webkit-scrollbar-thumb:vertical {
  92. background-color: {color:scroll1};
  93. height: 50px;
  94. }
  95.  
  96. ::-webkit-scrollbar {
  97. height: 10px;
  98. width: 10px;
  99. background-color: {color:scroll2};
  100. }
  101.  
  102. #nav {
  103. position: fixed;
  104. margin-top: -68px;
  105. margin-left: 358px;
  106. }
  107.  
  108. #nav a {
  109. display: inline-block;
  110. width: 50px;
  111. height: 50px;
  112. -webkit-border-radius: 50px;
  113. -moz-border-radius: 50px;
  114. background-color: {color:nav};
  115. padding: 5px;
  116. font-family:{font:link};
  117. font-size: 11px;
  118. color: {color:navtext};
  119. text-transform: lowercase;
  120. line-height: 50px;
  121. text-align: center;
  122. text-decoration: none;
  123. margin-left: 5px;
  124. {block:IfSidebarFade}opacity: .3;{/block:IfSidebarFade}
  125. -webkit-transition: all 0.5s ease-in-out;
  126. -moz-transition: all 0.5s ease-in-out;
  127. -o-transition: all 0.5s ease-in-out;
  128. -ms-transition: all 0.5s ease-in-out;
  129. transition: all 0.5s ease-in-out;
  130. }
  131.  
  132. #nav a:hover {
  133. background-color:{color:navhover};
  134. color: {color:link};
  135. opacity: 1;
  136. transform: rotate(360deg);
  137. -moz-transform: rotate(360deg);
  138. -webkit-transform: rotate(360deg);
  139. -o-transform: rotate(360deg);
  140. }
  141.  
  142. #pagination {
  143. font-family: {font:link};
  144. text-align: center;  
  145. font-size: 40px;
  146. font-style: normal;
  147. margin-top:510px;
  148. background-color: {color:sidebar};
  149. padding: 2px;
  150. letter-spacing: 0px;
  151. }
  152.  
  153. #sidebar {
  154. position: fixed;
  155. left: 70px;
  156. top: 0px;
  157. width: 255px;
  158. height: 1000px;
  159. background-color: {color:sidebar};
  160. }
  161.  
  162. #sbar2 {
  163. position: fixed;
  164. left: 348px;
  165. top: 0px;
  166. width: 510px;
  167. height: 68px;
  168. background-color: {color:headerbg};
  169. opacity: .5;
  170. }
  171.  
  172. #lovenotes {
  173. position: absolute;
  174. margin-top: 0px;
  175. margin-left: 520px;
  176. background-color: {color:BG};
  177. padding: 2px;
  178. height: auto;
  179. width: auto;
  180. text-align: center;
  181. font-size: 8px;
  182. letter-spacing:1px;
  183. text-transform:lowercase;
  184. font-family:{font:link};
  185. border-left: 4px;
  186. solid {color:abovebar};
  187. font-style:normal;
  188. opacity:0.7;
  189. -webkit-transition-duration: 0.6s;
  190. -moz-transition-duration: 0.6s;
  191. }
  192.  
  193. #lovenotes:hover {
  194. border-left:20px
  195. solid {color:navtext};
  196. opacity:1.0;
  197. }
  198.  
  199. .notes {
  200. text-align: left;
  201. font-size :10px;
  202. letter-spacing: 1px;
  203. text-transform: lowercase;
  204. color: {color:text};
  205. font-family: {font:link};
  206. padding:2px
  207. }
  208.  
  209. #postnotes {
  210. font-family: {font:link};
  211. font-size: 10px;
  212. text-transform: lowercase;
  213. padding: 5px;
  214. font-style: normal
  215. }
  216.  
  217. #plinx {
  218. background-color:{color:permalink};
  219. margin: 1px 1px 1px 1px;
  220. font-family: {font:permalink};
  221. font-size: 8px;
  222. text-transform: uppercase;
  223. color: {color:text};
  224. letter-spacing: 1px;
  225. text-align: center;
  226. padding: 1px;
  227. font-style :normal;
  228. width: 500px; }
  229.  
  230. #plinx:hover {
  231. background-color:{color:permahover}
  232. }
  233.  
  234. #posts {
  235. overflow:hidden;
  236. background-color: {color:content};
  237. border-left :0px;
  238. solid {color:link};
  239. border-right: 0px;
  240. solid {color:link};
  241. padding: 3px;
  242. font-style:normal;
  243. }
  244.  
  245. h2{
  246. color: {color:text};
  247. font-family: {font:title};
  248. background-color: {color:BG};
  249. font-size: 11px;
  250. letter-spacing: 0px;
  251. font-weight: normal;
  252. text-transform: lowercase;
  253. margin: 0px;
  254. padding: 0px;
  255. margin-bottom: -0px;
  256. text-align: center;
  257. }
  258.  
  259. .postalign {
  260. text-align: justify;
  261. padding: 3px 7px 0px 7px;
  262. }
  263.  
  264. #diamond {
  265. background-color: {color:titlebox};
  266. color: {color:BG};
  267. padding: 0px;
  268. font-size: 18px;
  269. font-family:{font:title};
  270. width: 230px;
  271. letter-spacing: 2px;
  272. font-style: italic;
  273. height: 18px;
  274. margin-left: 13px;
  275. margin-top: -10px;
  276. z-index: 2;
  277. position: fixed;
  278. }
  279.  
  280. #sideimg img {
  281. max-width: 230px;
  282. height: auto;
  283. text-align:center;
  284. margin-top:5px;
  285. }
  286.  
  287. .ask {
  288. background-color: {color:BG};
  289. color: {color:text};
  290. padding: 3px;
  291. width: 496px;
  292. margin-left: 1px;
  293. letter-spacing: 1px;
  294. margin-top: 5px;
  295. margin-bottom: 0px;
  296. }
  297.  
  298. .broegan {
  299. background-color: {color:permalink};
  300. color: {color:text};
  301. padding: 2px;
  302. width: 498px;
  303. font-style: italic;
  304. font-size: 15px;
  305. letter-spacing: 2px;
  306. margin-left: 1px;
  307. line-height: 0px;
  308. margin-top: 2px;
  309. margin-bottom: 0px;
  310. }
  311.  
  312. blockquote {
  313. border-left: 2px {color:body} solid;
  314. padding-left: 5px;
  315. margin:0px 2px 0px 10px;
  316. }
  317.  
  318. blockquote {
  319. padding: 0px;
  320. padding-left: 5px;
  321. margin: 5px;
  322. border-left: 2px
  323. solid {color:text}
  324. }
  325.  
  326. b, strong {
  327. color:{color:bold};
  328. }
  329.  
  330. i, em {
  331. color:{color:italic};
  332. }
  333.  
  334. p {
  335. margin-top:5px;
  336. margin-bottom:5px
  337. }
  338.  
  339. .stretch {
  340. background-color: #FFFFFF;
  341. height: 27px;
  342. margin-bottom: -10px;
  343. width:503px;
  344. }
  345.  
  346. .user_1 .label {
  347. color:{color:link};
  348. font-weight:bold
  349. }
  350.  
  351. .user_2 .label {
  352. color:{color:text};
  353. font-weight:bold
  354. }
  355.  
  356. ul.chat, .chat ol, .chat li {
  357. list-style:none;
  358. margin:0px;
  359. padding:0px;
  360. }
  361.  
  362. .notes img{
  363. width:10px;
  364. position:relative;
  365. top:1px;
  366. }
  367.  
  368. ol.notes, .notes li {
  369. list-style:none;
  370. margin:0px;
  371. padding:0px;
  372. }
  373.  
  374. iframe input, iframe submit, iframe textarea, iframe div, iframe table {
  375. background-color:transparent!important;}
  376.        
  377. </style>
  378. <style type="text/css">{CustomCSS}</style>
  379. </head>
  380.  <div id="sbar2"></div>
  381. <div id="nav">  <br>
  382. <a href="/ask">message</a>
  383. <a href="/archive">archive</a>
  384. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  385. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  386. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  387. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  388. <a href="http://maytheoddsthemes.tumblr.com/">theme</a>
  389.  
  390.  
  391. </div>
  392.  
  393. <div id="sidebar"><br>
  394. <br><center><div id="diamond"><a href="/">{Title}</a></br</div><br><br>
  395. <div id="sideimg"><img src="{image:sidebar}"></div>
  396. <div id="sideimg"><img src="{image:sidebar2}"></div>
  397. <div id="desc">{block:Description}{Description}{/block:Description}<br>
  398.  
  399. <center><br>{block:PreviousPage}<a href="{PreviousPage}"><font size="5">← </font></a> <br>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"><font size="5"> →</font></a>{/block:NextPage}</center></div></div>
  400. </div>
  401.  
  402.  
  403. </div>
  404.  
  405.  
  406.  
  407.  
  408. <div id="entries"><br>
  409. {block:Posts}
  410.  
  411. <div id="posts">
  412. {block:Title}
  413. <h2>{Title}&nbsp;</h2>
  414. {/block:Title}
  415.  
  416. {block:Text}
  417. {Body}
  418. {/block:Text}
  419.      
  420. {block:Quote}
  421. <h2>"{Quote}"</h2>
  422. {/block:Quote}
  423.  
  424. {block:Source}
  425. <div class="source">— {Source}</div>
  426. {/block:Source}
  427.      
  428. {block:Link}
  429. <h2><a href="{URL}" class="link" {Target}>{Name}&nbsp;</a></h2>
  430. {block:Description}<P>{Description}</p>{/block:Description}
  431. {/block:Link}
  432.      
  433. {block:Photo}
  434. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  435. {/block:Photo}
  436.  
  437. {block:Photoset}
  438. <center>{Photoset-500}</center>
  439. {block:Caption}{Caption}{/block:Caption}
  440. {/block:Photoset}
  441.      
  442. {block:Chat}
  443. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  444. {/block:Chat}
  445.      
  446. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  447.  
  448. {block:Answer}
  449. <div class="broegan">
  450. <div class="askicon"><img src="{AskerPortraitURL-16}">  {Asker} said: </div></div>
  451. <div class="ask">{Question}
  452. </div>
  453. {Answer}
  454. {/block:Answer}
  455.  
  456.  {block:Audio}
  457. <div class="stretch">
  458. {AudioPlayerwhite}</div><br>
  459. this has been played <b>{PlayCount}</b> times{block:ExternalAudio}
  460. <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}<br>
  461. {block:caption}{caption}{/block:caption}
  462. {/block:Audio}
  463.  
  464. <div id="plinx">
  465. {block:Date} <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} {block:RebloggedFrom} | via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  466. {block:ContentSource}, from <a href="{SourceURL}">{SourceLink}</a>
  467. {/block:ContentSource}<br>
  468. {block:HasTags}{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></div>
  469. {block:PostNotes}{PostNotes}{/block:PostNotes}<br>
  470.  
  471. </body>
  472.  
  473. </html>
  474.  
  475. </html>
create a new version of this paste RAW Paste Data