1/**
2 * Home CSS
3 */
4
5/**
6 * Basic layout and structural CSS
7 */
8#home-index_home-index {
9	height:100%;
10}
11#home-index_portlets {
12	background-color: inherit;
13}
14#portlets {
15	border: 1px solid silver;
16	width: 100%;
17	min-width: 100px;
18	min-height: 100px;
19	position: relative;
20}
21
22.home .et2_portlet > .ui-widget-header {
23	cursor: pointer;
24}
25
26.et2_portlet.ui-widget-content > div {
27
28}
29.et2_portlet.ui-widget-content > div:last-of-type {
30	/* Allow space for header, as the whole portlet is sized by auto-generated css */
31	position: absolute;
32	bottom: 0px;
33	top: 20px;
34	width: 100%;
35	overflow: hidden;
36}
37.et2_portlet .et2_container {
38	height: 100%;
39}
40/* give not automatic sizing old calendar views a scrollbar, if necessary */
41div.calendar_favorite_portlet.et2_portlet.ui-widget-content > div:last-of-type {
42	overflow-y: auto;
43}
44
45/* Gridster */
46#portlets {
47	position: relative;
48}
49.home .et2_portlet {
50	position: absolute;
51}
52.home .et2_portlet.dragging {
53	z-index: 99;
54}
55.preview-holder {
56	margin: 5px;
57	list-style: none;
58	background: rgba(0,0,0,.3);
59	border: 1px solid silver;
60	position: absolute;
61}
62
63/**
64 * Portlet styling (cosmetic)
65 */
66.et2_portlet.ui-widget-content > div:last-of-type > .et2_container {
67	background: linear-gradient(to bottom, rgba(255,255,255,.9) 10%,rgba(255,255,255,.75) 90%) /* W3C */
68}
69
70/* Single entry */
71.et2_portlet.home_link_portlet > .ui-widget-header {
72	display: none;
73	position: relative;
74	top: -20px;
75}
76.et2_portlet.home_link_portlet.ui-widget-content > div:last-of-type {
77	position: relative;
78	margin-top: -20px;
79	height: 100%;
80	min-height: 45px;
81	transition: none;
82	-webkit-transition: none;
83	-moz-transition: none;
84	-o-transition: none;
85}
86.et2_portlet.home_link_portlet > div:last-of-type > div {
87	padding: 10px;
88}
89/* Thumbnail / icon */
90.et2_portlet.home_link_portlet > div:last-of-type img:first-of-type {
91	float: left;
92	margin-right: 8px;
93	margin-bottom: 8px;
94	max-width: 100%;
95	max-height: 64px;
96}
97/* Single entry hover */
98.et2_portlet.home_link_portlet:hover > .ui-widget-header {
99	display: block;
100	z-index: 90;
101}
102.et2_portlet.home_link_portlet:hover > div:last-of-type {
103	top: 1px;
104}
105
106/* Favorite / nextmatch
107 * NB: using class attribute contains as favorites have an app-specific prefix
108 */
109[class*="favorite_portlet"].et2_portlet .ui-widget-header > .et2_button {
110	float: left;
111	padding: 0px !important;
112	margin-top: 3px;
113	height: 12px;
114	width: 12px;
115	z-index: 50;
116}
117[class*="favorite_portlet"].et2_portlet .ui-widget-header > button.et2_button_with_image.closed {
118	background-position: 0 0  !important;
119}
120[class*="favorite_portlet"].et2_portlet  .ui-widget-header > button.et2_button_with_image.opened  {
121	background-position: -10px 0 !important;
122}
123
124/* We can't just set display:none for the header as that changes the column spacing */
125[class*="favorite_portlet"].et2_portlet  .et2_nextmatch.header_hidden {
126	padding-top: 0px;
127}
128[class*="favorite_portlet"].et2_portlet  .et2_nextmatch.header_hidden .egwGridView_outer thead:first-of-type th,
129[class*="favorite_portlet"].et2_portlet  .et2_nextmatch.header_hidden .egwGridView_outer thead:first-of-type div.innerContainer,
130[class*="favorite_portlet"].et2_portlet  .et2_nextmatch.header_hidden .egwGridView_outer thead:first-of-type th.optcol span.selectcols {
131	height: 0px;
132	padding-top: 0px;
133	padding-bottom: 0px;
134	margin-top: 0px;
135	margin-bottom: 0px;
136	line-height: 0px;
137}
138[class*="favorite_portlet"].et2_portlet  .et2_nextmatch.header_hidden .egwGridView_outer thead:first-of-type th {
139	visibility:hidden;
140}
141
142/**
143 * Weather
144 */
145.home_weather_portlet table[id$="current"] {
146	max-width: 250px;
147}
148.home_weather_portlet .temperature:after {
149	content: "\00B0";
150}
151.home_weather_portlet .current {
152	font-size: large;
153}
154.home_weather_portlet .forecast [id$="day"] {
155	font-size: smaller;
156}
157.home_weather_portlet .forecast > div {
158	display: inline-block;
159	margin-bottom: 15px;
160	width: 52px;
161}
162.home_weather_portlet .forecast img {
163	margin: -10px -6px;
164	width: 40px;
165	height: auto;
166}
167.home_weather_portlet .high_low {
168	padding: 3px;
169}
170.home_weather_portlet .high_low[id$="min"] {
171	background-color: rgba(200,200,255,.3);
172}
173.home_weather_portlet .attribution {
174	position: relative;
175	bottom: 0.5em;
176	font-size: smaller;
177}