Bug 30695: (follow-up) Fix selenium test
[koha.git] / 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     display: block;
76     box-sizing: content-box;
77     max-width : 320px;
78     min-height: 2em;
79     margin: 0 1em 14px 0;
80     padding: 5px;
81     border: solid 2px #b9d8d9;
82     border-radius: 6px;
83
84     text-decoration: none;
85     font-family: verdana, arial;
86     font-weight: bold;
87     font-size: large;
88     color: #000000;
89
90     background-color:#f4f8f9;
91 }
92
93 ul.biglinks-list li a:hover.icon_general {
94     /* Class used for each module link hover state */
95     color: #538200;
96     border-color: #538200;
97 }
98
99 ul.biglinks-list li a.icon_general .fa-fw {
100     font-size: 1.5em;
101     margin-right:.2em;
102 }
103
104 ul.biglinks-list li a.icon_general .fa-stack-2x {
105     font-size: 1.3em;
106 }
107
108 ul.biglinks-list li a.icon_general .fa-stack-1x {
109     color: #999;
110     font-size: .9em;
111     left: -5px;
112     top: -1px;
113 }
114
115 /* CSS Font Awesome */
116 ul.biglinks-list img {
117     width: 35px;
118 }
119
120 /* ==== MODULE LINKS - End ==== */
121
122 /* ==== PENDING - Start ==== */
123 #area-pending {
124     /* Block containing links to pending tags, comments and suggestions */
125     width: 100%;
126     border: solid 1px #b9d8d9;
127     border-radius: 6px;
128     clear: left;
129 }
130
131 .pending-info {
132     /* For the div containing a "pending" link (useful to preserve width of area-pending box width) */
133     margin-top: 2px;
134     margin-bottom: 2px;
135     margin-left: 8px;
136 }
137
138 .pending-number-link {
139     /* Style for the "pending" links : the number of pending items appear bigger */
140     font-weight: bold;
141     font-size: 1.1em;
142 }
143 /* ==== PENDING - End ==== */
144
145
146 /* ==== USERBLOCK - Start ==== */
147 #area-userblock {
148     /* Appears if the "IntranetmainUserblock" system preference is defined */
149     margin-top: 10px;
150     width: 100%;
151     border: solid 1px #b9d8d9;
152     border-radius: 6px;
153
154 }
155
156 .user-info {
157     /* For the div containing the information (useful to preserve width of area-userblock box width) */
158     margin: 8px;
159 }
160 /* ==== USERBLOCK - End ==== */
161
162 .intranet-main .row {
163     margin-left: 0;
164     margin-right: 0;
165 }