1$app-icons: ( 2 addressbook: contacts_alt1, 3 calendar: calendar_lg, 4 summary: task_manager_lg, 5 groups: contacts_lg, 6 users: contacts_lg, 7 workflow: photoaffix, 8 tasks: quickmemo_lg, 9 tickets: google_messenger_red, 10 files: explorer, 11 notes: color_note, 12 timeregistration2: clock_lg, 13 leavedays: chronus, 14 bookmarks: browser, 15 site: browser, 16 cron: studio_lg, 17 customfields: instapaper_alt, 18 billing: google_opinion_rewards_alt, 19 modules: google_play_services, 20 tools: settings_lg, 21 projects2: android_for_work, 22 email: email_alt, 23 postfixadmin: boxer_email, 24 filesearch: applicationreader, 25 hoursapproval2: clock_green, 26 admin2userlogin: contacts, 27 voip: dialer_green, 28 announcements: we_chat, 29 reminders: bell, 30 zpushadmin:phone_blue_grey, 31 log: notebook_lg, 32); 33 34 35//#startMenu { 36// @each $module, $icon in $app-icons { 37// .go-module-icon-#{$module}, .go-menu-icon-#{$module}{ 38// background-image:url('img/icons/#{$icon}.png') !important; 39// } 40// } 41//} 42/* 43#startMenu.x-menu { 44 width: 100%; 45 max-height:100%; 46 height:100%; 47 opacity: 1; 48 transition: opacity 300ms $curve-sharp; 49 background-color: color($bg, 'app-bar'); 50 &.x-hide-offsets { 51 opacity: 0; 52 ul { 53 transform: scale(.9); 54 } 55 } 56 ul { 57 box-sizing: border-box; 58 padding: dp(32) 20%; 59 transform: scale(1); 60 transition: transform 200ms $curve-sharp; 61 margin: 0 auto; 62 height:auto !important; 63 max-height: 100%; 64 text-align: justify; 65 overflow-y: auto; 66 } 67 a.x-menu-item{ 68 padding:0; 69 height: dp(112); 70 width: dp(128); 71 margin:0 !important; 72 cursor: pointer; 73 74 } 75 #x-menu-el-go-start-menu-admin-menu { 76 width: 100%; 77 padding: dp(16) dp(40); 78 margin:0; 79 .menu-title { 80 color: white; 81 text-align:left; 82 padding:0; 83 border-bottom: 1px solid color($fg-dark, 'divider'); 84 } 85 } 86 li { 87 border-radius: 4px; 88 text-align:center; 89 margin: dp(8) dp(24); 90 display:inline-block; 91 } 92 img { 93 cursor: pointer; 94 width: dp(72); 95 height: dp(72); 96 padding: 0; 97 background-position: center center; 98 background-size:contain; 99 } 100 .x-menu-item-text { 101 @extend %font-data; 102 display:block; 103 text-overflow: ellipsis; 104 overflow: hidden; 105 white-space: nowrap; 106 color: white; 107 text-shadow: 0px 1px 0px color($fg, 'unfocused'); 108 } 109 .x-menu-scroller { 110 height: 0px; 111 } 112 .x-menu-item-active{ 113 background-color: color($fg, 'unfocused'); 114 } 115} 116*/ 117 118.go-model-icon{ 119 &-GO_Addressbook_Model_Contact { 120 background-image: url('images/16x16/contact.png') !important; 121 width:16px; 122 height:16px; 123 } 124 &-GO_Addressbook_Model_Company 125 { 126 background-image: url('images/16x16/company.png') !important; 127 width:16px; 128 height:16px; 129 } 130 &-GO_Addressbook_Model_Addresslist{ 131 background-image: url('images/16x16/templates.png') !important; 132 width:16px; 133 height:16px; 134 } 135} 136 137// TICKETS 138.ti-seen, .ti-unseen, .ti-late { 139 td.x-grid3-td-first_column .x-grid3-cell-inner { 140 padding: 0; 141 } 142} 143 144 145// EMAIL 146.ml-unseen-row { 147 //background-color:white; 148} 149.ml-unseen-from { 150 font-weight: bold; 151} 152.ml-unseen-subject { 153 font-weight: normal; 154} 155 156.ml-seen-subject, .ml-unseen-subject { 157 @extend %font-body2; 158} 159 160 161.x-tree-node .ml-folder-unseen a .em-folder-status { // badge 162 @extend %badge; 163 164} 165.em-folder-status { 166 float:right; 167} 168 169.ml-unseen-dot { 170 @include var(background-color, c-primary); 171 width: 9px; 172 height: 9px; 173 margin: dp(2); 174 border-radius: 50%; 175 float: right; 176} 177 178.x-grid3-col-icon { 179 text-overflow: initial; 180 white-space: normal; 181 i { 182 font-size: dp(16); 183 float: right; 184 width: dp(16); 185 height: dp(16); 186 color: color($fg, 'secondary-text'); 187 } 188} 189 190.x-grid3-col-icon { 191 i { 192 &.em-flag { 193 color: $cDanger; 194 } 195 } 196} 197 198.message-body { 199 background-color: white; 200 position: relative; 201 202 p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph 203 { 204 margin-top:0cm; 205 margin-right:0cm; 206 margin-bottom:0cm; 207 margin-left:36.0pt; 208 margin-bottom:.0001pt; 209 font-size:11.0pt; 210 } 211 212 .msg { 213 padding: dp(16); 214 } 215} 216 217#email-message-panel { 218 .x-panel-body { 219 background-color: color($bg, 'box'); 220 } 221} 222 223.message-header-table{ 224 float:left; 225 margin-right: dp(72); 226 margin-bottom: dp(8); 227} 228 229.message-header { 230 position: relative; 231 border-bottom:1px solid color($fg, "line"); 232 padding: dp(8) dp(16); 233 234 b { 235 @extend %font-caption; 236 } 237 238 .avatar { 239 width: dp(64); 240 height: dp(64); 241 line-height: dp(64); 242 font-size: dp(24); 243 position: absolute; 244 top: dp(16); 245 right: dp(16); 246 } 247 248 .x-form-checkbox { 249 margin-left: 0; 250 } 251} 252 253.mo-description { 254 padding-left: dp(40); 255} 256 257 258 259.cal-has-links{ 260 //background:url(../../../../views/Extjs3/themes/Default/images/attach.gif) no-repeat center 3px; 261 @extend %icon; 262 font-size: dp(16); 263 &:before { 264 content: "link"; 265 } 266 float:right; 267} 268 269.go-attachments { 270 span { 271 cursor: pointer; 272 273 &.x-view-selected { 274 background-color: color($bg, 'selected'); 275 } 276 &.x-view-over { 277 background-color: color($bg, 'hover'); 278 } 279 280 i { 281 cursor: pointer; 282 display: none; 283 } 284 &.x-view-selected, &.x-view-over { 285 i { 286 display: inline-block; 287 } 288 } 289 } 290} 291 292//Bookmarks 293.chooseIcon { 294 margin-top:10px; 295 margin-left:50%; 296 position:relative; 297 display:inline-block; 298 padding:0; 299 background: url(#{$resourcePath}img/default-avatar.svg) no-repeat center center; 300 background-size:cover; 301 border-radius: 50%; 302 width:dp(40); 303 height: dp(40); 304 font-size: dp(28); 305 text-align: center; 306 307 .icon { 308 color: red; 309 line-height: dp(40); 310 font-size: inherit; 311 height: 100%; 312 width: 100%; 313 } 314 315 .go-detail-view & { 316 //float:left; ?? why? 317 margin-top:dp(4); 318 margin-right: dp(16); 319 } 320 321 .x-btn { 322 border: 0; 323 } 324 325 &.group { 326 &::before { 327 content: "group"; 328 } 329 background: linear-gradient(rgba(0, 0, 0, 0.38), rgba(0, 0, 0, 0.24)); 330 } 331} 332