Changeset 5519 in subversion
- Timestamp:
- Nov 30, 2011 4:09:30 PM (19 months ago)
- Location:
- trunk/roundcubemail/skins/larry
- Files:
-
- 4 added
- 1 deleted
- 6 edited
-
images/ajaxloader.gif (modified) (previous)
-
images/buttons.png (added)
-
images/taskbar.png (deleted)
-
includes/header.html (modified) (1 diff)
-
includes/settingstabs.html (added)
-
mail.css (modified) (1 diff)
-
settings.css (modified) (1 diff)
-
styles.css (modified) (12 diffs)
-
templates/mail.html (modified) (1 diff)
-
templates/settings.html (added)
-
templates/settingsedit.html (added)
Legend:
- Unmodified
- Added
- Removed
-
trunk/roundcubemail/skins/larry/includes/header.html
r5474 r5519 14 14 <div id="topnav"> 15 15 <div id="taskbar" class="topright"> 16 <roundcube:button command="mail" label="mail" class="button-mail" classSel="button-mail button-selected" />17 <roundcube:button command="addressbook" label="addressbook" class="button-addressbook" classSel="button-addressbook button-selected" />16 <roundcube:button command="mail" label="mail" class="button-mail" classSel="button-mail button-selected" innerClass="button-inner" /> 17 <roundcube:button command="addressbook" label="addressbook" class="button-addressbook" classSel="button-addressbook button-selected" innerClass="button-inner" /> 18 18 <roundcube:container name="taskbar" id="taskbar" /> 19 <roundcube:button command="settings" label="settings" class="button-settings" classSel="button-settings button-selected" />19 <roundcube:button command="settings" label="settings" class="button-settings" classSel="button-settings button-selected" innerClass="button-inner" /> 20 20 </div> 21 21 <roundcube:object name="logo" src="/images/roundcube_logo.png" id="toplogo" border="0" alt="Logo" /> -
trunk/roundcubemail/skins/larry/mail.css
r5474 r5519 12 12 * $Id$ 13 13 */ 14 15 #mailview-left { 16 position: absolute; 17 top: 0; 18 left: 0; 19 width: 240px; 20 bottom: 0; 21 } 22 23 #mailview-right { 24 position: absolute; 25 top: 0; 26 left: 250px; 27 right: 0; 28 bottom: 0; 29 } 30 31 #mailview-top { 32 position: absolute; 33 top: 0; 34 left: 0; 35 width: 100%; 36 bottom: 26px; 37 } 38 39 #mailview-bottom { 40 position: absolute; 41 left: 0; 42 bottom: 0; 43 width: 100%; 44 height: 26px; 45 } 46 47 #mailboxcontainer, 48 #messagelistcontainer { 49 position: absolute; 50 top: 42px; 51 left: 0; 52 width: 100%; 53 bottom: 0; 54 } 55 56 #messagelistcontainer { 57 bottom: 32px; 58 overflow: auto; 59 } 60 61 #messagelistfooter { 62 position: absolute; 63 bottom: 0; 64 left: 0; 65 right: 0; 66 height: 26px; 67 padding: 2px; 68 } 69 70 #messagelistfooter #countcontrols { 71 display: inline-block; 72 } 73 74 #mailboxlist li.mailbox { 75 background-position: 8px 2px; 76 background-repeat: no-repeat; 77 } 78 79 #mailboxlist li.virtual > a { 80 color: #aaa; 81 } 82 83 #mailboxlist li.mailbox a { 84 padding-left: 36px; 85 white-space: nowrap; 86 overflow: hidden; 87 text-overflow: ellipsis; 88 } 89 90 #mailboxlist li.mailbox ul { 91 padding: 0; 92 border-top: 1px solid #bbd3da; 93 } 94 95 #mailboxlist li.mailbox ul li { 96 padding-left: 30px; 97 } 98 99 #mailboxlist li.mailbox ul li:last-child { 100 border-bottom: 0; 101 } 102 -
trunk/roundcubemail/skins/larry/settings.css
r5474 r5519 12 12 * $Id$ 13 13 */ 14 15 #settings-sections { 16 position: absolute; 17 top: 0; 18 left: 0; 19 width: 240px; 20 bottom: 0; 21 } 22 23 #sectionslist { 24 position: absolute; 25 top: 0; 26 left: 250px; 27 width: 240px; 28 bottom: 0; 29 } 30 31 #preferences-box { 32 position: absolute; 33 top: 0; 34 left: 500px; 35 right: 0; 36 bottom: 0; 37 } 38 39 #preferences-frame { 40 border-radius: 4px 4px 0 0; 41 } 42 -
trunk/roundcubemail/skins/larry/styles.css
r5474 r5519 21 21 } 22 22 23 a { 24 color: #0069a6; 25 } 26 27 a:visited { 28 color: #0186ba; 29 } 30 31 img { 32 border: 0; 33 } 34 23 35 input[type="text"], 24 36 input[type="password"], 25 37 textarea { 26 38 padding: 4px; 27 border: 1px solid # 666;39 border: 1px solid #b2b2b2; 28 40 border-radius: 4px; 29 box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0. 2);30 -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0. 2);31 -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0. 2);32 -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0. 2);41 box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); 42 -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); 43 -webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); 44 -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.1); 33 45 } 34 46 … … 48 60 color: #aaa; 49 61 } 62 63 64 /*** buttons ***/ 50 65 51 66 input.button { … … 92 107 } 93 108 109 input.button.mainaction:active { 110 color: #fff; 111 background: rgba(42,46,49,1); 112 background: -moz-linear-gradient(top, rgba(42,46,49,1) 0%, rgba(80,80,80,1) 100%); 113 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,46,49,1)), color-stop(100%,rgba(80,80,80,1))); 114 background: -o-linear-gradient(top, rgba(42,46,49,1) 0%,rgba(80,80,80,1) 100%); 115 background: -ms-linear-gradient(top, rgba(42,46,49,1) 0%,rgba(80,80,80,1) 100%); 116 background: linear-gradient(top, rgba(42,46,49,1) 0%,rgba(80,80,80,1) 100%); 117 } 118 94 119 input.button[disabled], 95 120 input.button[disabled]:hover, … … 102 127 } 103 128 104 a { 105 color: #0069a6; 106 } 107 108 a:visited { 109 color: #0186ba; 110 } 111 112 img { 113 border: 0; 114 } 129 /** link buttons **/ 130 131 a.button { 132 display: inline-block; 133 margin: 0 3px; 134 padding: 2px 5px; 135 color: #525252; 136 text-shadow: 1px 1px 1px #fff; 137 border: 1px solid #ddd; 138 border-radius: 4px; 139 background: #f7f7f7; 140 background: -moz-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 141 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e6e6e6)); 142 background: -o-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 143 background: -ms-linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 144 background: linear-gradient(top, #f9f9f9 0%, #e6e6e6 100%); 145 box-shadow: 0 2px 2px 0 #999; 146 -o-box-shadow: 0 2px 2px 0 #999; 147 -webkit-box-shadow: 0 2px 2px 0 #999; 148 -moz-box-shadow: 0 2px 2px 0 #999; 149 text-decoration: none; 150 } 151 152 a.button.disabled { 153 color: #999; 154 } 155 156 a.button.disabled span.inner { 157 opacity: 0.4; 158 } 159 160 a.button.pressed { 161 background: #e6e6e6; 162 background: -moz-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); 163 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(100%,#f9f9f9)); 164 background: -o-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); 165 background: -ms-linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); 166 background: linear-gradient(top, #e6e6e6 0%, #f9f9f9 100%); 167 } 168 169 .pagenav a.button { 170 font-weight: bold; 171 border-color: #e6e6e6; 172 background: #f7f7f7; 173 background: -moz-linear-gradient(top, #d8d8d8 0%, #bababa 100%); 174 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8d8d8), color-stop(100%,#bababa)); 175 background: -o-linear-gradient(top, #d8d8d8 0%, #bababa 100%); 176 background: -ms-linear-gradient(top, #d8d8d8 0%, #bababa 100%); 177 background: linear-gradient(top, #d8d8d8 0%, #bababa 100%); 178 } 179 180 .pagenav a.button.pressed { 181 background: #bababa; 182 background: -moz-linear-gradient(top, #bababa 0%, #d8d8d8 100%); 183 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bababa), color-stop(100%,#d8d8d8)); 184 background: -o-linear-gradient(top, #bababa 0%, #d8d8d8 100%); 185 background: -ms-linear-gradient(top, #bababa 0%, #d8d8d8 100%); 186 background: linear-gradient(top, #bababa 0%, #d8d8d8 100%); 187 } 188 189 .pagenav a.button span.inner { 190 display: inline-block; 191 width: 12px; 192 height: 12px; 193 text-indent: -1000px; 194 background: url(images/buttons.png) -8px -212px no-repeat; 195 } 196 197 .pagenav a.prevpage span.inner { 198 background-position: -8px -227px; 199 } 200 201 .pagenav a.nextpage span.inner { 202 background-position: -8px -242px; 203 } 204 205 .pagenav a.lastpage span.inner { 206 background-position: -8px -257px; 207 } 208 209 .pagenav .countdisplay { 210 display: inline-block; 211 padding:0 0.5em; 212 text-shadow: 1px 1px 1px #fff; 213 min-width: 20em; 214 } 215 216 a.iconbutton { 217 display: inline-block; 218 width: 24px; 219 height: 18px; 220 text-decoration: none; 221 background: url(images/buttons.png) -1000px 0 no-repeat; 222 } 223 224 a.iconbutton.searchoptions { 225 background-position: -4px -363px; 226 } 227 228 a.iconbutton.reset { 229 background-position: -2px -384px; 230 } 231 232 233 /*** message bar ***/ 115 234 116 235 #message div.loading, … … 125 244 white-space: nowrap; 126 245 background: url(images/messages.png) 0 5px no-repeat; 246 cursor: default; 127 247 } 128 248 … … 144 264 #message div.loading { 145 265 background: url(images/ajaxloader.gif) 2px 6px no-repeat; 266 } 267 268 #message.statusbar { 269 position: absolute; 270 bottom: 0; 271 left: 0; 272 right: 0; 273 height: 27px; 274 padding-left: 8px; 275 border-top: 1px solid #ddd; 276 border-radius: 0 0 4px 4px; 277 background: #eaeaea; 278 background: -moz-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); 279 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#c8c8c8)); 280 background: -o-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); 281 background: -ms-linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); 282 background: linear-gradient(top, #eaeaea 0%, #c8c8c8 100%); 146 283 } 147 284 … … 200 337 display: inline-block; 201 338 padding: 2px 10px 2px 20px; 202 background: url(images/ taskbar.png) -6px -367px no-repeat;339 background: url(images/buttons.png) -6px -193px no-repeat; 203 340 color: #fff; 204 341 } 205 342 343 /*** taskbar ***/ 344 206 345 #taskbar a { 346 display: inline-block; 347 height: 34px; 348 padding: 12px 10px 0 6px; 349 } 350 351 #taskbar a span.button-inner { 207 352 display: inline-block; 208 353 font-size: 110%; 209 354 font-weight: normal; 210 355 text-shadow: 1px 1px 1px black; 211 height: 30px;212 padding: 16px 10px 0 40px;213 background: url(images/ taskbar.png) -1000px 0 no-repeat;356 padding: 5px 0 0 34px; 357 height: 19px; 358 background: url(images/buttons.png) -1000px 0 no-repeat; 214 359 } 215 360 … … 219 364 } 220 365 221 #taskbar a.button-mail {222 background-position: 6px 13px;223 } 224 225 #taskbar a.button-mail:hover ,226 #taskbar a.button-mail.button-selected {227 background-position: 6px -33px;228 } 229 230 #taskbar a.button-addressbook {231 background-position: 6px -80px;232 } 233 234 #taskbar a.button-addressbook:hover ,235 #taskbar a.button-addressbook.button-selected {236 background-position: 6px -126px;237 } 238 239 #taskbar a.button-settings {240 background-position: 6px -172px;241 } 242 243 #taskbar a.button-settings:hover ,244 #taskbar a.button-settings.button-selected {245 background-position: 6px -218px;246 } 247 248 #taskbar a.button-calendar {249 background-position: 6px -264px;250 } 251 252 #taskbar a.button-calendar:hover ,253 #taskbar a.button-calendar.button-selected {254 background-position: 6px -310px;366 #taskbar a.button-mail span.button-inner { 367 background-position: 0 2px; 368 } 369 370 #taskbar a.button-mail:hover span.button-inner, 371 #taskbar a.button-mail.button-selected span.button-inner { 372 background-position: 0 -22px; 373 } 374 375 #taskbar a.button-addressbook span.button-inner { 376 background-position: 0 -48px; 377 } 378 379 #taskbar a.button-addressbook:hover span.button-inner, 380 #taskbar a.button-addressbook.button-selected span.button-inner { 381 background-position: 0 -72px; 382 } 383 384 #taskbar a.button-settings span.button-inner { 385 background-position: 0 -96px; 386 } 387 388 #taskbar a.button-settings:hover span.button-inner, 389 #taskbar a.button-settings.button-selected span.button-inner { 390 background-position: 0 -120px; 391 } 392 393 #taskbar a.button-calendar span.button-inner { 394 background-position: 0 -144px; 395 } 396 397 #taskbar a.button-calendar:hover span.button-inner, 398 #taskbar a.button-calendar.button-selected span.button-inner { 399 background-position: 0 -168px; 255 400 } 256 401 … … 261 406 right: 10px; 262 407 bottom: 20px; 408 } 409 410 #mainscreen.offset { 411 top: 130px; 263 412 } 264 413 … … 273 422 } 274 423 424 /*** lists ***/ 425 275 426 .listbox { 276 427 background: #d9ecf4; 428 overflow: hidden; 429 } 430 431 .listbox .scroller { 432 position: absolute; 433 top: 0; 434 left: 0; 435 width: 100%; 436 bottom: 0; 437 overflow: auto; 438 } 439 440 .listbox .boxtitle + .scroller { 441 top: 34px; 442 } 443 444 .boxtitle, 445 .uibox .listing thead td { 446 font-size: 12px; 447 font-weight: bold; 448 padding: 10px 8px 8px 8px; 449 margin: 0; 450 text-shadow: 1px 1px 1px #fff; 451 border-bottom: 1px solid #bbd3da; 452 } 453 454 .uibox .boxtitle, 455 .uibox .listing thead td { 456 background: #b0ccd7; 457 color: #004458; 458 border-radius: 4px 4px 0 0; 459 } 460 461 .listbox .listitem, 462 .listing tbody td, 463 .listing li { 464 display: block; 465 border-top: 1px solid #fff; 466 border-bottom: 1px solid #bbd3da; 467 cursor: default; 468 font-weight: normal; 469 } 470 471 .listbox .listitem a, 472 .listing tbody td, 473 .listing li a { 474 display: block; 475 color: #376572; 476 text-shadow: 1px 1px 1px #fff; 477 text-decoration: none; 478 cursor: default; 479 padding: 8px 8px 4px 8px; 480 } 481 482 .listbox .listitem.selected, 483 .listing tbody tr.selected td, 484 .listing li.selected { 485 color: #004458; 486 font-weight: bold; 487 } 488 489 ul.listing { 490 display: block; 491 list-style: none; 492 margin: 0; 493 padding: 0; 494 } 495 496 table.listing { 497 width: 100%; 498 } 499 500 501 /*** iFrames ***/ 502 503 body.iframe { 504 background: #fff; 505 margin: 38px 0 20px 0; 506 } 507 508 body.iframe .boxtitle { 509 position: fixed; 510 top: 0; 511 left: 0; 512 width: 100%; 513 color: #777; 514 background: #eee; 515 background: -moz-linear-gradient(top, #eee 0%, #dfdfdf 100%); 516 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eee), color-stop(100%,#dfdfdf)); 517 background: -o-linear-gradient(top, #eee 0%, #dfdfdf 100%); 518 background: -ms-linear-gradient(top, #eee 0%, #dfdfdf 100%); 519 background: linear-gradient(top, #eee 0%, #dfdfdf 100%); 520 border-bottom: 1px solid #ccc; 521 } 522 523 .boxcontent { 524 padding: 10px; 525 } 526 527 .footerleft { 528 padding: 0 12px; 529 } 530 531 .propform fieldset { 532 margin-bottom: 20px; 533 border: 0; 534 padding: 0; 535 } 536 537 .propform fieldset legend { 538 display: block; 539 font-size: 14px; 540 font-weight: bold; 541 margin-bottom: 10px; 542 } 543 544 table.propform { 545 width: 100%; 546 border-spacing: 0; 547 border-collapse: collapse; 548 } 549 550 table.propform td { 551 width: 80%; 552 padding: 4px 10px; 553 background: #eee; 554 border-bottom: 2px solid #fff; 555 } 556 557 table.propform td.title { 558 width: 20%; 559 color: #333; 560 padding-right: 20px; 561 white-space: nowrap; 277 562 } 278 563 … … 312 597 #login-form input[type="password"] { 313 598 width: 24em; 599 border-color: #666; 314 600 } 315 601 … … 368 654 } 369 655 656 657 658 /*** quicksearch **/ 659 660 #quicksearchbar { 661 width: 100%; 662 } 663 664 #quicksearchbar input { 665 width: 176px; 666 font-weight: bold; 667 padding: 5px 26px 5px 38px; 668 background: #f1f1f1; 669 border-color: #a3a3a3; 670 } 671 672 #quicksearchbar #searchmenulink { 673 position: absolute; 674 top: 5px; 675 left: 8px; 676 } 677 678 #quicksearchbar #searchreset { 679 position: absolute; 680 top: 4px; 681 right: 4px; 682 } -
trunk/roundcubemail/skins/larry/templates/mail.html
r5474 r5519 9 9 <roundcube:include file="/includes/header.html" /> 10 10 11 <div id="mainscreen" class="uibox">11 <div id="mainscreen"> 12 12 13 <!-- just an example for now --> 13 <div id="mailview-left"> 14 15 <!-- search box --> 16 <div id="quicksearchbar"> 17 <roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" _onclick="rcmail_ui.show_popup('searchmenu');return false" title="searchmod" content=" " /> 18 <roundcube:object name="searchform" id="quicksearchbox" /> 19 <roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " /> 20 </div> 21 22 <!-- folders list --> 23 <div id="mailboxcontainer" class="uibox listbox"> 24 <div class="scroller"> 25 <roundcube:object name="mailboxlist" id="mailboxlist"class="listing" folder_filter="mail" /> 26 </div> 27 <div class="boxfooter"> 28 <roundcube:button name="mailboxmenulink" id="mailboxmenulink" type="link" title="folderactions" class="listbutton groupactions" _onclick="rcmail_ui.show_popup('mailboxmenu');return false" content=" " /> 29 </div> 30 </div> 14 31 15 32 </div> 16 33 34 <div id="mailview-right"> 35 36 <!-- search filter --> 37 <div id="searchfilter"> 38 <roundcube:object name="searchfilter" class="searchfilter" /> 39 </div> 40 41 <!-- toolbar --> 42 <div id="messagetoolbar"> 43 <!-- roundcube:include file="/includes/messagetoolbar.html" /--> 44 </div> 45 46 <div id="mailview-top"> 47 48 <!-- messagelist --> 49 <div id="messagelistcontainer" class="uibox boxlistcontent"> 50 <roundcube:object name="messages" 51 id="messagelist" 52 cellspacing="0" 53 columns="" 54 summary="Message list" 55 optionsmenuIcon="true" /> 56 </div> 57 58 <!-- list footer --> 59 <div id="messagelistfooter"> 60 <div id="listcontrols"> 61 62 </div> 63 64 <div id="countcontrols" class="pagenav"> 65 <roundcube:object name="messageCountDisplay" class="countdisplay" /> 66 <roundcube:button command="firstpage" type="link" class="button firstpage disabled" classAct="button firstpage" classSel="button firstpage pressed" innerClass="inner" title="firstpage" content="|&lt;" /> 67 <roundcube:button command="previouspage" type="link" class="button prevpage disabled" classAct="button prevpage" classSel="button prevpage pressed" innerClass="inner" title="previouspage" content="&lt;" /> 68 <roundcube:button command="nextpage" type="link" class="button nextpage disabled" classAct="button nextpage" classSel="button nextpage pressed" innerClass="inner" title="nextpage" content="&gt;" /> 69 <roundcube:button command="lastpage" type="link" class="button lastpage disabled" classAct="button lastpage" classSel="button lastpage pressed" innerClass="inner" title="lastpage" content="&gt;|" /> 70 </div> 71 72 </div> 73 74 </div><!-- end mailview-top --> 75 76 <div id="mailview-bottom" class="uibox"> 77 <div id="mailpreviewframe"> 78 </div> 79 80 <roundcube:object name="message" id="message" class="statusbar" /> 81 82 </div><!-- end mailview-bottom --> 83 84 </div><!-- end mailview-right --> 85 86 </div><!-- end mainscreen --> 87 88 17 89 </body> 18 90 </html>
Note: See TracChangeset
for help on using the changeset viewer.
