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}