API tools faq
paste
Advertisement
saint-california

Doctor Who theme

saint-california
Mar 30th, 2013
481
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.41 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4.  
  5. <!----
  6.  
  7. © THEME #8: THE TARDIS | MADE BY ZELDALISE.TUMBLR.COM
  8.  
  9. РАЗОБРАЛА И ОТРЕДАКТИРОВАЛА
  10. http://saint-california.viewy.ru/
  11. http://stcalifornia-themes.viewy.ru/
  12. ---->
  13.  
  14. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  15. <!-- DEFAULT VARIABLES -->
  16.  
  17. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  18.  
  19. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/QXAlgobzw/jquery-1.5.min.js"></script>
  20. <script type="text/javascript" src="http://static.tumblr.com/kwlg23j/w6Plgoc1g/cufon-yui.js"></script>
  21.  
  22. <link href='http://fonts.googleapis.com/css?family=Economica|Ubuntu+Condensed' rel='stylesheet' type='text/css'>
  23.  
  24. <title>НАЗВАНИЕ ТВОЕГО БЛОГА ВО ВКЛАДКЕ</title>
  25. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  26. <link rel="alternate" type="application/rss+xml" href="ССЫЛКА НА ТВОЙ БЛОГ/rss">
  27.  
  28.  
  29.  
  30. <style type="text/css">
  31.  
  32.  
  33. ::-webkit-scrollbar-thumb:vertical {
  34. background-color: #888888;
  35. height: 50px;
  36. }
  37.  
  38. ::-webkit-scrollbar {
  39. height: 6px;
  40. width: 6px;
  41. background-color: #000000;
  42. }
  43.  
  44. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  45.  
  46.  
  47.  
  48. @font-face{font-family: WebSymbolsRegular; src: url(http://static.tumblr.com/xgofl0y/yqZm3m5if/websymbols-regular-webfont.ttf);}
  49.  
  50. /* ------------------------------- BODY -------------------------------- */
  51.  
  52.  
  53. body {background-color:#000000; color:#333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-attachment: fixed; font-size:11px; margin:0; background-image: url('http://static.tumblr.com/imnherg/lsRm8xsve/tumblr_lxwynw0pdg1r9g6hvo3_100.png');
  54.  
  55. }
  56.  
  57. #content {width:860px; margin:auto}
  58.  
  59. #tardis {}
  60.  
  61. #box {position:fixed; bottom:30px; margin-left:20px; background-color:; width:220px; height:400px; border:20px #0A2047 solid; border-top:10px #0A2047 solid; border-bottom:10px #0A2047 solid; overflow:hidden;}
  62.  
  63. #boxlight {position:fixed; bottom:538px; background-color: #fff; margin-left:136px; height:30px; width:24px; -webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px; border:3px #102A57 solid; border-top:8px #102A57 solid; border-bottom:none;}
  64.  
  65. #boxbottom {position:fixed; bottom:0px; margin-left:10px; background-color:#061B40; width:280px; height:30px; word-spacing:5px; letter-spacing:2px; color:#fff; font-family:'Economica'; font-size:14px; text-align:center; text-transform:uppercase; line-height:30px;}
  66. #boxbottom a {color:#3F7BE7}
  67.  
  68. #boxtop {position:fixed; bottom:450px; margin-left:5px; background-color:#000; width:270px; height:35px; border:10px #0A2047 solid; border-top:7px #0A2047 solid; border-bottom:8px #0A2047 solid; text-align:center; color:#fff; text-transform:uppercase; font-size:18px; line-height:35px; font-family:'Economica'; letter-spacing:1px; word-spacing:1px;}
  69.  
  70. #boxtopa {position:fixed; bottom:500px; margin-left:20px; background-color:#0C234D; width:260px; height:10px;}
  71. #boxtopb {position:fixed; bottom:510px; margin-left:30px; background-color:#0F2752; width:240px; height:10px;}
  72. #boxtopc {position:fixed; bottom:520px; margin-left:40px; background-color:#102A57; width:220px; height:10px;}
  73. #boxtopd {position:fixed; bottom:530px; margin-left:128px; background-color:#102A57; width:46px; height:8px;}
  74.  
  75. #boxleft {position:relative; bottom:0px; margin-left:0px; background-color:#0F2C5E; width:100px; height:400px; border-right:10px #0A2047 solid; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out}
  76. #tardis:hover #boxleft {margin-left:-110px; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  77.  
  78. #boxright {position:relative; bottom:400px; margin-left:110px; background-color:#0F2C5E; width:100px; height:400px; border-left:10px #0A2047 solid; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  79. #tardis:hover #boxright {margin-left:220px; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  80.  
  81. #windows {position:relative; top:17px; margin-left:15px; width:90px; height:80px;}
  82. #window {display:inline-block; margin-right:12px; margin-bottom:10px; background-color:#fff; width:15px; height:25px;}
  83.  
  84. #panels {position:relative; top:15px; margin-left:14px; width:90px; height:80px;}
  85. #panel {display:inline-block; margin-right:0px; margin-bottom:15px; background-color:#163D82; width:70px; height:84px;}
  86.  
  87. #boxdesc {position:fixed; margin-left:0px; margin-top:0px; padding:10px;background-color:#fff; width:200px; height:380px;}
  88.  
  89. #boxdescription {padding:0px; margin-top:10px; background-color:#fff; width:200px; text-align:justify; line-height:14px; color:#000000;}
  90.  
  91. #boximg img {width:220px; margin-top:-10px; margin-left:-10px;}
  92.  
  93. #sidelinks {position:relative; text-align:center; opacity:1; width:220px; overflow:hidden; margin-left:-10px; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; background-color:#0A2047; margin-top:-5px;}
  94. #sidelinks a {font-family:'Economica'; line-height:20px; font-size:12px; text-transform:uppercase; margin-right:-3px; letter-spacing:2px; display:inline-block; width: auto; padding:5px 7px; height:20px; background-color: #0A2047; text-align: center; color: #fff;}
  95. #sidelinks a:hover {color:#5A8EE8;}
  96.  
  97. #bottomlinks {position:fixed; bottom:40px; text-align:center; opacity:1; width:220px; overflow:hidden; margin-left:-10px; -webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; background-color:#163D82}
  98. #bottomlinks a {font-family:'Economica'; line-height:14px; font-size:12px; text-transform:uppercase; letter-spacing:2px; display:inline-block; width: 206px; padding:5px 7px; height:14px; background-color: #163D82; text-align: center; color: #fff;}
  99. #bottomlinks a:hover {color:#fff; background-color:#0A2047;}
  100.  
  101. .entry { margin-top:30px; margin-left:340px; padding: 20px; position: relative; width: 500px; margin-bottom: 20px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 11px; color: #333333; letter-spacing: 0px; padding-bottom:0px; }
  102.  
  103. .post {
  104. background-color: #FFFFFF;
  105. margin-top:12px;
  106. padding:10px;
  107. border-radius: 0px;
  108. overflow:hidden;
  109. display: block;
  110. width:500px;
  111. float:center;
  112. }
  113.  
  114. .post img {
  115. max-width:500px; }
  116.  
  117. a {text-decoration:none; color:#3f7be7;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  118.  
  119. a:hover {text-decoration:none; color:#0941a5;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
  120.  
  121. b, strong {color: #000000;}
  122.  
  123. i, em {color: #999999;}
  124.  
  125. .entry h1 {font-family: 'Economica';font-size: 24px; color: #000000; font-weight: normal; text-transform: none; text-align: left; margin: 0;}
  126.  
  127. .entry h1 a {color:#000000;}
  128.  
  129. .entry img {max-width: 500px; margin-bottom: -3px;}
  130.  
  131. .entry blockquote {border-left: 3px solid #333333; padding-left: 6px; margin-left: 5px;}
  132.  
  133. /* ----------------------------- LINKS --------------------------------- */
  134.  
  135. #linktitle {width:500px;}
  136.  
  137. .linktexttitle {font-family: 'Economica'; text-transform:uppercase; font-weight:normal; font-size:20px; letter-spacing:1px; line-height:24px; text-align:left; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  138.  
  139. .linktexttitle:hover { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
  140.  
  141. .linkdescription {padding:0px; margin:0px; font:11px 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align:left;}
  142. .caption {margin:0px; padding:0px;}
  143.  
  144. /* ---------------------------- ENDING --------------------------------- */
  145.  
  146. #ending {opacity:1; width:550px; background-color:#ddd; font:10px 'Ubuntu Condensed'; text-transform:uppercase; height:14px; text-align:right; letter-spacing:1px; padding:5px; padding-bottom:10px; color:#666; margin-right:0px; margin-left:-30px; line-height:10px; margin-top:20px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; overflow:visible;}
  147. #ending a:hover {color:#0941a5;}
  148.  
  149. .letags {position:relative; width:540px; margin-top:5px; margin-bottom:-2px; color:#666; font-size:10px; text-transform:uppercase; font-family:'Ubuntu Condensed'; letter-spacing:1px; text-align:right; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; overflow:visible;}
  150.  
  151. .letags a{text-decoration:none; font-size:10px; text-transform:uppercase; font-family:'Ubuntu Condensed'; letter-spacing:1px; padding-left:3px; color:#666;}
  152.  
  153. .letags a:hover{color:#0941a5;}
  154.  
  155. .org{position:absolute; margin-top:-9px; padding-left:5px; text-align:left; color:#666;}
  156. .org a{color:#666;}
  157. .org a:hover{color:#0941a5;}
  158.  
  159. /* -------------------------- CUSTOM CSS ------------------------------- */
  160.  
  161.  
  162.  
  163. </style>
  164.  
  165. <meta http-equiv="x-dns-prefetch-control" content="off"/></head>
  166.  
  167. <body>
  168.  
  169. <div id="content">
  170.  
  171. <div id="tardis">
  172. <a href="/" title="Home"><div id="boxlight"></div></a>
  173. <div id="boxtopd"></div>
  174. <div id="boxtopc"></div>
  175. <div id="boxtopb"></div>
  176. <div id="boxtopa"></div>
  177. <div id="boxtop">НАЗВ БЛ НА АНГЛ</div>
  178. <div id="box">
  179.  
  180. <div id="boxdesc">
  181. <div id="boximg"><img src="АВАТАРКА ВБЛОГЕ"></div>
  182. <div id="sidelinks">
  183. <a href="ССЫЛЬ ПОД АВОЙ">НАЗВ</a>
  184. <a href="ССЫЛЬ ПОД АВОЙ">НАЗВ</a>
  185. <a href="ССЫЛЬ ПОД АВОЙ">НАЗВ</a>
  186. <a href="ССЫЛЬ ПОД АВОЙ">НАЗВ</a>
  187.  
  188.  
  189. </div>
  190. <div id="boxdescription">ОПИСАНИЕ.</div>
  191.  
  192. <div id="bottomlinks">
  193.  
  194. <a href="ССЫЛЬ">НАЗВ</a>
  195. <a href="ССЫЛЬ">НАЗВ</a>
  196. <a href="ССЫЛЬ">НАЗВ</a>
  197. <a href="ССЫЛЬ">НАЗВ</a>
  198.  
  199. </div>
  200.  
  201. </div>
  202.  
  203. <div id="boxleft">
  204. <div id="windows">
  205. <div id="window"></div><div id="window"></div><div id="window"></div><br>
  206. <div id="window"></div><div id="window"></div><div id="window"></div>
  207. </div>
  208. <div id="panels">
  209. <div id="panel" style="opacity:0.9; background-color:#fff;text-align:center; font-size:7px; line-height:9px;font-family:trebuchet ms; padding:0px;"><br>POLICE TELEPHONE<BR><span style="font-size:8px; letter-spacing:1px;">FREE</span><BR><span style="font-size:6px; letter-spacing:1px;">FOR USE OF</span><BR><span style="font-size:8px; line-height:11px; letter-spacing:1px;">PUBLIC</span><BR><span style="font-size:5px; line-height:7px;">ADVICE & ASSISTANCE OBTAINABLE IMMEDIATELY</span><span style="font-size:8px; line-height:12px;"><BR><b>HOVER TO OPEN</b></SPAN></div>
  210. <div id="panel"></div>
  211. <div id="panel"></div>
  212. </div>
  213. </div>
  214. <div id="boxright">
  215. <div id="windows">
  216. <div id="window"></div><div id="window"></div><div id="window"></div><br>
  217. <div id="window"></div><div id="window"></div><div id="window"></div>
  218. <div id="panels" style="margin-top:-14px; margin-left:0px;">
  219. <div id="panel"></div>
  220. <div id="panel"></div>
  221. <div id="panel"></div>
  222. </div>
  223. </div>
  224.  
  225.  
  226. </div>
  227.  
  228. </div>
  229. <div id="boxbottom">
  230.  
  231.  
  232.  
  233.  
  234.  
  235. <span class="current_page">1</span>
  236.  
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243. <a class="jump_page" href="/page/2">2</a>
  244.  
  245.  
  246.  
  247.  
  248. <span style="font-size:18px;"><a href="/page/2">»</a></span>
  249.  
  250.  
  251. </div>
  252. </div>
  253.  
  254. <div id="posts">
  255.  
  256.  
  257. <div class="entry">
  258.  
  259.  
  260.  
  261. {block:startposts} <!-- Блок: начало записи(ей) -->
  262. <div id="right">
  263. {/block:startposts}
  264.  
  265.  
  266. {block:text} <!-- Блок: текстовая запись -->
  267. <div class="post">
  268. {block:title}<a href="{%postlink%}" class="h3 link">{%title%}</a>{/block:title} <!-- Блок: заголовок записи -->
  269. <div>
  270. {%text%}
  271. </div>
  272. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  273. </div>
  274. {/block:text}
  275.  
  276.  
  277. {block:photo} <!-- Блок: фотография -->
  278. <div class="post">
  279. <div>
  280. {%linkopen%}<img src="{%photo%}"/>{%linkclose%} <!-- Ссылка и фото -->
  281. </div>
  282. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- Описание фото -->
  283. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  284. </div>
  285. {/block:photo}
  286.  
  287.  
  288. {block:link} <!-- Блок: ссылка -->
  289. <div class="post">
  290. <div><a href="{%linkurl%}">{%linkname%}</a></div> <!-- Название и адрес ссылки -->
  291. {block:caption}<div>{%caption%}</div>{/block:caption}
  292. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  293. </div>
  294. {/block:link}
  295.  
  296.  
  297. {block:quote} <!-- Блок: цитата -->
  298. <div class="post">
  299. <h3>{%quote%}</h3> <!-- Цитата -->
  300. <p>&mdash; {%quotesource%}</p> <!-- Автор/Источник -->
  301. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  302. </div>
  303. {/block:quote}
  304.  
  305.  
  306. {block:audio} <!-- Блок: аудио -->
  307. <div class="post">
  308. <div>{%audioplayer%}</div> <!-- Проигрыватель муз. файлов -->
  309. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  310. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  311. </div>
  312. {/block:audio}
  313.  
  314.  
  315. {block:video} <!-- Блок: видео -->
  316. <div class="post">
  317. <div>{%videoplayer%}</div>
  318. {block:caption}<div>{%caption%}</div>{/block:caption} <!-- описание -->
  319. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  320. </div>
  321. {/block:video}
  322.  
  323.  
  324. {block:dialog} <!-- Блок: диалог -->
  325. <div class="post">
  326. {block:title}<h1>{%title%}</h1>{/block:title} <!-- Блок: заголовок записи -->
  327. <div>{%dialog%}</div>
  328. <p><a href="{%postlink%}">{%time%}&nbsp; &bull; &nbsp;{%daymonthyear%}</a></p> <!-- ссылка на пост, время и дата -->
  329. </div>
  330. {/block:dialog}
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337. {block:endposts} <!-- Блок: конец записи(ей) -->
  338. </div>
  339. {/block:endposts}
  340.  
  341.  
  342. {block:startfooter} <!-- Блок: начало футера -->
  343. <div id="footer">
  344. {/block:startfooter}
  345.  
  346.  
  347.  
  348. {block:pages} <!-- Блок: постраничная навигация -->
  349. {block:previouspage}<a href="{%previouspage%}">НАЗАД</a>{/block:previouspage}
  350.  
  351. &nbsp; {%currentpage%}/{%totalpages%} &nbsp;
  352.  
  353. {block:nextpage}<a href="{%nextpage%}">ВПЕРЁД</a>{/block:nextpage}
  354. {/block:pages}
  355.  
  356.  
  357.  
  358. {block:endfooter} <!-- Блок: конец футера -->
  359. </div>
  360. <div class="clear"></div>
  361. {/block:endfooter}
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369. </body>
  370. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!