Advertisement
Alliecatisallama

Theme #14 - Infinites

Feb 16th, 2013
258
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.54 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. <!-- INFINITES THEME #14 BY FERNANDOSSPECTACLES/SEEDE-R/ALLIECATISALLAMA.
  4. Do not use as a base code or claim as your own.-->
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10. <meta name="color:bg" content="#fdfcfc">
  11. <meta name="color:sidebar" content="#9a9a9a">
  12. <meta name="color:posts" content="#cac2c4">
  13. <meta name="color:link" content="#000000">
  14. <meta name="color:hover" content="#211719">
  15. <meta name="color:linkbg" content="#f0ebec">
  16. <meta name="color:text" content="#000000">
  17. <meta name="color:linkhover" content="#fefefe">
  18. <meta name="color:tags" content="#7e7b7b">
  19. <meta name="color:scrollbar" content="#412d2d">
  20. <meta name="color:sbbg" content="#412d2d">
  21.  
  22.  
  23. <meta name="text:link 1 name" content="link1" />
  24. <meta name="text:link 1 url" content="/" />
  25. <meta name="text:link 2 name" content="link2" />
  26. <meta name="text:link 2 url" content="/" />
  27. <meta name="text:link 3 name" content="link3" />
  28. <meta name="text:link 3 url" content="/" />
  29.  
  30. <meta name="image:sidebar" content=""/>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Lora' rel='stylesheet' type='text/css'>
  33.  
  34. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  35. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link rel="shortcut icon" href="{Favicon}" />
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38.  
  39. <style type="text/css">
  40.  
  41.  
  42. ::-webkit-scrollbar {width: 7px; height:auto; background:{color:bg}}
  43.  
  44. ::-webkit-scrollbar-corner {background:{color:bg}}
  45.  
  46. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:scrollbar}}
  47.  
  48. ::-webkit-scrollbar-button:horizontal {width: 4px; height: 4px; display: block; background:{color:scrollbar}}
  49.  
  50. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar}; border-top: 1px solid {color:bg}; border-bottom: 1px solid {color:bg}}
  51.  
  52. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}}
  53.  
  54. body {
  55. margin:0px;
  56. background-color: {color:bg};
  57. background-attachment: fixed;
  58. background-repeat: repeat;
  59. font-size:10px;
  60. }
  61.  
  62. a:link, a:active, a:visited, a{
  63. color: {color:link};
  64. -webkit-transition-duration: 1s;
  65. text-decoration:none;
  66. }
  67. a:hover {
  68. color:{color:hover};
  69. -webkit-transition-duration: 1s;
  70. text-decoration:none;
  71. }
  72.  
  73. #stuffs {
  74. position:relative;
  75. overflow: visible;
  76. top: 50px;
  77. left: 400px;
  78. width: 500px;
  79. }
  80.  
  81. #content {
  82. width: 500px;
  83. margin-bottom:-40px;
  84. }
  85.  
  86. #entry {
  87. margin-top:10px;
  88. text-align: justify;
  89. width: 500px;
  90. }
  91.  
  92. #entry .perma {
  93. opacity: 0;
  94. position: absolute;
  95. margin-top: 2px;
  96. font-size:8px;
  97. font-family:'lora';
  98. width: 150px;
  99. text-align: left;
  100. line-height: 10px;
  101. margin-left: 500px;
  102. -webkit-transition-duration: 1s;
  103. }
  104.  
  105. #entry .perma a{
  106. color: {color:text};
  107. -webkit-transition-duration: 1s;
  108. }
  109.  
  110. #entry:hover .perma{
  111. opacity: 1;
  112. margin-left:520px;
  113. -webkit-transition-duration: 1s;
  114. }
  115.  
  116. .title{
  117. font-size: 15px;
  118. line-height: 13px;
  119. font-family: 'lora';
  120. color: {color:text};
  121. }
  122.  
  123. .title a{
  124. text-decoration: none;
  125. color: {color:text};
  126. }
  127.  
  128. blockquote{
  129. padding:0px 0px 0px 5px;
  130. margin: 5px 0px 2px 10px;
  131. border-left: 2px solid {color:text};
  132. }
  133. blockquote p, ul{
  134. margin:0px;
  135. padding:0px;
  136. }
  137.  
  138. .chat .line{
  139. margin: 0 0 1px;
  140. padding: 5px;
  141. }
  142.  
  143. .label {
  144. font-weight:bold;
  145. }
  146.  
  147. a img{
  148. border: 0px;
  149. }
  150.  
  151. .p {
  152. padding-top: 5px;
  153. }
  154. .ol, ul {
  155. margin-left: 10px;
  156. padding: 5px;
  157. }
  158. .ul {
  159. list-style-type: square;
  160. }
  161.  
  162. .audio {
  163. background: black;
  164. height: 27px;
  165. width: 500px;
  166. }
  167.  
  168. .notes img{
  169. width:10px;
  170. position:left;
  171. top:3px;
  172. }
  173.  
  174. .links a{
  175. color: {color:text};
  176. text-decoration:none;
  177. margin-right: 5px;
  178. }
  179.  
  180.  
  181.  
  182. /* SIDEBAR */
  183.  
  184. #sidebar {
  185. position:fixed !important;
  186. width: 175px;
  187. padding: 0px;
  188. height:200px;
  189. margin: 110px 0px 0px 0px;
  190. margin-left: 180px;
  191. }
  192.  
  193. #sidebarimage {
  194. position:fixed !important;
  195. width: 125px;
  196. padding: 0px;
  197. height:150px;
  198. margin: 110px 0px 0px 0px;
  199. margin-left: 0px;
  200. }
  201.  
  202.  
  203. #description {
  204. position:fixed;
  205. width: 125px;
  206. padding: 0px;
  207. height:150px;
  208. margin-top:252px;
  209. margin-left: 1px;
  210. font-family:'lora';
  211. text-align:center;
  212. font-size:9px;
  213. }
  214.  
  215. #linkys {
  216. position:fixed !important;
  217. width:125px;
  218. padding:-1px;
  219. line-height:15px;
  220. font-size:15px;
  221. margin-left: 10px;
  222. margin: 170px 0px 0px 120px;
  223. font-family:'lora';
  224. text-align:left;
  225. text-transform:uppercase;
  226. color: {color:text};
  227. -webkit-transition: all 0.7s ease;
  228. -moz-transition: all 0.7s ease;
  229. -o-transition: all 0.7s ease;
  230. }
  231.  
  232. #linkys:hover {
  233. margin-left: 130px;
  234. color: {color:link};
  235. -webkit-transition: all 0.7s ease;
  236. -moz-transition: all 0.7s ease;
  237. -o-transition: all 0.7s ease;
  238. }
  239.  
  240. #pagination {
  241. position:fixed;
  242. margin-top:342px;
  243. font-family:'lora';
  244. font-size:10px;
  245. font-style:italic;
  246. letter-spacing:1px;
  247. width:150px;
  248. margin-left:205px;
  249. text-align:right;
  250. }
  251.  
  252. #theme {
  253. position: fixed;
  254. bottom: 0px;
  255. right: 0px;
  256. font-family: Arial;
  257. font-size: 8px;
  258. text-transform: uppercase;
  259. text-align: right;
  260. letter-spacing: 1px;
  261. }
  262.  
  263. iframe#tumblr_controls {
  264. top: 0% !important;
  265. right:0% !important;
  266. opacity:0.3;
  267. position: fixed !important;
  268. filter:alpha(opacity=30);
  269. -webkit-transition: all 0.7s ease;
  270. -moz-transition: all 0.7s ease;
  271. -o-transition: all 0.7s ease;
  272. }
  273. iframe#tumblr_controls:hover{
  274. top: 0% !important;
  275. right:0% !important;
  276. opacity:0.8;
  277. position: fixed !important;
  278. filter:alpha(opacity=80);
  279. -webkit-transition: all 0.7s ease;
  280. -moz-transition: all 0.7s ease;
  281. -o-transition: all 0.7s ease;
  282. }
  283.  
  284. {CustomCSS}
  285. </style>
  286. </head>
  287. <body>
  288.  
  289. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}{/block:Pagination}</div>
  290. </div>
  291.  
  292. <div id="stuffs">
  293.  
  294.  
  295. <div id="sidebar">
  296. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  297. <div id="description"><em>{description}</em></div>
  298. <em><div id="linkys"><a href="/">index</a></div><small><small><br></small></small>
  299. <div id="linkys"><a href="/ask">askbox</a></div><small><small><br></small></small>
  300. <div id="linkys"><a href="{text:link 1 url}">{text:link 1 name}</a></div><small><small><br></small></small>
  301. <div id="linkys"><a href="{text:link 2 url}">{text:link 2 name}</a></div><small><small><br></small></small>
  302. <div id="linkys"><a href="{text:link 3 url}">{text:link 3 name}</a></div>
  303. </em>
  304. </div>
  305.  
  306.  
  307. <div id="content">
  308. {block:Posts}
  309. <div id="entry">
  310. {block:IndexPage}<div class="perma">{block:Date} {timeago} | {DayOfMonthWithZero}-{MonthNumberWithZero}-{ShortYear}{/block:Date}
  311. {block:RebloggedFrom}<br> via: <a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">&copy</a>{/block:RebloggedFrom} | <a href="{Permalink}">{NoteCount}</a>
  312. <br>{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IndexPage}
  313.  
  314. {block:Text}{block:Title}<span class="title"><em>{Title}</em></span>{/block:Title}{Body}{/block:text}
  315.  
  316. {block:Link}<a href="{URL}" class="title"><em>{Name}</em></a>{block:Description}{Description}{/block:Description}{/block:link}
  317.  
  318. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  319.  
  320. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  321.  
  322. {block:Quote}<span class="title"><center><em><big><big>"</big></big>{Quote}<big>"</big></em></span>{block:Source} <br>- <small><small>{Source}</small></small></center>{/block:Source}{/block:Quote}
  323.  
  324. {block:Chat}{block:title}<div class="title">{Title}</div>{/block:title}<div class="chat">{block:Lines}<div class="chat"><div class="line {Alt}"><div class="{Alt} user_{UserNumber}">
  325. {block:Label}<span class="label"><b>{Label} </b></span>{/block:Label}{Line}</div></div></div>{/block:Lines}</div>{/block:Chat}
  326.  
  327. {block:Audio}<div class="audio">{AudioPlayerBlack}</div><div class="arrow_box"></div><br><center>{block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} - <i>{Artist}</i>{/block:Artist}<center>
  328. {/block:Audio}
  329.  
  330. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  331.  
  332. {block:Answer}<b><center><em><big><big>{Asker}:</b>"</big></big> {Question}
  333. <big>"</big></em><br>
  334. {Answer}
  335. {block:Answer}
  336.  
  337. {block:PermalinkPage}
  338. <div id="permapage"><center>{block:Date} {timeago} | {DayOfMonthWithZero}-{MonthNumberWithZero}-{ShortYear}{/block:Date}
  339. {block:RebloggedFrom}<br> via: <a href="{ReblogParentURL}"title="{ReblogParentTitle}">{ReblogParentName}</a> | <a href="{ReblogRootURL}"title="{ReblogRoottitle}">&copy</a>{/block:RebloggedFrom} | <a href="{Permalink}">{NoteCountWithLabel}</a>
  340. <br>{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div></center></div>
  341. {/block:PermalinkPage}
  342.  
  343. {block:PostNotes}{PostNotes}
  344. {/block:PostNotes}</div>{/block:Posts}
  345. <div id="theme"></a><a href="http://fernandosspectacles.tumblr.com/"><img src="http://i1065.photobucket.com/albums/u386/AHT_Livingston/Untitled-2.png?t=1344121641"></a></div>
  346.  
  347. </div></div>
  348. </div></div>
  349. <br><br><br><br><br><br><br><br><br><br>
  350. </body>
  351. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement