koha-tmpl/intranet-tmpl/prog/css/src/mainpage.scss

   1 @import "variables";
   2
   3 #area-news,
   4 #area-quote {
   5     h3 {
   6         margin: 0;
   7         opacity: .7;
   8         padding: .3em .3em 0 .3em;
   9     }
  10 }
  11
  12 .newsitem {
  13     background-color: #FFF;
  14     border-bottom: 1px solid #EEE;
  15     border-radius: 6px;
  16     margin: .3em;
  17     opacity: .75;
  18     padding: 3px;
  19 }
  20
  21 .newsfooter {
  22     color: #808080;
  23     font-size: 80%;
  24 }
  25
  26 ul {
  27     &.biglinks-list {
  28         padding: 0;
  29
  30         li {
  31             list-style-type: none;
  32             margin-bottom: 1em;
  33
  34             a {
  35                 &.icon_general {
  36                     align-items: center;
  37                     background-color: #E0E0E0;
  38                     border-radius: 6px;
  39                     color: #000;
  40                     display: flex;
  41                     font-size: large;
  42                     height: 50px;
  43                     padding: 10px;
  44                     text-decoration: none;
  45
  46                     &:hover {
  47                         background-color: $background-color-primary;
  48                         color: #FFF;
  49
  50                         img {
  51                             filter: invert( 100% );
  52                         }
  53                     }
  54
  55                     .fa-fw {
  56                         font-size: 1.5em;
  57                         margin-right: .2em;
  58                     }
  59
  60                     .fa-stack-2x {
  61                         font-size: 1.3em;
  62                     }
  63
  64                     .fa-stack-1x {
  65                         color: #626262;
  66                         font-size: .9em;
  67                         left: -5px;
  68                         top: -1px;
  69                     }
  70                 }
  71             }
  72         }
  73
  74         img {
  75             max-height: 100%;
  76         }
  77     }
  78 }
  79
  80 #area-pending {
  81     clear: left;
  82     width: 100%;
  83 }
  84
  85 .pending-info {
  86     margin-bottom: 2px;
  87     margin-left: 8px;
  88     margin-top: 2px;
  89 }
  90
  91 .pending-number-link {
  92     font-size: 1.1em;
  93     font-weight: bold;
  94 }
  95
  96 #area-userblock {
  97     margin-top: 10px;
  98     width: 100%;
  99 }
 100
 101 .user-info {
 102     margin: 8px;
 103 }
 104
 105 .intranet-main .row {
 106     margin-left: 0;
 107     margin-right: 0;
 108 }