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