home *** CD-ROM | disk | FTP | other *** search
/ Chip 2011 November / CHIP_2011_11.iso / Programy / Narzedzia / Calibre / calibre-0.8.18.msi / file_292 < prev    next >
Text File  |  2011-09-01  |  7KB  |  478 lines
  1. body {
  2.     background-color: #fffcf2;
  3.     font-family: sans-serif;
  4.     margin: 0 0 0 0;
  5.     padding: 0 0 0 0;
  6. }
  7.  
  8. #container {
  9.     max-width: 1000px;
  10.     min-width: 400px;
  11.     min-height: 230px;
  12.     background-color: #F6F3E9;
  13.     margin-left: auto;
  14.     margin-right: auto;
  15.     -moz-box-shadow: 5px 5px 5px #ccc;
  16.     -webkit-box-shadow: 5px 5px 5px #ccc;
  17.     box-shadow: 5px 5px 5px #ccc;
  18. }
  19.  
  20. #header {
  21.     height: 130px;
  22.     background: url('/static/logo.png') no-repeat scroll left top #39322b;
  23. }
  24.  
  25. #content {
  26.     max-width: 1000px;
  27.     min-width: 400px;
  28.     min-height: 100px;
  29. }
  30.  
  31. #main {
  32.     padding-left: 0.5em;
  33.     padding-right: 0.5em;
  34.  
  35. }
  36.  
  37. #footer {
  38.     font-size: small;
  39.     color: #a6a399;
  40.     text-align: right;
  41.     margin-right: 30px;
  42. }
  43.  
  44. /* Header {{{ */
  45. #header .area {
  46.   width: 300px;
  47.   height: 130px;
  48.   position: relative;
  49.   margin-left: 230px;
  50.   color: white;
  51.   font-size: xx-large;
  52.   font-family: monospace;
  53.   overflow: hidden;
  54.   z-index: 2;
  55. }
  56.  
  57. #header .bubble {
  58.   position: absolute;
  59.   left: 93px;
  60.   top: 21px;
  61.   width: 135px;
  62.   height: 84px;
  63.   display: table;
  64. }
  65.  
  66. #header .bubble p {
  67.   display: table-cell;
  68.   vertical-align: middle;
  69.   text-align: center;
  70. }
  71.  
  72. #header a {
  73.     text-decoration: none;
  74.     color: white;
  75.     cursor: pointer;
  76.     white-space: nowrap;
  77.     text-shadow: #27211b 2px 2px 2px;
  78. }
  79.  
  80. #header a:hover {
  81.   background-color: #39a9cf;
  82.   -moz-border-radius: 5px;
  83.   -webkit-border-radius: 5px;
  84.   text-shadow: #27211b 1px 1px 1px;
  85.   -moz-box-shadow: 5px 5px 5px #222;
  86.   -webkit-box-shadow: 5px 5px 5px #222;
  87.   box-shadow: 5px 5px 5px #222;
  88.  
  89. }
  90.  
  91. #nav-container {
  92.     position: relative;
  93.     height: 130px;
  94.     top: -130px;
  95.     left: 0%;
  96. }
  97.  
  98. ul#primary-nav {
  99.   display: block;
  100.   margin-right: 60px;
  101.   text-align: right;
  102.   margin-top: 90px;
  103.   line-height: 20px;
  104.   cursor: default;
  105.   position: relative;
  106.   top: -2ex;
  107. }
  108.  
  109. ul#primary-nav li {
  110.   display: inline;
  111.   padding: 0 4px;
  112. }
  113.  
  114. ul#primary-nav li a {
  115.   padding: 6px;
  116.   font-variant: small-caps;
  117.   font-weight: bold;
  118.   white-space: nowrap;
  119. }
  120.  
  121.  
  122. #donate {
  123.   display: block;
  124.   width: 200px;
  125.   height: 38px;
  126.   overflow: hidden;
  127.   position: relative;
  128.   top: -260px;
  129.   left: 65%;
  130. }
  131.  
  132. #calibre-home-link {
  133.     position: relative;
  134.     top: -298px;
  135.     left: 0%;
  136.     z-index: 2;
  137.     height: 130px;
  138.     width: 230px;
  139.     cursor: pointer;
  140. }
  141.  
  142. h2.library_name {
  143.     font-family: monospace;
  144.     font-size: 50px;
  145.     font-weight: normal;
  146.     color: white;
  147.     margin-left: 250px;
  148.     padding-top: 40px;
  149. }
  150.  
  151. /* }}} */
  152.  
  153. /* Sort select  {{{ */
  154.  
  155. .sort_select { 
  156.     float: left;
  157.     margin-left: 1em;
  158.     margin-top: 2ex;
  159.     max-height: 2.75em;
  160.     overflow: hidden;
  161. }
  162.  
  163. .sort_select label {
  164.     font-size: medium;
  165. }
  166.  
  167. /* }}} */
  168.  
  169. /* Search bar {{{ */
  170.  
  171. #search_box {
  172.     float: right;
  173.     margin-right: 1em;
  174.     margin-top: 2ex;
  175.     max-height: 2.75em;
  176.     overflow: hidden;
  177. }
  178.  
  179. #search_box .ui-button {
  180.     padding: 0.25em;
  181. }
  182.  
  183. /* }}} */
  184.  
  185. /* Top level {{{ */
  186. .toplevel ul {
  187.     list-style-type: none;
  188.     margin: 0;
  189.     padding: 0;
  190.     margin-left: auto;
  191.     margin-right: auto;
  192.     display: block;
  193. }
  194.  
  195. .toplevel li {
  196.     margin: 0.75em;
  197.     padding: 0.75em;
  198.     cursor: pointer;
  199.     font-size: larger;
  200.     float: left;
  201.     border-radius: 15px;
  202.     -moz-border-radius: 15px;
  203.     -webkit-border-radius: 15px;
  204.     display: inline;
  205.     width: 250px;
  206.     height: 48px;
  207.     overflow: hidden;
  208.  
  209. }
  210.  
  211. .toplevel li a { text-decoration: none; }
  212.  
  213. .toplevel li img {
  214.     vertical-align: middle;
  215.     margin-right: 1em;
  216. }
  217.  
  218. .toplevel li:hover {
  219.     background-color: #d6d3c9;
  220.     font-weight: bold;
  221.     -moz-box-shadow: 5px 5px 5px #ccc;
  222.     -webkit-box-shadow: 5px 5px 5px #ccc;
  223.     box-shadow: 5px 5px 5px #ccc;
  224.  
  225. }
  226.  
  227. .toplevel li span.url { display: none }
  228. .toplevel li span.label {
  229. }
  230.  
  231.  
  232. /* }}} */
  233.  
  234. /* Category {{{ */
  235. .category > div.category-container {
  236.     width: 100%;
  237.     margin-top: 1ex;
  238.     margin-bottom: 1ex;
  239.     display: table;
  240. }
  241.  
  242. .category div.category-item {
  243.     display: table-row;
  244. }
  245.  
  246. .category div.category-item > div {
  247.     padding: 0.75em;
  248.     text-align: center;
  249.     cursor: pointer;
  250.     display: table-cell;
  251. }
  252.  
  253. .category div.category-name { font-weight: bold }
  254.  
  255. .category div.category-item:hover > div {
  256.     background-color: #d6d3c9;
  257.     -moz-box-shadow: 5px 5px 5px #ccc;
  258.     -webkit-box-shadow: 5px 5px 5px #ccc;
  259.     box-shadow: 5px 5px 5px #ccc;
  260.     border-radius: 15px;
  261.     -moz-border-radius: 15px;
  262.     -webkit-border-radius: 15px;
  263.  
  264. }
  265.  
  266. .category div.category-item a { text-decoration: none; color: inherit; }
  267.  
  268. #groups a.load_href { 
  269.     text-decoration: none;
  270.     color: inherit;
  271.     font-size: medium;
  272.     font-weight: normal;
  273.     padding: 0;
  274.     padding-left: 0.5em;
  275. }
  276.  
  277. #groups h3 {
  278.     font-weight: bold;
  279.     margin-top: 1ex;
  280.     padding-left: 30px;
  281.     padding-top: 0.5ex;
  282.     padding-bottom: 0.5ex;
  283. }
  284.  
  285. #groups h3 span {
  286.     font-weight: normal
  287. }
  288.  
  289. /* }}} */
  290.  
  291. /* Booklist {{{ */
  292.  
  293. #booklist .page { 
  294.     display: none; 
  295. }
  296.  
  297. #booklist .load_data { display: none }
  298.  
  299. .loading img {
  300.     vertical-align: middle;
  301. }
  302.  
  303. #booklist .summary {
  304.     margin-bottom: 2ex;
  305.     border-bottom: solid 1px black;
  306. }
  307.  
  308. #booklist div.left {
  309.     float: left;
  310.     height: 190px;
  311.     width: 100px;
  312.     vertical-align: middle;
  313.     text-align: center;
  314.     margin-left: 1em;
  315.     margin-right: 2em;
  316. }
  317.  
  318. #booklist div.left img {
  319.     display: block;
  320.     margin-bottom: 1ex;
  321.     margin-left: auto;
  322.     margin-right: auto;
  323. }
  324.  
  325. #booklist div.right {
  326.     height: 190px;
  327.     overflow: auto;
  328.     margin-left: 1em;
  329.     margin-right: 1em;
  330. }
  331.  
  332. #booklist div.right .stars {
  333.     float:right;
  334.     margin-right: 1em;
  335. }
  336.  
  337. #booklist div.right .stars .rating_container {
  338.     display: block;
  339. }
  340.  
  341. #booklist div.right .stars .series {
  342.     display: block;
  343. }
  344.  
  345. #booklist .title {
  346.     font-size: larger;
  347. }
  348.  
  349. #booklist a {
  350.     text-decoration: none;
  351.     color: blue;
  352. }
  353.  
  354. #booklist a:hover {
  355.     color: red;
  356. }
  357.  
  358. #booklist > #pagelist { display: none; }
  359.  
  360. #goto_page_dialog ul {
  361.     list-style-type: none;
  362.     font-size: medium;
  363. }
  364.  
  365. #goto_page_dialog li {
  366.     margin-bottom: 1.5ex;
  367. }
  368.  
  369. #goto_page_dialog a {
  370.     text-decoration: none;
  371.     color: blue;
  372. }
  373.  
  374. #goto_page_dialog a:hover {
  375.     color: red;
  376. }
  377.  
  378. #booklist .left .ui-button-text {
  379.     font-size: medium;
  380.     color: black;
  381.     padding-left: 0.25em;
  382.     padding-right: 0.25em;
  383.     padding-top: 0.25em;
  384.     padding-bottom: 0.25em;
  385. }
  386.  
  387. #booklist .listnav {
  388.     display: table;
  389.     width: 100%;
  390. }
  391.  
  392. #booklist .listnav a {
  393.     color: blue;
  394.     text-decoration: none;
  395. }
  396.  
  397. #booklist .listnav a:hover {
  398.     color: red;
  399. }
  400.  
  401. #booklist .topnav {
  402.     border-bottom: solid black 1px;
  403.     margin-bottom: 1ex;
  404. }
  405.  
  406. #booklist .navleft {
  407.     display: table-cell;
  408.     text-align: left;
  409. }
  410.  
  411. #booklist .navleft a {
  412.     margin-right: 1em;
  413. }
  414.  
  415. #booklist .navmiddle {
  416.     display: table-cell;
  417.     text-align: center;
  418. }
  419.  
  420. #booklist .navright {
  421.     display: table-cell;
  422.     text-align: right;
  423. }
  424.  
  425. #booklist .navright a {
  426.     margin-left: 1em;
  427. }
  428.  
  429. /* }}} */
  430.  
  431. /* Details {{{ */
  432.  
  433. .details .left {
  434.     float: left;
  435.     max-width: 50%;
  436.     margin-right: 2em;
  437.     overflow: auto;
  438. }
  439.  
  440. .details .right {
  441.     overflow: auto;
  442. }
  443.  
  444. .details .formats {
  445.     margin-bottom: 2ex;
  446. }
  447.  
  448. .details .right .formats a {
  449.     color: blue;
  450.     text-decoration: none;
  451. }
  452.  
  453. .details .right .formats a:hover {
  454.     color: red;
  455. }
  456.  
  457. .details .field {
  458.     margin-bottom: 0.5em;
  459. }
  460.  
  461. .details .comment {
  462.     margin-left: 1em;
  463.     overflow: auto;
  464.     max-height: 50%;
  465. }
  466.  
  467. .details a.details_category_link {
  468.     text-decoration: none;
  469.     color: blue
  470. }
  471.  
  472. .details a.details_category_link:hover {
  473.     color: red
  474. }
  475.  
  476. /* }}} */
  477.  
  478.