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
  15 /* ==== NEWS - Start ==== */
  16
  17 #area-news {
  18     border: 1px solid #EEEEEE;
  19     border-radius: 6px 6px 6px 6px;
  20     margin: 0.2em;
  21 }
  22
  23 #area-news h3 {
  24     /* Title section for the news block : transparency to let the koha logo appear */
  25     background-color: #EEEEEE;
  26     filter:alpha(opacity=70);   /* for IE */
  27     -moz-opacity: 0.7;          /* for Firefox before 0.9 */
  28     opacity: 0.7;
  29     padding : .3em; margin: 0;
  30 }
  31
  32 .newsitem {
  33     /* Block for one News entry */
  34     padding: 3px;
  35     margin: .3em;
  36     border-bottom: 1px solid #EEE;
  37     background-color : #ffffff;
  38     border-radius: 6px;
  39     filter:alpha(opacity=75);
  40     -moz-opacity: 0.75;
  41     opacity: .75;
  42     }
  43
  44 .newsfooter {
  45     /* Footer containing the publication date and edition links for an News entry */
  46     font-size: 80%;
  47     color: #808080;
  48 }
  49
  50 /* ==== NEWS - End ==== */
  51
  52
  53 /* ==== MODULE LINKS - Start ==== */
  54
  55 ul.biglinks-list {
  56     /* List containing the module links */
  57     padding: 0px;
  58 }
  59
  60 ul.biglinks-list li {
  61     /* Standard attributes for the list elements */
  62     list-style-type:none;
  63
  64     margin-bottom: 1em;
  65 }
  66
  67 ul.biglinks-list li a.icon_general {
  68     /* Class used for each module link */
  69     display: flex;
  70     align-items: center;
  71     padding: 10px;
  72     border-radius: 6px;
  73     height: 50px;
  74
  75     text-decoration: none;
  76     font-size: large;
  77
  78     color: #000;
  79     background-color: #e0e0e0;
  80 }
  81
  82 ul.biglinks-list li a:hover.icon_general {
  83     /* Class used for each module link hover state */
  84     color: white;
  85     background-color: #418940;
  86 }
  87
  88 ul.biglinks-list li a.icon_general:hover img {
  89     filter: invert(100%);
  90 }
  91
  92 ul.biglinks-list li a.icon_general .fa-fw {
  93     font-size: 1.5em;
  94     margin-right:.2em;
  95 }
  96
  97 ul.biglinks-list li a.icon_general .fa-stack-2x {
  98     font-size: 1.3em;
  99 }
 100
 101 ul.biglinks-list li a.icon_general .fa-stack-1x {
 102     color: #ccc;
 103     font-size: .9em;
 104     left: -5px;
 105     top: -1px;
 106 }
 107
 108 /* CSS Font Awesome */
 109 ul.biglinks-list img {
 110     max-height: 100%;
 111 }
 112
 113 /* ==== MODULE LINKS - End ==== */
 114
 115 /* ==== PENDING - Start ==== */
 116 #area-pending {
 117     /* Block containing links to pending tags, comments and suggestions */
 118     width: 100%;
 119     border: solid 1px #b9d8d9;
 120     border-radius: 6px;
 121     clear: left;
 122 }
 123
 124 .pending-info {
 125     /* For the div containing a "pending" link (useful to preserve width of area-pending box width) */
 126     margin-top: 2px;
 127     margin-bottom: 2px;
 128     margin-left: 8px;
 129 }
 130
 131 .pending-number-link {
 132     /* Style for the "pending" links : the number of pending items appear bigger */
 133     font-weight: bold;
 134     font-size: 1.1em;
 135 }
 136 /* ==== PENDING - End ==== */
 137
 138
 139 /* ==== USERBLOCK - Start ==== */
 140 #area-userblock {
 141     /* Appears if the "IntranetmainUserblock" system preference is defined */
 142     margin-top: 10px;
 143     width: 100%;
 144     border: solid 1px #b9d8d9;
 145     border-radius: 6px;
 146
 147 }
 148
 149 .user-info {
 150     /* For the div containing the information (useful to preserve width of area-userblock box width) */
 151     margin: 8px;
 152 }
 153 /* ==== USERBLOCK - End ==== */
 154
 155 .intranet-main .row {
 156     margin-left: 0;
 157     margin-right: 0;
 158 }