koha-dev.rot13.org Git - koha_gimpoz/blob - koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css

   1 /*
   2  * This file contains CSS styles used only on the front page of Koha
   3  *
   4  * COLORS
   5  * Very light blue  Module links background                 : #f4f8f9
   6  * Light blue       Navbar, breadcrumb                      : #e6f0f2
   7  * Blue             Module links and breadcrumb border      : #b9d8d9
   8  * Dark blue        Links                                   : #004d99
   9  * Green            Links:hover                             : #538200
  10  * These colors are used in staff-global.css too
  11  *
  12  */
  13
  14 #area-content {
  15     /* Contains the news + both columns of links + pending box + userblock box */
  16     float: left;
  17     background-image:url('/intranet-tmpl/prog/img/background_koha_logo.png');
  18     background-repeat:no-repeat;
  19     background-position:left top;
  20     padding-top: 12px;
  21 }
  22
  23
  24 /* ==== NEWS - Start ==== */
  25 #area-news {
  26     /* Displayed if news are available */
  27     width: 300px;
  28     float: left;
  29     border: 1px solid #EEEEEE;
  30     margin: .2em;
  31     border-radius: 6px;
  32 }
  33
  34 #area-news h3 {
  35     /* Title section for the news block : transparency to let the koha logo appear */
  36     background-color: #EEEEEE;
  37     filter:alpha(opacity=50);   /* for IE */
  38     -moz-opacity: 0.5;          /* for Firefox before 0.9 */
  39     opacity: 0.5;
  40     padding : .3em; margin: 0;
  41 }
  42
  43 .newsitem {
  44     /* Block for one News entry */
  45     padding: 3px;
  46     margin: .3em;
  47     border-bottom: 1px solid #EEE;
  48     background-color : #ffffff;
  49     border-radius: 6px;
  50     }
  51
  52 .newsfooter {
  53     /* Footer containing the publication date and edition links for an News entry */
  54     font-size: 80%;
  55     color: #808080;
  56 }
  57
  58 #area-nonews {
  59     /* Displayed if no news are available, to keep the structure intact */
  60     width: 300px;
  61     float: left;
  62 }
  63 /* ==== NEWS - End ==== */
  64
  65
  66 /* ==== MODULE LINKS - Start ==== */
  67 #area-lists {
  68     /* Contains the two links columns */
  69     margin-left: 20px;
  70     float: left;
  71 }
  72
  73 #area-list-left {
  74     /* Left column for links */
  75     width: 352px;
  76     float: left;
  77 }
  78 #area-list-right {
  79     /* Right column for links */
  80     margin-left: 20px;
  81     float: left;
  82     width: 352px;
  83 }
  84
  85 ul.biglinks-list {
  86     /* List containing the module links */
  87     padding: 0px;
  88 }
  89
  90 ul.biglinks-list li {
  91     /* Standard attributes for the list elements */
  92     list-style-type:none;
  93 }
  94
  95 ul.biglinks-list li a.icon_general {
  96     /* Class used for each module link */
  97     display: block;
  98     float: left;
  99
 100     width:295px;
 101     height: 46px;
 102     margin-bottom: 14px;
 103     padding-left:53px;
 104     padding-top:5px;
 105
 106     border: solid 2px #b9d8d9;
 107     border-radius: 6px;
 108
 109     text-decoration: none;
 110     font-family: verdana, arial;
 111     font-weight: bold;
 112     font-size: large;
 113     color: #000000;
 114
 115     background-color:#f4f8f9;
 116     background-repeat:no-repeat;
 117 }
 118
 119 ul.biglinks-list li a:hover.icon_general {
 120     /* Class used for each module link hover state */
 121     background-position:0 -46px;
 122     color: #538200;
 123     border-color: #538200;
 124 }
 125
 126 /* CSS Sprites
 127  * Each image contains the normal and the hover state of the icon
 128  * The hover part starts at 46px below the top:
 129  *
 130  *  46px
 131  * -------
 132  * |     |
 133  * |  N  | 46px \
 134  * |     |       |
 135  * -------        > 92px
 136  * |     |       |
 137  * |  H  | 46px /
 138  * |     |
 139  * -------
 140  *
 141  */
 142
 143 /* Classes used for each individual module link */
 144 ul.biglinks-list li a.icon_circulation {background-image:url('/intranet-tmpl/prog/img/icon_circulation.png')}
 145 ul.biglinks-list li a.icon_patrons {background-image:url('/intranet-tmpl/prog/img/icon_patrons.png')}
 146 ul.biglinks-list li a.icon_search {background-image:url('/intranet-tmpl/prog/img/icon_search.png')}
 147 ul.biglinks-list li a.icon_lists {background-image:url('/intranet-tmpl/prog/img/icon_lists.png')}
 148 ul.biglinks-list li a.icon_cataloging {background-image:url('/intranet-tmpl/prog/img/icon_cataloging.png')}
 149 ul.biglinks-list li a.icon_authorities {background-image:url('/intranet-tmpl/prog/img/icon_authorities.png')}
 150
 151 ul.biglinks-list li a.icon_serials {background-image:url('/intranet-tmpl/prog/img/icon_serials.png')}
 152 ul.biglinks-list li a.icon_acquisitions {background-image:url('/intranet-tmpl/prog/img/icon_acquisitions.png')}
 153 ul.biglinks-list li a.icon_reports {background-image:url('/intranet-tmpl/prog/img/icon_reports.png')}
 154 ul.biglinks-list li a.icon_administration {background-image:url('/intranet-tmpl/prog/img/icon_administration.png')}
 155 ul.biglinks-list li a.icon_tools {background-image:url('/intranet-tmpl/prog/img/icon_tools.png')}
 156 ul.biglinks-list li a.icon_koha {background-image:url('/intranet-tmpl/prog/img/icon_koha.png')}
 157 /* ==== MODULE LINKS - End ==== */
 158
 159
 160 /* ==== PENDING - Start ==== */
 161 #area-pending {
 162     /* Block containing links to pending tags, comments and suggestions */
 163     width: 100%;
 164     border: solid 1px #b9d8d9;
 165     border-radius: 6px;
 166     clear: left;
 167 }
 168
 169 .pending-info {
 170     /* For the div containing a "pending" link (useful to preserve width of area-pending box width) */
 171     margin-top: 2px;
 172     margin-bottom: 2px;
 173     margin-left: 8px;
 174 }
 175
 176 .pending-number-link {
 177     /* Style for the "pending" links : the number of pending items appear bigger */
 178     font-weight: bold;
 179     font-size: 1.1em;
 180 }
 181 /* ==== PENDING - End ==== */
 182
 183
 184 /* ==== USERBLOCK - Start ==== */
 185 #area-userblock {
 186     /* Appears if the "IntranetmainUserblock" system preference is defined */
 187     margin-top: 10px;
 188     width: 100%;
 189     border: solid 1px #b9d8d9;
 190     border-radius: 6px;
 191     clear: left;
 192 }
 193
 194 .user-info {
 195     /* For the div containing the information (useful to preserve width of area-userblock box width) */
 196     margin: 8px;
 197 }
 198 /* ==== USERBLOCK - End ==== */