Changeset 5533 in subversion

Timestamp:

Dec 2, 2011 12:19:24 PM (18 months ago)

Author:

thomasb

Message:

New skin continued...

Location:

trunk/roundcubemail/skins/larry

Files:

• images/buttons.png (modified) (previous)
• images/listicons.png (added)
• images/watermark.jpg (added)
• mail.css (modified) (2 diffs)
• settings.css (modified) (1 diff)
• styles.css (modified) (4 diffs)
• templates/login.html (modified) (1 diff)
• templates/mail.html (modified) (3 diffs)
• templates/settings.html (modified) (2 diffs)
• templates/settingsedit.html (modified) (2 diffs)
• watermark.html (added)

trunk/roundcubemail/skins/larry/mail.css

@@ -34 +34 @@
         left: 0;
         width: 100%;
-        bottom: 26px;
+        bottom: 28px;
 }
 
@@ -101 +101 @@
 }
 
+#searchfilter {
+        width: 16em;
+}
+
+#messagetoolbar {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: auto;
+        height: 40px;
+}
+
+
+/*** message list ***/
+
+.boxlistcontent table {
+        display: table;
+        width: 100%;
+        table-layout: fixed;
+        border-collapse: collapse;
+        border-spacing: 0;
+}
+
+.boxlistcontent thead tr td {
+        font-size: 11px;
+        font-weight: bold;
+        background: #d6eaf3;
+        background: -moz-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+        background: -webkit-gradient(linear, left top, right top, color-stop(0,#e3f2f6), color-stop(14px,#d6eaf3), color-stop(100%,#d6eaf3));
+        background: -o-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+        background: -ms-linear-gradient(left, #e3f2f6 0, #d6eaf3 14px ,#d6eaf3 100%);
+        background: linear-gradient(left, #e3f2f6 0, #d6eaf3 14px, #d6eaf3 100%);
+        border-left: 1px solid #bbd3da;
+}
+
+.boxlistcontent thead tr td a {
+        display: block;
+        padding: 8px 7px;
+        color: #69939e;
+        text-decoration: none;
+}
+
+.boxlistcontent tbody tr td {
+        font-size: 11px;
+        padding: 4px 7px;
+        border-bottom: 1px solid #ddd;
+        border-left: 1px dotted #bbd3da;
+        white-space: nowrap;
+        cursor: default;
+}
+
+.boxlistcontent thead tr td:first-child,
+.boxlistcontent tbody tr td:first-child {
+        border-left: 0;
+}
+
+.boxlistcontent tbody tr td a {
+        color: #333;
+        text-decoration: none;
+        white-space: nowrap;
+        cursor: default;
+}
+
+.boxlistcontent tr.selected td {
+        color: #fff !important;
+        background: #019bc6;
+        background: -moz-linear-gradient(top, #019bc6 0%, #017cb4 100%);
+        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#019bc6), color-stop(100%,#017cb4));
+        background: -o-linear-gradient(top, #019bc6 0%, #017cb4 100%);
+        background: -ms-linear-gradient(top, #019bc6 0%, #017cb4 100%);
+        background: linear-gradient(top, #019bc6 0%, #017cb4 100%);
+}
+
+.boxlistcontent tr.selected td a,
+.boxlistcontent tr.selected td span {
+        color: #fff !important;
+}
+
+.boxlistcontent tr.unfocused td {
+        color: #fff !important;
+        background: #4db0d2;
+}
+
+.boxlistcontent tr.unfocused td a,
+.boxlistcontent tr.unfocused td span {
+        color: #fff !important;
+}
+
+.boxlistcontent tr.deleted td,
+.boxlistcontent tr.deleted td a {
+        color: #ccc !important;
+}
+
+#messagelist tr td.attachment,
+#messagelist tr td.threads,
+#messagelist tr td.status,
+#messagelist tr td.flag,
+#messagelist tr td.priority {
+        width: 17px;
+        padding: 4px 3px;
+}
+
+#messagelist tr td.threads {
+        width: 26px;
+}
+
+#messagelist tr td.flag,
+#messagelist tr td.status,
+#messagelist tr td.threads {
+        border-left: 0;
+}
+
+
+#messagelist tr td.size {
+        width: 60px;
+        text-align: right;
+}
+
+#messagelist tr td.from,
+#messagelist tr td.to,
+#messagelist tr td.cc,
+#messagelist tr td.replyto {
+        width: 180px;
+}
+
+#messagelist tr td.date {
+        width: 118px;
+}
+
+#messagelist tr.message {
+/*      background-color: #fff; */
+}
+
+#messagelist tr.unread {
+        font-weight: bold;
+/*      background-color: #fff; */
+}
+
+#messagelist tr.flagged td,
+#messagelist tr.flagged td a {
+        color: #f30;
+}
+
+#messagelist thead tr td.sortedASC a,
+#messagelist thead tr td.sortedDESC a {
+        color: #004458;
+        text-decoration: underline;
+        background: url(images/listicons.png) right -912px no-repeat;
+}
+
+#messagelist thead tr td.sortedASC a {
+        background-position: right -944px;
+}
+
+#messagelist td img {
+        vertical-align: middle;
+        display: inline-block;
+}
+
+#messagelist tbody tr td.flag,
+#messagelist tbody tr td.status,
+#messagelist tbody tr td.subject span.status {
+        cursor: pointer;
+}
+
+#messagelist tr td.flag span,
+#messagelist tr td.status span,
+#messagelist tr td.attachment span,
+#messagelist tr td.priority span {
+        display: block;
+        width: 15px;
+}
+
+#messagelist tr td div.collapsed,
+#messagelist tr td div.expanded,
+#messagelist tr td.threads div.listmenu,
+#messagelist tr td.attachment span.attachment,
+#messagelist tr td.attachment span.report,
+#messagelist tr td.priority span.priority,
+#messagelist tr td.priority span.prio1,
+#messagelist tr td.priority span.prio2,
+#messagelist tr td.priority span.prio3,
+#messagelist tr td.priority span.prio4,
+#messagelist tr td.priority span.prio5,
+#messagelist tr td.flag span.flagged,
+#messagelist tr td.flag span.unflagged,
+#messagelist tr td.flag span.unflagged:hover,
+#messagelist tr td.status span.status,
+#messagelist tr td.status span.msgicon,
+#messagelist tr td.status span.deleted,
+#messagelist tr td.status span.unread,
+#messagelist tr td.status span.unreadchildren,
+#messagelist tr td.subject span.msgicon,
+#messagelist tr td.subject span.deleted,
+#messagelist tr td.subject span.unread,
+#messagelist tr td.subject span.replied,
+#messagelist tr td.subject span.forwarded,
+#messagelist tr td.subject span.unreadchildren {
+        display: inline-block;
+        vertical-align: middle;
+        height: 18px;
+        width: 20px;
+        background: url(images/listicons.png) -100px 0 no-repeat;
+}
+
+#messagelist tbody tr td.attachment span.attachment {
+        background-position: 0 -998px;
+}
+#messagelist thead tr td.attachment span.attachment {
+        background-position: -24px -997px;
+}
+
+/*
+#messagelist tr td.attachment span.report {
+        background-position: 0 -255px;
+}
+
+#messagelist tr td.priority span.priority {
+        background-position: 0 -309px;
+}
+
+#messagelist tr td.priority span.prio5 {
+        background-position: 0 -358px;
+}
+
+#messagelist tr td.priority span.prio4 {
+        background-position: 0 -340px;
+}
+
+#messagelist tr td.priority span.prio3 {
+        background-position: 0 -324px;
+}
+
+#messagelist tr td.priority span.prio2 {
+        background-position: 0 -309px;
+}
+
+#messagelist tr td.priority span.prio1 {
+        background-position: 0 -290px;
+}
+*/
+#messagelist tbody tr td.flag span.flagged {
+        background-position: 0 -1036px;
+}
+
+#messagelist thead tr td.flag span.flagged {
+        background-position: -24px -1036px;
+}
+
+#messagelist tr td.flag span.unflagged:hover {
+        background-position: 0 -1056px;
+}
+
+#messagelist tr td.subject span.msgicon,
+#messagelist tr td.subject span.unreadchildren {
+        background-position: 0 -1056px;
+        margin: 0 2px;
+}
+
+#messagelist tr td.subject span.replied {
+        background-position: 0 -1076px;
+}
+
+#messagelist tr td.subject span.forwarded {
+        background-position: 0 -1096px;
+}
+
+#messagelist tr td.subject span.replied.forwarded {
+        background-position: 0 -1116px;
+}
+
+#messagelist tr td.status span.msgicon,
+#messagelist tr td.flag span.unflagged,
+#messagelist tr td.status span.unreadchildren {
+        background-position: 0 1056px; /* no icon */
+}
+/*
+#messagelist tr td.status span.msgicon:hover {
+        background-position: 0 -272px;
+}
+
+#messagelist tr td.status span.deleted,
+#messagelist tr td.subject span.deleted {
+        background-position: 0 -187px;
+}
+*/
+#messagelist tr td.status span.status,
+#messagelist tr td.status span.unread,
+#messagelist tr td.subject span.unread {
+        background-position: 0 -1016px;
+}
+
+#messagelist tr td div.collapsed {
+        background-position: 0 -1136px;
+        cursor: pointer;
+}
+
+#messagelist tr td div.expanded {
+        background-position: 0 -1156px;
+        cursor: pointer;
+}
+
+#messagelist tr td.threads div.listmenu {
+        background-position: 0 -976px;
+        cursor: pointer;
+        width: 26px;
+}
+
+#messagelist tbody tr td.subject {
+        width: 99%;
+}
+
+#messagelist tbody tr td.subject a {
+        cursor: default;
+        vertical-align: middle; /* #1487091 */
+}
+
+/* thread parent message with unread children */
+#messagelist tbody tr.unroot td.subject a {
+        text-decoration: underline;
+}
+
+/**** tree indicators ****/
+
+#messagelist tbody tr td span.branch div {
+        float: left;
+        height: 18px;
+}
+
+#messagelist tbody tr td span.branch div.tree {
+        height: 18px;
+        width: 15px;
+/*      background: url(images/tree.gif) 0px 0px no-repeat; */
+}

trunk/roundcubemail/skins/larry/settings.css

@@ -38 +38 @@
 
 #preferences-frame {
+        border: 0;
         border-radius: 4px 4px 0 0;
 }

trunk/roundcubemail/skins/larry/styles.css

@@ -192 +192 @@
         height: 12px;
         text-indent: -1000px;
-        background: url(images/buttons.png) -8px -212px no-repeat;
+        background: url(images/buttons.png) -8px -211px no-repeat;
 }
 
 .pagenav a.prevpage span.inner {
-        background-position: -8px -227px;
+        background-position: -8px -226px;
 }
 
 .pagenav a.nextpage span.inner {
-        background-position: -8px -242px;
+        background-position: -8px -241px;
 }
 
 .pagenav a.lastpage span.inner {
-        background-position: -8px -257px;
+        background-position: -8px -256px;
 }
 
@@ -462 +462 @@
 .listing tbody td,
 .listing li {
+        font-size: 11px;
         display: block;
         border-top: 1px solid #fff;
@@ -496 +497 @@
 table.listing {
         width: 100%;
+        border-spacing: 0;
 }
 
@@ -664 +666 @@
 #quicksearchbar input {
         width: 176px;
-        font-weight: bold;
+        margin: 0;
         padding: 5px 26px 5px 38px;
         background: #f1f1f1;
         border-color: #a3a3a3;
+        font-weight: bold;
 }
 

trunk/roundcubemail/skins/larry/templates/login.html

@@ -1 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<roundcube:object name="doctype" value="html5" />
+<html>
 <head>
 <title><roundcube:object name="pagetitle" /></title>

trunk/roundcubemail/skins/larry/templates/mail.html

@@ -1 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<roundcube:object name="doctype" value="html5" />
+<html>
 <head>
 <title><roundcube:object name="pagetitle" /></title>
@@ -15 +15 @@
 <!-- search box -->
 <div id="quicksearchbar">
+<roundcube:object name="searchform" id="quicksearchbox" />
 <roundcube:button name="searchmenulink" id="searchmenulink" class="iconbutton searchoptions" _onclick="rcmail_ui.show_popup('searchmenu');return false" title="searchmod" content=" " />
-<roundcube:object name="searchform" id="quicksearchbox" />
 <roundcube:button command="reset-search" id="searchreset" class="iconbutton reset" title="resetsearch" content=" " />
 </div>
@@ -50 +50 @@
 <roundcube:object name="messages"
   id="messagelist"
-  cellspacing="0"
   columns=""
-  summary="Message list"
   optionsmenuIcon="true" />
 </div>

trunk/roundcubemail/skins/larry/templates/settings.html

@@ -1 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<roundcube:object name="doctype" value="html5" />
+<html>
 <head>
 <title><roundcube:object name="pagetitle" /></title>
@@ -15 +15 @@
 <div id="sectionslist" class="uibox listbox">
 <div class="scroller">
-        <roundcube:object name="sectionslist" id="sections-table" class="listing" cellspacing="0" />
+        <roundcube:object name="sectionslist" id="sections-table" class="listing" />
 </div>
 </div>
 
 <div id="preferences-box" class="uibox contentbox">
-<roundcube:object name="prefsframe" id="preferences-frame" width="100%" height="97%" frameborder="0" src="about:blank" />
+<roundcube:object name="prefsframe" id="preferences-frame" style="width:100%; height:96%" src="/watermark.html" />
 <roundcube:object name="message" id="message" class="statusbar" />
 </div>

trunk/roundcubemail/skins/larry/templates/settingsedit.html

@@ -1 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<roundcube:object name="doctype" value="html5" />
+<html>
 <head>
 <title><roundcube:object name="pagetitle" /></title>
@@ -10 +10 @@
 
 <div id="preferences-details" class="boxcontent">
-<roundcube:object name="userprefs" form="form" class="propform" cellspacing="0" />
+<roundcube:object name="userprefs" form="form" class="propform" />
 </div>