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

THEME 01

By: vaticameos on Jul 15th, 2012  |  syntax: None  |  size: 25.61 KB  |  hits: 3,192  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
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"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. </-------THEME 01 BY NATALIE (VATICAMEOS.TUMBLR.COM)
  6.  
  7. DONT REMOVE THE CREDITS NEITHER USE THIS CODE AS A BASE-------/>
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
  10.  
  11. <link rel="shortcut icon" href="{Favicon}" />
  12.  
  13. <!-- DEFAULT VARIABLES -->
  14. <meta name="color:Background" content="#ffffff" />
  15. <meta name="color:Text" content="#867f63"/>
  16. <meta name="color:Menu" content="#f8f4ed" />
  17. <meta name="color:Menu2" content="#ffffff" />
  18. <meta name="color:Entry" content="#ffffff" />
  19. <meta name="color:Info" content="#f0e6d6" />
  20. <meta name="color:Info Border" content="#e4e1c5" />
  21. <meta name="color:Chat1" content="#f8f4ed" />
  22. <meta name="color:Chat2" content="#ffffff" />
  23. <meta name="color:Ask" content="#f7f5e6" />
  24. <meta name="color:Picture Border" content="#f0e6d6" />
  25. <meta name="color:Links" content="#db878d" />
  26. <meta name="color:Links Hover" content="#e9e6cb" />
  27. <meta name="color:Links Active" content="#db878d" />
  28. <meta name="color:Links Visited" content="#db878d" />
  29. <meta name="color:Scroll" content="#a78e9c" />
  30. <meta name="color:Bold Words" content="#cfbdc8" />
  31. <meta name="color:Italic Words" content="#bbbb8c" />
  32. <meta name="color:Underlined Words" content="#5e5745" />
  33. <meta name="color:Title" content="#b40b17" />
  34. <meta name="color:Title Shadow" content="#cccab5" />
  35. <meta name="color:Scroll" content="#e9e6cb" />
  36. <meta name="color:Scroll Background" content="#ffffff" />
  37.  
  38. <meta name="text:Link1" content="" />
  39. <meta name="text:Link1 Title" content="" />
  40. <meta name="text:Link2" content="" />
  41. <meta name="text:Link2 Title" content="" />
  42. <meta name="text:Link3" content="" />
  43. <meta name="text:Link3 Title" content="" />
  44. <meta name="text:Link4" content="" />
  45. <meta name="text:Link4 Title" content="" />
  46. <meta name="text:Link5" content="" />
  47. <meta name="text:Link5 Title" content="" />
  48. <meta name="text:Link6" content="" />
  49. <meta name="text:Link6 Title" content="" />
  50.  
  51. <meta name="image:Picture" content="" />
  52. <meta name="image:Picture2" content="" />
  53. <meta name="image:Background" content="" />
  54.  
  55. <title>{Title}</title>
  56. <style type="text/css">
  57.  
  58. @font-face {font-family: "Euro";
  59. src: url('http://static.tumblr.com/gs9d5ab/Mb4m3iah0/eurof35.ttf'); format("truetype");}
  60.  
  61. body {background-color:{color:Background}; color:{color:Text}; font-family:tahoma; font-style:normal; text-shadow:#ffffff 0px 0px 0px; font-size:09px; text-align:center; line-height:130%; letter-spacing:1px; margin:0; padding:0px; background-image:url('{image:Background}'); background-repeat:repeat; background-attachment: fixed}
  62.  
  63. :link{font-family:tahoma; text-size:8px; text-decoration:none};
  64.  
  65. link:hover{font-family:tahoma; text-size:8px;text-decoration:none; text-color:{color:Links Hover};
  66.  
  67. padding: 0px 0 0px 0;text-decoration: none} img a{border:0px;}img a:hover{border:0px;}
  68.  
  69. b{text-transform: block; color:{color:Bold Words}}
  70. i{text-transform: italic; color:{color:Italic Words}}
  71. u{text-transform: underline; color:{color:Underlined Words}}
  72. p{margin:2px 0 2px 0}
  73. blockquote{margin:5px 5px 2px 2px; padding: 1px 0 3px 6px; border-left: 2px solid {color:Links Hover}}
  74.  
  75. #theme {bottom:10px; right:5px; background-color:transparent; text-align:right; color: {color:Text}; letter-spacing: 1px; position: fixed; font-family:Euro; text-shadow:{color:Title Shadow} 1px 1px 0px; font-style: normal; font-size: 12px;}
  76.  
  77. #theme a{margin-bottom:10px; margin-right:5px; color: {color:Links}}
  78.  
  79. #theme a:hover{margin-bottom:10px; margin-right:5px; color: {color:Links Hover}}
  80.  
  81. #Title {background-color:transparent; position:fixed;top:340px; left:121px; font-size:17px; width:240px; height:auto; text-align:center; letter-spacing: 1px; color: {color:Title}; font-family:Euro;
  82. }
  83.  
  84. #Title a{text-shadow:{color:Title Shadow} 1px 1px 0px; color: {color:Title}; font-family:Euro;}
  85.  
  86. #Title a:hover{text-shadow:{color:Title Shadow} 1px 1px 0px; color: {color:Links Hover}; font-family:Euro;}
  87.  
  88. .box {margin-top:111px; margin-left:140px;position:fixed}  
  89. .main {color:{color:Links}; width: 150px; height: 150px; background-color: transparent; text-transform:uppercase}  
  90. .menu {width: 150px;  height: 150px; margin-top: 14px;  margin-left: 1px;  background-color: transparent; position: absolute;}  
  91.  
  92. .s1 {opacity: 0.0;
  93. width: 54px;  
  94. height: 54px;  
  95. position: absolute;
  96. font-family:arial;
  97. font-size:08px;
  98. text-align:center;
  99. text-transform:uppercase;
  100. line-height:50px;
  101. margin-top:50px;  
  102. margin-left:76px;  
  103. background-color:{color:Menu};
  104. transition-duration: 0.6s;  
  105. -moz-transition-duration: 0.6s;  
  106. -webkit-transition-duration: 0.6s;  
  107. -o-transition-duration: 0.6s}  
  108.  
  109. .s2 {opacity: 0.0;  
  110. width: 54px;  
  111. height: 54px;  
  112. position: absolute;
  113. font-family:arial;
  114. font-size:08px;
  115. text-align:center;
  116. text-transform:uppercase;
  117. line-height:50px;
  118. margin-top: 50px;  
  119. margin-left: 76px;  
  120. background-color:{color:Menu2};  
  121. transition-duration: 0.6s;  
  122. -moz-transition-duration: 0.6s;  
  123. -webkit-transition-duration: 0.6s;  
  124. -o-transition-duration: 0.6s;}  
  125.  
  126. .s3 {opacity: 0.0;  
  127. width: 54px;  
  128. height: 54px;  
  129. position: absolute;
  130. font-family:arial;
  131. font-size:08px;
  132. text-align:center;
  133. text-transform:uppercase;
  134. line-height:50px;
  135. margin-top: 50px;  
  136. margin-left: 76px;  
  137. background-color:{color:Menu};
  138. transition-duration: 0.6s;  
  139. -moz-transition-duration: 0.6s;  
  140. -webkit-transition-duration: 0.6s;  
  141. -o-transition-duration: 0.6s}    
  142.  
  143. .s4 {opacity: 0.0;  
  144. width: 54px;  
  145. height: 54px;  
  146. position: absolute;
  147. font-family:arial;
  148. font-size:08px;
  149. text-align:center;
  150. text-transform:uppercase;
  151. line-height:50px;
  152. margin-top: 50px;  
  153. margin-left: 76px;  
  154. background-color:{color:Menu2};
  155. transition-duration: 0.6s;  
  156. -moz-transition-duration: 0.6s;  
  157. -webkit-transition-duration: 0.6s;  
  158. -o-transition-duration: 0.6s}  
  159.  
  160. .s5 {opacity: 0.0;  
  161. width: 54px;  
  162. height: 54px;  
  163. position: absolute;
  164. font-family:arial;
  165. font-size:08px;
  166. text-align:center;
  167. text-transform:uppercase;
  168. line-height:50px;
  169. margin-top: 50px;  
  170. margin-left: 76px;  
  171. background-color:{color:Menu2};
  172. transition-duration: 0.6s;  
  173. -moz-transition-duration: 0.6s;  
  174. -webkit-transition-duration: 0.6s;  
  175. -o-transition-duration: 0.6s}  
  176.  
  177. .s6 {opacity: 0.0;  
  178. width: 54px;  
  179. height: 54px;  
  180. position: absolute;
  181. font-family:arial;
  182. font-size:08px;
  183. text-align:center;
  184. text-transform:uppercase;
  185. line-height:50px;
  186. margin-top: 50px;  
  187. margin-left: 76px;  
  188. background-color:{color:Menu};
  189. transition-duration: 0.6s;  
  190. -moz-transition-duration: 0.6s;  
  191. -webkit-transition-duration: 0.6s;  
  192. -o-transition-duration: 0.6s}  
  193.  
  194. .s7 {opacity: 0.0;  
  195. width: 54px;  
  196. height: 54px;  
  197. position: absolute;
  198. font-family:arial;
  199. font-size:08px;
  200. text-align:center;
  201. text-transform:uppercase;
  202. line-height:50px;
  203. margin-top: 50px;  
  204. margin-left: 76px;  
  205. background-color:{color:Menu2};
  206. transition-duration: 0.6s;  
  207. -moz-transition-duration: 0.6s;  
  208. -webkit-transition-duration: 0.6s;  
  209. -o-transition-duration: 0.6s}    
  210.  
  211. .s8 {opacity: 0.0;  
  212. width: 54px;  
  213. height: 54px;  
  214. position: absolute;
  215. font-family:arial;
  216. font-size:08px;
  217. text-align:center;
  218. text-transform:uppercase;
  219. line-height:50px;
  220. margin-top: 50px;  
  221. margin-left: 76px;  
  222. background-color:{color:Menu};
  223. transition-duration: 0.6s;  
  224. -moz-transition-duration: 0.6s;  
  225. -webkit-transition-duration: 0.6s;  
  226. -o-transition-duration: 0.6s}  
  227.  
  228. .smiddle {opacity: 0.0;
  229. width: 54px;  
  230. height: 54px;  
  231. position: absolute;
  232. font-family:tahoma;
  233. font-size:08px;
  234. text-align:center;
  235. line-height:50px;
  236. margin-top:50px;  
  237. margin-left:76px;  
  238. background-color:{color:Menu};
  239. transition-duration: 0.6s;  
  240. -moz-transition-duration: 0.6s;  
  241. -webkit-transition-duration: 0.6s;  
  242. -o-transition-duration: 0.6s}
  243.  
  244. .box:hover .s1 {opacity: 0.7;  
  245. margin-top: -6px;  
  246. margin-left: 19px;  
  247. transition-duration: 0.6s;  
  248. -moz-transition-duration: 0.6s;  
  249. -webkit-transition-duration: 0.6s;  
  250. -o-transition-duration: 0.6s;}
  251. .box:hover .s1:hover {opacity: 0.5;  
  252. margin-top: -6px;  
  253. margin-left: 19px;  
  254. transition-duration: 0.6s;  
  255. -moz-transition-duration: 0.6s;  
  256. -webkit-transition-duration: 0.6s;  
  257. -o-transition-duration: 0.6s;}  
  258.  
  259. .box:hover .s2 {opacity: 0.7;
  260. cursor:pointer;
  261. margin-top: -6px;  
  262. margin-left: 73px;  
  263. transition-duration: 0.6s;  
  264. -moz-transition-duration: 0.6s;  
  265. -webkit-transition-duration: 0.6s;  
  266. -o-transition-duration: 0.6s;}  
  267. .box:hover .s2:hover {opacity: 0.5;
  268. cursor:pointer;
  269. margin-top: -6px;  
  270. margin-left: 73px;  
  271. transition-duration: 0.6s;  
  272. -moz-transition-duration: 0.6s;  
  273. -webkit-transition-duration: 0.6s;  
  274. -o-transition-duration: 0.6s;}
  275.  
  276. .box:hover .s3 {opacity: 0.7;
  277. margin-top: -6px;  
  278. margin-left: 127px;  
  279. transition-duration: 0.6s;  
  280. -moz-transition-duration: 0.6s;  
  281. -webkit-transition-duration: 0.6s;  
  282. -o-transition-duration: 0.6s;}  
  283. .box:hover .s3:hover {opacity: 0.5;
  284. margin-top: -6px;  
  285. margin-left: 127px;  
  286. transition-duration: 0.6s;  
  287. -moz-transition-duration: 0.6s;  
  288. -webkit-transition-duration: 0.6s;  
  289. -o-transition-duration: 0.6s;}  
  290.  
  291. .box:hover .s4 {opacity: 0.7;
  292. margin-top: 48px;  
  293. margin-left: 19px;  
  294. transition-duration: 0.6s;  
  295. -moz-transition-duration: 0.6s;  
  296. -webkit-transition-duration: 0.6s;  
  297. -o-transition-duration: 0.6s;}
  298. .box:hover .s4:hover {opacity: 0.5;
  299. margin-top: 48px;  
  300. margin-left: 19px;  
  301. transition-duration: 0.6s;  
  302. -moz-transition-duration: 0.6s;  
  303. -webkit-transition-duration: 0.6s;  
  304. -o-transition-duration: 0.6s;}
  305.  
  306. .box:hover .s5 {opacity: 0.7;
  307. margin-top: 48px;  
  308. margin-left: 127px;  
  309. transition-duration: 0.6s;  
  310. -moz-transition-duration: 0.6s;  
  311. -webkit-transition-duration: 0.6s;  
  312. -o-transition-duration: 0.6s;}
  313. .box:hover .s5:hover {opacity: 0.5;
  314. margin-top: 48px;  
  315. margin-left: 127px;  
  316. transition-duration: 0.6s;  
  317. -moz-transition-duration: 0.6s;  
  318. -webkit-transition-duration: 0.6s;  
  319. -o-transition-duration: 0.6s;}
  320.  
  321. .box:hover .s6 {opacity: 0.7;
  322. margin-top: 102px;  
  323. margin-left: 19px;  
  324. transition-duration: 0.6s;  
  325. -moz-transition-duration: 0.6s;  
  326. -webkit-transition-duration: 0.6s;  
  327. -o-transition-duration: 0.6s;}
  328. .box:hover .s6:hover {opacity: 0.5;
  329. margin-top: 102px;  
  330. margin-left: 19px;  
  331. transition-duration: 0.6s;  
  332. -moz-transition-duration: 0.6s;  
  333. -webkit-transition-duration: 0.6s;  
  334. -o-transition-duration: 0.6s;}
  335.  
  336. .box:hover .s7 {opacity: 0.7;
  337. margin-top: 102px;  
  338. margin-left: 73px;  
  339. transition-duration: 0.6s;  
  340. -moz-transition-duration: 0.6s;  
  341. -webkit-transition-duration: 0.6s;  
  342. -o-transition-duration: 0.6s;}
  343. .box:hover .s7:hover {opacity: 0.5;
  344. margin-top: 102px;  
  345. margin-left: 73px;  
  346. transition-duration: 0.6s;  
  347. -moz-transition-duration: 0.6s;  
  348. -webkit-transition-duration: 0.6s;  
  349. -o-transition-duration: 0.6s;}
  350.  
  351. .box:hover .s8 {opacity: 0.7;
  352. cursor:pointer;
  353. margin-top: 102px;  
  354. margin-left: 127px;  
  355. transition-duration: 0.6s;  
  356. -moz-transition-duration: 0.6s;  
  357. -webkit-transition-duration: 0.6s;  
  358. -o-transition-duration: 0.6s;}
  359. .box:hover .s8:hover {opacity: 0.5;
  360. cursor:pointer;
  361. margin-top: 102px;  
  362. margin-left: 127px;  
  363. transition-duration: 0.6s;  
  364. -moz-transition-duration: 0.6s;  
  365. -webkit-transition-duration: 0.6s;  
  366. -o-transition-duration: 0.6s;}
  367.  
  368. .box:hover .smiddle {opacity: 0.5;
  369. margin-top: 48px;  
  370. margin-left: 73px;  
  371. transition-duration: 0.6s;  
  372. -moz-transition-duration: 0.6s;  
  373. -webkit-transition-duration: 0.6s;  
  374. -o-transition-duration: 0.6s;}
  375.  
  376. #picture {top:80px; left: 121px; position: fixed; z-index:-10;}
  377.  
  378. #picture img{width:200px; height: 200px; border: 20px solid {color:Picture Border}; opacity:1}
  379.  
  380. #picture2 {width:200px; position: fixed; z-index:1}
  381.  
  382. #picture2 img{width:60px; height:auto; max-width:60px; background-color:transparent; width: auto; height: auto; border:0px solid {color:Picture Border}}
  383.  
  384. .border1 {padding: 0px; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; border-bottom-left-radius: 0.5em; border-bottom-right-radius: 0.5em; cursor: pointer}
  385.  
  386. #icon {margin-left:134px; margin-top:-6px; width:50px; height:50px; position:fixed; }
  387.  
  388. #description {font-weight:none; padding:0px; margin-top:-5px; margin-left:20px; background-color:transparent; width: 200px; height:auto; text-align:justify; color: {color:Text}; line-height:12px; position: fixed; font-family:tahoma; text-shadow: #ffffff 0px 0px 0px; font-style: normal; font-size: 09px; }
  389.  
  390. #description a{color: {color:Links}; line-height:12px; font-family:tahoma; font-style: normal; font-size: 09px; text-shadow: #ffffff 0px 0px 0px;}
  391.  
  392. #description a:hover{color: {color:Links Hover}; line-height:12px; font-family:tahoma; font-style: normal; font-size: 09px; text-shadow: #ffffff 0px 0px 0px;}
  393.  
  394. #pagination {margin-top:15px; width:200px;font-family:arial; text-align:center; font-size: 10px; font-weight: none; line-height: 20px; text-shadow: 0px 0px 0px #fff}
  395. #pagination a {font-family:arial; font-size: 10px;background:transparent; margin: 0 0px 0 0; padding: 2px 4px; color:{color:Links}; text-shadow: 0px 0px 0px #fff}
  396. #pagination a:hover {font-family:arial; font-size:10px; background:transparent; border:none;color:{color:Links Hover}; text-shadow: 0px 0px 0px #fff}
  397. #pagination span.pagina_atual {font-family:arial; font-size: 10px; background:{color:Picture Border}; margin: 0 1px 0 0; padding: 2px 4px; color:Text; text-shadow: 0px 0px 0px #fff}
  398.  
  399. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll}; height:50px}
  400. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scroll}; height:10px}
  401. ::-webkit-scrollbar {height:8px; width:8px; background-color:{color:Scroll Background}}
  402.  
  403. #container {color:{color:Text}; background-color:transparent; width:500px; position:absolute; top: 0px;
  404. left:330px; padding-bottom:10px}
  405.  
  406. #entries {margin: 0px 0px 0px 0px}
  407.  
  408.  
  409. #entry {color:{color:Text}; width:500px; opacity:1.9; background-color:{color:entry}; text-align: justify; padding:5px; margin:10px 0px 20px 110px}
  410.  
  411. #entry:hover {color:{color:Text}; width:500px; opacity:1; background-color:{color:entry}; text-align: justify; padding:5px; margin:10px 0px 20px 110px; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s}
  412.  
  413. h1{color:{color:Text}; font-family:Euro; font-size:15px; line-height:20px; letter-spacing:1px; font-weight:normal; margin:0px; padding:0px; text-align:center; text-transform:uppercase}
  414.  
  415. h1 a{color:{color:Text}; font-family:Euro; font-size:15px; line-height:20px; letter-spacing:1px; font-weight:normal; text-align:center; text-transform:uppercase}
  416.  
  417. h1 a:hover{color:{color:Links Hover}; font-family:Euro; font-size:15px; line-height:20px; letter-spacing:1px; font-weight:normal text-align:center; text-transform:uppercase}
  418.  
  419. .image{text-align: center; margin: 0px 0 0px 0px}
  420. .image img{border: 0px; margin: 0; padding: 0}
  421.  
  422. #ask_form{width:500px}
  423.  
  424. .search_result{font-size:12px; text-align:center}
  425.  
  426. .source{display:none}
  427.  
  428. .qqmarks{font-family:georgia; font-size:40px; font-weight:bold; line-height:70px; opacity:0.5; filter:alpha (opacity=40)}
  429.  
  430. .qquote{font-family:Euro; font-size:15px; letter-spacing:0px; line-height:20px; padding:0px 0px 10px 5px;
  431. text-transform:uppercase; margin-top:-50px; margin-left:25px; text-align:justify; text-shadow:{color:Title Shadow} 1px 1px 0px}
  432.  
  433. .qsource{font-family:tahoma; text-transform:uppercase; font-size:07px; margin:5px 15px 0px 10; text-align: right}
  434.    
  435. .chat{line-height:12px; list-style:none}
  436.  
  437. .chat ul {line-height:15px; list-style:none; padding:0px; line-height:20px;}
  438.  
  439. .person1 {font-style:italic; background-color: {color:chat1};color: {color:Text}}
  440. .person1 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Text}}
  441. .person2 {background-color: {color:chat2};color: {color:Links}}
  442. .person2 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Links}}
  443. .person3 {font-style:italic; background-color: {color:chat1};color: {color:Text}}
  444. .person3 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Text}}
  445. .person4 {background-color: {color:chat2};color: {color:Links}}
  446. .person4 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Links}}
  447. .person5 {font-style:italic; background-color: {color:chat1};color: {color:Text}}
  448. .person5 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Text}}
  449. .person6 {background-color: {color:chat2};color: {color:Links}}
  450. .person6 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Links}}
  451. .person7 {font-style:italic; background-color: {color:chat1};color: {color:Text}}
  452. .person7 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Text}}
  453. .person8 {background-color: {color:chat2};color: {color:Links}}
  454. .person8 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Links}}
  455. .person9 {font-style:italic; background-color: {color:chat1};color: {color:Text}}
  456. .person9 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Text}}
  457. .person10 {background-color: {color:chat2};color: {color:Links}}
  458. .person10 .label {font-weight: bold;padding: 0px;margin-left: 5px;color: {color:Links}}
  459.  
  460. .audioimage{float:left;text-align: center;margin: 0 10px 5px 0;width: 95px;
  461. border: 5px solid; color:transparent;}
  462. .audioimage img{max-width: 95px;height: auto;margin: 0 0 0px 0}
  463.  
  464. .playcount {font-style: italic}
  465.  
  466. .audiodata {font:10px consolas, monospace; color:{color:quote}; text-transform:uppercase; height:15px; padding:0px 7px!important; background-color:#fff; width:250px;}
  467. .audiodata b{color:{color:source};}
  468.  
  469. #asker {line-height:130%; font-family:tahoma; font-size:09px; width:480px; text-align:center; color:{color:Text}; text-align:justify; margin-left:10px; cursor:pointer}
  470.  
  471. #asker a {font-family:Euro; font-size:10px; text-transform:uppercase; color:{color:Links}; padding:0px; text-shadow:{color:Title Shadow} 0px 0px 0px}
  472.  
  473. #asker a:hover {font-family:Euro; font-size:10px; text-transform:uppercase; color:{color:Links Hover}; padding:0px; text-shadow:{color:Title Shadow} 0px 0px 0px}
  474.  
  475. #asker img {margin-top:0px; height:12px; padding:0px 5px 0px 0px}
  476.  
  477. #question {width:500px; font-family: tahoma; font-size:09px; background-color:{color:Ask}; text-align:center; font-weight: normal; line-height:10px; color: {color:Text}; position: relative; cursor:pointer}
  478.  
  479. #answer {text-transform:none; margin-top:10px; text-align:justify; color:{color:Text};}
  480.  
  481. #questions {z-index:2;background-color:{color:Ask};color: {color:Text};padding:5px;margin-bottom:0px;font-size:9px;text-align:left;
  482. font-family:tahoma;}
  483.  
  484. #questions a {color:{color:Links}}
  485.  
  486. #cap {padding: 2px 0 0 0;width: 500px;margin: 0 0 0 5px}
  487.  
  488. #info {margin-top: -10px; border-bottom:1px solid {color:Info Border};padding: 4px 0px 3px 5px; background-color:{color:info}; text-align:left; font-size:08px; font-family:arial; font-style:normal; text-shadow:#ffffff 0px 0px 0px;text-transform:uppercase;}
  489.  
  490. #info a {color:{color:Links};}
  491.  
  492. #info a:hover {color:{color:Links Hover};}
  493.  
  494. #info2 {padding:4px 0px 3px 5px; background-color:transparent; text-align: left; font-size:08px; font-family:arial; font-style:normal; text-shadow: #ffffff 0px 0px 0px; text-transform:uppercase;}
  495.  
  496. #info2 a {color:{color:Links};}
  497.  
  498. #info2 a:hover {color:{color:Links Hover};}
  499.  
  500. #tags {margin-top:5px;color: {color:Text};font-size:08px; padding:2px 0px 2px 0px; text-align:right; font-family:tahoma; font-style:none; text-shadow:#ffffff 0px 0px 0px; text-transform:uppercase;}
  501.  
  502. #tags a {color: {color:Links};background-color:transparent; padding:0px 0px 0px 0px; font-size:09px; text-align:left; list-style:none; text-shadow: #ffffff 0px 0px 0px; text-transform:lowercase;}
  503.  
  504. #tags a:hover{background-color:transparent; color:{color:Links Hover}; font-style:none;}
  505.  
  506. #clear{clear:both; width:50px; height:0px; background-color:transparent}
  507.  
  508. #notes {width:510px; font-weight:normal; margin-left:50px; text-align:left}
  509. #notes li {padding-bottom:0.5em}
  510. #notes li img.avatar {vertical-align:middle; margin-right:0px; width:16px; height:16px; border-radius:0px 4px 0px 4px}
  511.  
  512. .titled:hover{margin-top:-95px;}
  513.  
  514. .describe{ margin-top:80px; font-size:15px; font-family:Euro; text-transform:none; text-shadow:{color:Title Shadow} 1px 1px 0px}
  515.  
  516. #clear{width: 500px; height: 30px}
  517. #tumblr_controls{position: fixed!important}
  518.  
  519. .bigquote{font-size: 75px; font-family:Euro; text-shadow: #000000 0px 0px 0px; line-height: 80px; opacity: 0.2; filter:alpha (opacity=20); text-shadow:{color:Title Shadow} 1px 1px 0px}
  520.  
  521. A:link {text-decoration:none;color:{color:Links};}
  522. A:visited {text-decoration:none;color:{color:Links Visited};}
  523. A:active {text-decoration:none;color:{color:Links Active};}
  524. A:hover {-webkit-transition: all 0.5s linear; text-decoration:none;color:{color:Links Hover}; border-bottom: 0px dotted {color:Links Hover}}
  525.  
  526. {CustomCSS}
  527. </style>
  528. </head>
  529. <body>
  530.  
  531. <div id="theme" class="Euro"><a href="http://vaticameos.tumblr.com" target="_blank" title="vaticameos"><font face="Euro">theme</font></a></div>
  532.    
  533. <div id="container">
  534.  
  535. <div id="entries">
  536. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  537. <script type="text/javascript"
  538.  
  539. src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  540.  
  541. {block:SearchPage}<div class="search_result">{SearchResultCount} results</div>{/block:SearchPage}
  542.  
  543. {block:Posts}
  544.  
  545. <div id="entry">
  546. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  547.  
  548. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}
  549. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  550.  
  551. {block:Photoset}{Photoset-500}
  552. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>
  553. {/block:Photoset}
  554.  
  555. {block:Quote}
  556. <b class="qqmarks">“</b><div class="qquote">{Quote}</div>
  557. {block:Source}<div class="qsource">{Source}</div>{/block:Source}
  558. {/block:Quote}
  559.  
  560. {block:Link}
  561. <h1><a href="{URL}"{Target}><font face="Euro">{Name}</font></a></h1>
  562. {block:Description}{Description}{/block:Description}
  563. {/block:Link}
  564.  
  565. {block:Chat}
  566. {block:Title}<h1><a href="{Permalink}"><font face="Euro">{Title}</font></a></h1>{/block:Title}
  567. <div class="chat"><ul>{block:Lines}
  568. <li class="person{UserNumber}">{block:Label}
  569. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  570. {/block:Chat}
  571.  
  572. {block:Audio}
  573.  
  574. <div class="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  575. {AudioPlayerWhite}
  576. <div class="playcount">{PlayCountWithLabel}</div><br><br>
  577.  
  578. {block:Artist}
  579. <tr>
  580. <td class="audiodata"><b>Artist: </b> {Artist}</td>
  581. </tr>
  582. {/block:Artist}<br>
  583. {block:Album}
  584. <tr>
  585. <td class="audiodata"><b>Album: </b>{Album}</td>
  586. </tr>
  587. {/block:Album}<br>
  588.  
  589. {block:TrackName}
  590. <tr>
  591. <td class="audiodata"  style="font:10px consolas, monospace;"><b>Track: </b>{TrackName}</td>
  592. </tr>
  593. {/block:TrackName}<br><br><br>
  594.  
  595. <div class="cap">{block:Caption}{Caption}{/block:Caption}</div>
  596. {/block:Audio}
  597.  
  598. {block:Video}{Video-500}
  599. <div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  600.  
  601. {block:Answer}
  602.  
  603. <div id="question" class="border1">
  604. <br>
  605. <div id="asker"><img src="{AskerPortraitURL-24}">{Asker} said:
  606. {Question}</div>
  607. <br>
  608. </div>
  609. <div id="answer">{Answer}</div>
  610. {/block:answer}
  611.  
  612. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  613. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  614. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  615. {/block:ContentSource}</div>
  616.  
  617.    
  618. <div id="clear"></div>
  619.  
  620. <div id="info">
  621. POSTED:<a href="{Permalink}"> {TimeAgo}</a> with:<a href="{Permalink}">  {block:NoteCount} {NoteCountWithLabel}{/block:NoteCount}</a>
  622. </div>
  623. <div id="info2">
  624. {block:Date} {/block:Date}{block:RebloggedFrom}  source: <a href="{ReblogRootURL}">{ReblogRootName}</a> / via: <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:RebloggedFrom} {/block:RebloggedFrom}{/Block:IndexPage}
  625. </div>
  626.  
  627. <div id="tags">TAGGED AS:{block:HasTags}{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a> &nbsp;{/block:Tags}{/block:HasTags}</div></div>
  628. {/block:Posts}
  629. {block:PostNotes}
  630. <div id="notes" class="border1"><div id="notes" class="border1">{PostNotes}</div></div>
  631. {/block:PostNotes}
  632.  
  633. </div>
  634. </div>
  635. </div>
  636.  
  637. <div class="box"> <div class="main">
  638.    
  639. <div class="menu">  
  640. <div class="s1"><a href="/">home</a></div>
  641. <div class="s2"><a href="/ask">message</a></div>
  642. <div class="s3"><a href="{text:Link1}">{text:Link1 Title}</a></div>
  643. <div class="s4"><a href="{text:Link2}">{text:Link2 Title}</a></div>
  644. <div class="s5"><a href="{text:Link3}">{text:Link3 Title}</a></div>
  645. <div class="s6"><a href="{text:Link4}">{text:Link4 Title}</a></div>
  646. <div class="s7"><a href="{text:Link5}">{text:Link5 Title}</a></div>
  647. <div class="s8"><a href="{text:Link6}">{text:Link6 Title}</a></div>  
  648. <div class="smiddle"></div>
  649. </div></div>
  650.      
  651.  
  652. <div id="picture"><img src="{image:Picture}"></div></div></div></div>
  653.    
  654. <div id="Title" class="Euro"><a href="/">{Title}</a><br><br><br>
  655.  
  656. <div id="description">{block:Description}{Description}{/block:Description}
  657. <br>
  658.  
  659. <div id="pagination">
  660.  
  661. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  662. {block:JumpPagination length="5"}
  663. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  664. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  665. {/block:JumpPagination}
  666. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  667. </div>
  668.  
  669. <div id="picture2"><center><img src="{image:Picture2}"></center></div>
  670. </div></div></div></div></div></div></div>
  671.    
  672. </div>
  673. </body>
  674. </html>
create a new version of this paste RAW Paste Data