API tools faq
paste
Advertisement
hazza_xx

for you

hazza_xx
Mar 2nd, 2013
58
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.24 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4. <!-- разобрано и синхронизировано для viewy - magoruim.viewy.ru -->
  5. <!-- made by pistachi-o -->
  6. <!-- please don't remove the credit and claim it as your own -->
  7.  
  8. <!--Разобрано повторно http://winchesterovna.viewy.ru/-->
  9.  
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12.  
  13. <head>
  14.  
  15. <title>НАЗВАНИЕ ВО ВКЛАДКЕ</title>
  16. <link rel="shortcut icon" href="КАРТИНКА ВО ВКЛАДКЕ">
  17. <link rel="altertnate" type="application/rss+xml" href="ССЫЛКА НА БЛОГ/rss">
  18.  
  19. <meta name="description" content="" />
  20.  
  21. <meta http-equiv="x-dns-prefetch-control" content="off"/><script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?625940798700868a57b49d9c8ea6f5ef"></script><meta http-equiv="x-dns-prefetch-control" content="off"/><link title="Блог book-joes" type="application/rss+xml" rel="alternate" href="http://book-joes.viewy.ru/rss"/></head>
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Share:400,700' rel='stylesheet' type='text/css'>
  24.  
  25. <style type="text/css">
  26.  
  27. body,div,dl,dt,dd,ol,ul,li,pre,form,fieldset,input,textarea,p,th,td {margin:0;padding:0;}
  28.  
  29. ::-webkit-scrollbar {width: 12px;}
  30. ::-webkit-scrollbar-track {background: #FFF;}
  31. ::-webkit-scrollbar-thumb {background: #DDD;}
  32.  
  33. ::selection {background: #111111; color:#FFF;}
  34. ::-moz-selection {background: #111111; color:#FFF;}
  35. ::-webkit-selection {background: #111111; color:#FFF;}
  36.  
  37. body {
  38. background: #F3F3F3;
  39. font-size: 12px;
  40. color: #000000;
  41. font-family: 'Share', 'Arial', sans-serif;
  42. background-image:url('ФОН');
  43. }
  44.  
  45. a:link, a:active, a:visited {
  46. color: #FFFFFF;
  47. text-decoration: none;
  48. }
  49.  
  50. a:hover {
  51. color: #0A0A0A;
  52. text-decoration: none;
  53. }
  54.  
  55. #s-m-t-tooltip {
  56. max-width: 400px;
  57. z-index: 9999;
  58. margin: 15px;
  59. padding: 3px 5px;
  60. background: #111111;
  61. text-decoration: none;
  62. font-size: 9px;
  63. color: #FFF;
  64. font-weight: normal;
  65. text-transform: uppercase;
  66. line-height: 12px;
  67. }
  68.  
  69. .container {
  70. width: 1105px;
  71. margin: 10px auto;
  72. padding: 10px;
  73. text-align: center;
  74. position: relative;
  75. background: transparent;
  76. }
  77.  
  78. .navcut {
  79. width: 1105px;
  80. height: 15px;
  81. margin: 10px auto;
  82. position: relative;
  83. background: transparent;
  84. }
  85.  
  86. .navlinks {
  87. float: left;
  88. width: 205px;
  89. background: #9F0A33;
  90. color: #FFF;
  91. text-decoration: none;
  92. font-weight: normal;
  93. font-family: Times New Roman;
  94. text-transform: uppercase;
  95. text-align: center;
  96. padding: 3px 4px;
  97. margin: 1px;
  98. }
  99.  
  100. .desc {
  101. width: 1105px;
  102. margin: 10px auto;
  103. position: relative;
  104. background: transparent;
  105. font-size: 10px;
  106. text-align: center;
  107. position: relative;
  108. }
  109.  
  110. .container label {
  111. width: 207px;
  112. float: left;
  113. cursor: pointer;
  114. background: #9F0A33;
  115. color: #FFF;
  116. text-decoration: none;
  117. font-size: 12px;
  118. font-family: Times New Roman;
  119. font-weight: normal;
  120. text-transform: uppercase;
  121. text-align: center;
  122. padding: 3px 4px;
  123. margin: 1px;
  124. }
  125.  
  126. .container input.selector-type-all:checked ~ label.label-type-all,
  127. .container input.selector-type-1:checked ~ label.label-type-1,
  128. .container input.selector-type-2:checked ~ label.label-type-2,
  129. .container input.selector-type-3:checked ~ label.label-type-3,
  130. .container input.selector-type-4:checked ~ label.label-type-4 {
  131. color: #111111;
  132. background: transparent;
  133. }
  134.  
  135. .container input {
  136. display: none;
  137. }
  138.  
  139. .bookstyle {
  140. position: relative;
  141. margin: 0px auto;
  142. padding-top: 20px;
  143. }
  144.  
  145. .bookstyle li {
  146. float: left;
  147. width: 355px;
  148. height: 245px;
  149. background: #FFF;
  150. overflow: hidden;
  151. position: relative;
  152. text-align: center;
  153. margin: 5px;
  154. border: 1px solid #DDD;
  155. list-style: none;
  156. }
  157.  
  158. .divider {
  159. float: left;
  160. width: 335px;
  161. height: 105px;
  162. padding: 70px 10px;
  163. background: transparent;
  164. overflow: hidden;
  165. position: relative;
  166. text-align: center;
  167. margin: 5px;
  168. border: 1px solid #F3F3F3;
  169. }
  170.  
  171. .title {
  172. width: 325px;
  173. margin: 0px 15px;
  174. padding: 12px 0px 5px 0px;
  175. font-size: 12px;
  176. text-align: left;
  177. text-decoration: none;
  178. font-weight: normal;
  179. text-transform: uppercase;
  180. background: transparent;
  181. border-bottom: 1px solid #F5F5F5;
  182. transition: all 0.5s ease-in-out;
  183. -webkit-transition: all 0.5s ease-in-out;
  184. -moz-transition: all 0.5s ease-in-out;
  185. -o-transition: all 0.5s ease-in-out;
  186. }
  187.  
  188. .title span {
  189. font-size: 10px;
  190. }
  191.  
  192. .cover {
  193. float: left;
  194. width: 125px;
  195. height: 190px;
  196. position: relative;
  197. margin: 10px 10px 10px 15px;
  198. }
  199.  
  200. .review {
  201. float: left;
  202. width: 180px;
  203. height: 155px;
  204. margin: 20px 0px;
  205. padding: 3px 10px 3px 0px;
  206. overflow: auto;
  207. font-size: 10px;
  208. text-align: left;
  209. }
  210.  
  211. div.review::-webkit-scrollbar {width: 6px;}
  212. div.review::-webkit-scrollbar-track {background: #FFF; border:1px solid #EEE;}
  213. div.review::-webkit-scrollbar-thumb {background: #EEE;}
  214.  
  215. .rating-static {
  216. width: 60px;
  217. height: 16px;
  218. display: block;
  219. background: url('http://static.tumblr.com/whx9ghv/eo4mamay1/star-rating.png') 0 0 no-repeat;
  220. }
  221.  
  222. .rating-50 { background-position: 0 0; }
  223. .rating-40 { background-position: -12px 0; }
  224. .rating-30 { background-position: -24px 0; }
  225. .rating-20 { background-position: -36px 0; }
  226. .rating-10 { background-position: -48px 0; }
  227. .rating-0 { background-position: -60px 0; }
  228.  
  229. .rating-5 { background-position: -48px -16px; }
  230. .rating-15 { background-position: -36px -16px; }
  231. .rating-25 { background-position: -24px -16px; }
  232. .rating-35 { background-position: -12px -16px; }
  233. .rating-45 { background-position: 0 -16px; }
  234.  
  235.  
  236. .container input.selector-type-all:checked ~ .bookstyle li,
  237. .container input.selector-type-1:checked ~ .bookstyle .bookstyle-type-1,
  238. .container input.selector-type-2:checked ~ .bookstyle .bookstyle-type-2,
  239. .container input.selector-type-3:checked ~ .bookstyle .bookstyle-type-3,
  240. .container input.selector-type-4:checked ~ .bookstyle .bookstyle-type-4 {
  241. -webkit-transform: scale(1);
  242. -moz-transform: scale(1);
  243. -o-transform: scale(1);
  244. transform: scale(1);
  245. -webkit-transition: 0.4s ease-out;
  246. -o-transition: 0.4s ease-out;
  247. -moz-transition: 0.4s ease-out;
  248. transition: 0.4s ease-out;
  249. opacity: 1;
  250. }
  251.  
  252. .container input.selector-type-1:checked ~ .bookstyle li:not(.bookstyle-type-1),
  253. .container input.selector-type-2:checked ~ .bookstyle li:not(.bookstyle-type-2),
  254. .container input.selector-type-3:checked ~ .bookstyle li:not(.bookstyle-type-3),
  255. .container input.selector-type-4:checked ~ .bookstyle li:not(.bookstyle-type-4) {
  256. -webkit-transform: scale(0.8);
  257. -moz-transform: scale(0.8);
  258. -o-transform: scale(0.8);
  259. transform: scale(0.8);
  260. -webkit-transition: 0.4s ease-out;
  261. -o-transition: 0.4s ease-out;
  262. -moz-transition: 0.4s ease-out;
  263. transition: 0.4s ease-out;
  264. -webkit-filter: blur(4px);
  265. opacity: 0.7;
  266. }
  267.  
  268. .container input.selector-type-1:checked ~ .bookstyle li:not(.bookstyle-type-1) span,
  269. .container input.selector-type-2:checked ~ .bookstyle li:not(.bookstyle-type-2) span,
  270. .container input.selector-type-3:checked ~ .bookstyle li:not(.bookstyle-type-3) span,
  271. .container input.selector-type-4:checked ~ .bookstyle li:not(.bookstyle-type-4) span {
  272. display: none;
  273. }
  274.  
  275.  
  276. </style>
  277.  
  278. <body>
  279.  
  280. <section class="container">
  281.  
  282. <a class="navlinks" href="ССЫЛКА НА БЛОГ" style="margin-left: 10px;">« Назад в блог</a>
  283.  
  284. <input id="select-type-all" name="radio-set-1" type="radio" class="selector-type-all" checked="checked" />
  285. <label for="select-type-all" class="label-type-all">Все книги</label>
  286.  
  287. <input id="select-type-1" name="radio-set-1" type="radio" class="selector-type-1" />
  288. <label for="select-type-1" class="label-type-1">Прочитанные</label>
  289.  
  290. <input id="select-type-3" name="radio-set-1" type="radio" class="selector-type-3" />
  291. <label for="select-type-3" class="label-type-3">Читаю в данный момент</label>
  292.  
  293. <input id="select-type-4" name="radio-set-1" type="radio" class="selector-type-4" />
  294. <label for="select-type-4" class="label-type-4">Серии книг</label>
  295.  
  296. <div class="navcut"></div>
  297.  
  298. <div class="desc">
  299. ОПИСАНИЕ<br>
  300. <p><img width="" src="http://fc00.deviantart.net/fs70/f/2011/315/7/9/black_divider_by_toxicestea-d4fsx8z.png" /></p>
  301. </div>
  302.  
  303. <ul class="bookstyle">
  304. <li class="bookstyle-type-1 bookstyle-type-4">
  305. <div class="title">НАЗВАНИЕ КНИГИ<span><br> | <font color="#32576a">АВТОР КНИГИ</font> </span></div>
  306. <img src="ОБЛОЖКА КНИГИ" class="cover">
  307. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  308. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  309. </li>
  310.  
  311. <li class="bookstyle-type-1 bookstyle-type-4">
  312. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  313. <img src="ОБЛОЖКА КНИГИ" class="cover">
  314. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  315. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  316. </li>
  317.  
  318. <li class="bookstyle-type-1 bookstyle-type-4">
  319. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  320. <img src="ОБЛОЖКА КНИГИ" class="cover">
  321. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  322. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  323. </li>
  324.  
  325. <li class="bookstyle-type-1 bookstyle-type-4">
  326. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  327. <img src="ОБЛОЖКА КНИГИ" class="cover">
  328. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  329. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  330. </li>
  331.  
  332. <li class="bookstyle-type-1 bookstyle-type-4">
  333. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  334. <img src="ОБЛОЖКА КНИГИ" class="cover">
  335. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  336. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  337. </li>
  338.  
  339. <li class="bookstyle-type-1 bookstyle-type-4">
  340. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  341. <img src="ОБЛОЖКА КНИГИ" class="cover">
  342. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  343. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  344. </li>
  345.  
  346. <li class="bookstyle-type-1 bookstyle-type-4">
  347. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  348. <img src="ОБЛОЖКА КНИГИ" class="cover">
  349. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  350. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  351. </li>
  352.  
  353. <li class="bookstyle-type-1 bookstyle-type-4">
  354. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  355. <img src="ОБЛОЖКА КНИГИ" class="cover">
  356. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  357. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  358. </li>
  359.  
  360. <li class="bookstyle-type-1 bookstyle-type-4">
  361. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  362. <img src="ОБЛОЖКА КНИГИ" class="cover">
  363. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  364. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  365. </li>
  366.  
  367. <li class="bookstyle-type-1 bookstyle-type-4">
  368. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  369. <img src="ОБЛОЖКА КНИГИ" class="cover">
  370. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  371. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  372. </li>
  373.  
  374.  
  375. <li class="bookstyle-type-1 bookstyle-type-4">
  376. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  377. <img src="ОБЛОЖКА КНИГИ" class="cover">
  378. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  379. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  380. </li>
  381.  
  382. <li class="bookstyle-type-1 bookstyle-type-4">
  383. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  384. <img src="ОБЛОЖКА КНИГИ" class="cover">
  385. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  386. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  387. </li>
  388.  
  389.  
  390. <li class="bookstyle-type-1 bookstyle-type-4">
  391. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  392. <img src="ОБЛОЖКА КНИГИ" class="cover">
  393. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  394. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  395. </li>
  396.  
  397.  
  398.  
  399. <li class="bookstyle-type-1 bookstyle-type-4">
  400. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  401. <img src="ОБЛОЖКА КНИГИ" class="cover">
  402. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  403. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  404. </li>
  405.  
  406.  
  407. <li class="bookstyle-type-1 bookstyle-type-4">
  408. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  409. <img src="ОБЛОЖКА КНИГИ" class="cover">
  410. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  411. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  412. </li>
  413.  
  414.  
  415. <li class="bookstyle-type-1 bookstyle-type-4">
  416. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  417. <img src="ОБЛОЖКА КНИГИ" class="cover">
  418. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  419. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  420. </li>
  421.  
  422.  
  423.  
  424. <li class="bookstyle-type-1 bookstyle-type-4">
  425. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  426. <img src="ОБЛОЖКА КНИГИ" class="cover">
  427. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  428. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  429. </li>
  430. <li class="bookstyle-type-1 bookstyle-type-4">
  431. <div class="title">НАЗВАНИЕ КНИГИ <span><br> | <font color="#32576a">АВТОР</font> </span></div>
  432. <img src="ОБЛОЖКА КНИГИ" class="cover">
  433. <div class="review">Рейтинг: <span class="rating-static rating-50"></span> <br>
  434. ОПИСАНИЕ ИЛИ ТВОЕ МНЕНИЕ</div>
  435. </li>
  436.  
  437. </li><iframe src="http://viewy.ru/iframe?w=sasha619-bookshelf"
  438. border="0" scrolling="no" width="278" height="25" allowTransparency="true"
  439. frameborder="0" style="position:absolute; z-index:1337; top:0px; right:0px; border:0px;
  440. background-color:transparent; overflow:hidden;" id="controls"></iframe>
  441.  
  442. <iframe src="http://viewy.ru/iframe?w=book-joes"
  443. border="0" scrolling="no" width="278" height="25" allowTransparency="true"
  444. frameborder="0" style="position:absolute; z-index:1337; top:0px; right:0px; border:0px;
  445. background-color:transparent; overflow:hidden;" id="controls"></iframe> </body>
  446. </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!