runtime/kioslave/bookmarks/kio_bookmarks.css

   1 /*
   2 Copyright (C) 2008 Xavier Vello <xavier.vello@gmail.com>
   3
   4 This program is free software; you can redistribute it and/or modify
   5 it under the terms of the GNU General Public License as published by
   6 the Free Software Foundation; either version 2 of the License, or
   7 (at your option) any later version.
   8
   9 This program is distributed in the hope that it will be useful,
  10 but WITHOUT ANY WARRANTY; without even the implied warranty of
  11 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  12 GNU General Public License for more details.
  13
  14 You should have received a copy of the GNU General Public License
  15 along with this program; if not, write to the Free Software
  16 Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  17 */
  18
  19 body {
  20   margin: 0 42px;
  21   font-size: small;
  22   font-family: "sans-serif";
  23   line-height: 16px;
  24   text-align: center;
  25   white-space: nowrap;
  26 }
  27
  28 div.column {
  29   display: inline-block;
  30   vertical-align: top;
  31   width: 25%;
  32   max-width: 300px;
  33   min-width: 150px;
  34   padding-top: 5px;
  35   text-align: left;
  36 }
  37
  38 ul li {
  39   list-style: none;
  40   white-space: normal;
  41   margin: 0;
  42   padding: 0;
  43 }
  44
  45 div.column > ul {
  46   margin: 5px 5px 10px 5px;
  47   padding: 0 5px 5px 5px;
  48   min-height: 150px;
  49   background: no-repeat 90% 95%;
  50 }
  51
  52 div.column > ul > li.title {
  53   text-align: center;
  54   font-weight: bold;
  55   font-size: 100%;
  56   margin: 2px -6px 5px -6px;
  57   border-bottom: 1px solid #AAA;
  58 }
  59
  60 li.link {
  61   padding: 2px 5px 2px 20px;
  62   margin-bottom: 0px;
  63 }
  64
  65 ul ul {
  66   margin-bottom: 5px;
  67   border-left: 1px solid #AAA;
  68   margin-left: 8px;
  69   padding-left: 5px;
  70 }
  71
  72 ul ul li.title {
  73   padding: 0px 5px 2px 20px;
  74   margin-left: -13px;
  75   margin-bottom: 6px;
  76   border-bottom: 1px solid #AAA;
  77   height: 10px;
  78 }
  79
  80 li img {
  81   float: left;
  82   margin-left: -20px;
  83 }
  84
  85 a, a:hover a:visited {
  86   text-decoration: none;
  87   color: inherit;
  88 }
  89
  90 hr {
  91   width: 66%;
  92   margin: 7px auto 7px auto;
  93   background-color: #AAA;
  94   border: none;
  95   height: 1px;
  96 }
  97
  98 p.message {
  99   text-align: center;
 100   margin: auto;
 101   width: 50%;
 102   margin-top: 2em;
 103   padding: 2em;
 104 }
 105
 106 div.toolbar {
 107   position: fixed;
 108   right: 0;
 109   top: 0;
 110   padding: 2px 0;
 111 }
 112
 113 div.toolbar img {
 114   display: block;
 115   padding: 2px 5px;
 116   margin: 0;
 117 }