koha-tmpl/intranet-tmpl/prog/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 #container-main {
  15     /* Contains the news + both columns of links + pending box + userblock box */
  16     background-image:url('../img/background_koha_logo.png');
  17     background-repeat:no-repeat;
  18     background-position:left top;
  19     padding: 1em 0;
  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     }
  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 /* ==== NEWS - End ==== */
  59
  60
  61 /* ==== MODULE LINKS - Start ==== */
  62
  63 ul.biglinks-list {
  64     /* List containing the module links */
  65     padding: 0px;
  66 }
  67
  68 ul.biglinks-list li {
  69     /* Standard attributes for the list elements */
  70     list-style-type:none;
  71 }
  72
  73 ul.biglinks-list li a.icon_general {
  74     /* Class used for each module link */
  75     background-image:url('../img/staff-home-icons-sprite.png');
  76     display: block;
  77     box-sizing: content-box;
  78     max-width : 320px;
  79     height: 46px;
  80     margin: 0 1em 14px 0;
  81     padding-left:57px;
  82     padding-top:5px;
  83
  84     border: solid 2px #b9d8d9;
  85     border-radius: 6px;
  86
  87     text-decoration: none;
  88     font-family: verdana, arial;
  89     font-weight: bold;
  90     font-size: large;
  91     color: #000000;
  92
  93     background-color:#f4f8f9;
  94     background-position: 5px 3px;
  95     background-repeat:no-repeat;
  96 }
  97
  98 ul.biglinks-list li a:hover.icon_general {
  99     /* Class used for each module link hover state */
 100     color: #538200;
 101     border-color: #538200;
 102 }
 103
 104 /* CSS Sprites
 105  * There is one sprite image which contains all icons in both
 106  *  hover states (on and off)
 107  */
 108
 109 /* Classes used for each individual module link */
 110 ul.biglinks-list li a.icon_circulation {background-position:5px 0px;}
 111 ul.biglinks-list li a.icon_patrons {background-position:5px -99px;}
 112 ul.biglinks-list li a.icon_search {background-position:5px -198px;}
 113 ul.biglinks-list li a.icon_lists {background-position:5px -298px;}
 114 ul.biglinks-list li a.icon_cataloging {background-position:5px -397px;}
 115 ul.biglinks-list li a.icon_authorities {background-position:5px -496px;}
 116 ul.biglinks-list li a.icon_ill {background-position:5px -1291px;}
 117
 118 ul.biglinks-list li a.icon_serials {background-position:5px -595px;}
 119 ul.biglinks-list li a.icon_acquisitions {background-position:5px -695px;}
 120 ul.biglinks-list li a.icon_reports {background-position:5px -794px;}
 121 ul.biglinks-list li a.icon_administration {background-position:5px -894px;}
 122 ul.biglinks-list li a.icon_tools {background-position:5px -993px;}
 123 ul.biglinks-list li a.icon_koha {background-position:5px -1091px;}
 124 ul.biglinks-list li a.icon_course_reserves {background-position:5px -1191px;}
 125
 126 /* Classes used for each individual module link on hover*/
 127 ul.biglinks-list li a:hover.icon_circulation {background-position:5px -50px;}
 128 ul.biglinks-list li a:hover.icon_patrons {background-position:5px -149px;}
 129 ul.biglinks-list li a:hover.icon_search {background-position:5px -248px;}
 130 ul.biglinks-list li a:hover.icon_lists {background-position:5px -348px;}
 131 ul.biglinks-list li a:hover.icon_cataloging {background-position:5px -447px;}
 132 ul.biglinks-list li a:hover.icon_authorities {background-position:5px -546px;}
 133 ul.biglinks-list li a:hover.icon_ill {background-position:5px -1342px;}
 134
 135 ul.biglinks-list li a:hover.icon_serials {background-position:5px -645px;}
 136 ul.biglinks-list li a:hover.icon_acquisitions {background-position:5px -744px;}
 137 ul.biglinks-list li a:hover.icon_reports {background-position:5px -844px;}
 138 ul.biglinks-list li a:hover.icon_administration {background-position:5px -943px;}
 139 ul.biglinks-list li a:hover.icon_tools {background-position:5px -1042px;}
 140 ul.biglinks-list li a:hover.icon_koha {background-position:5px -1140px;}
 141 ul.biglinks-list li a:hover.icon_course_reserves {background-position:5px -1241px;}
 142 /* ==== MODULE LINKS - End ==== */
 143
 144
 145 /* ==== PENDING - Start ==== */
 146 #area-pending {
 147     /* Block containing links to pending tags, comments and suggestions */
 148     width: 100%;
 149     border: solid 1px #b9d8d9;
 150     border-radius: 6px;
 151     clear: left;
 152 }
 153
 154 .pending-info {
 155     /* For the div containing a "pending" link (useful to preserve width of area-pending box width) */
 156     margin-top: 2px;
 157     margin-bottom: 2px;
 158     margin-left: 8px;
 159 }
 160
 161 .pending-number-link {
 162     /* Style for the "pending" links : the number of pending items appear bigger */
 163     font-weight: bold;
 164     font-size: 1.1em;
 165 }
 166 /* ==== PENDING - End ==== */
 167
 168
 169 /* ==== USERBLOCK - Start ==== */
 170 #area-userblock {
 171     /* Appears if the "IntranetmainUserblock" system preference is defined */
 172     margin-top: 10px;
 173     width: 100%;
 174     border: solid 1px #b9d8d9;
 175     border-radius: 6px;
 176
 177 }
 178
 179 .user-info {
 180     /* For the div containing the information (useful to preserve width of area-userblock box width) */
 181     margin: 8px;
 182 }
 183 /* ==== USERBLOCK - End ==== */
 184
 185 .intranet-main .row {
 186     margin-left: 0;
 187     margin-right: 0;
 188 }