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