[Rt-commit] rt branch, titlebox-title-tweaks, created. rt-3.9.7-884-g4147adb
Thomas Sibley
trs at bestpractical.com
Wed Dec 15 14:31:30 EST 2010
The branch, titlebox-title-tweaks has been created
at 4147adb3435bfb3397a73c0875fb1d9b2277aed2 (commit)
- Log -----------------------------------------------------------------
commit 4147adb3435bfb3397a73c0875fb1d9b2277aed2
Author: Thomas Sibley <trs at bestpractical.com>
Date: Wed Dec 15 14:28:17 2010 -0500
Refresh the titlebox title tabs a little for aileron
The rollup/down arrows are now sprites so we can use a different color
in aileron but preserve the original color for older themes.
The top padding on .titlebox-content is a little much when there isn't a
right side links bar. But without it most content runs into the link
bar.
Still needs testing in IE and undoubtedly fixes.
diff --git a/share/html/NoAuth/css/aileron/boxes.css b/share/html/NoAuth/css/aileron/boxes.css
index f906b27..aa15c43 100644
--- a/share/html/NoAuth/css/aileron/boxes.css
+++ b/share/html/NoAuth/css/aileron/boxes.css
@@ -46,22 +46,21 @@
%#
%# END BPS TAGGED BLOCK }}}
.titlebox {
- border-left: 1px solid #ccc;
- border-top: 1px solid #ccc;
- background-color: #efefef;
- padding-top: 1em;
margin-top: 1em;
margin-left: 1em;
- -moz-border-radius: 0.5em;
- -webkit-border-radius: 0.5em;
- margin-bottom: 2em;
- border-bottom: 2px solid #aaa;
- border-right: 2px solid #aaa;
- padding-right: 1em;
-
-
- border-radius: 0.5em;
+ margin-bottom: 2em;
+}
+.titlebox .titlebox-content {
+ border-left: 1px solid #ccc;
+ border-top: 1px solid #ccc;
+ background-color: #efefef;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+ border-bottom: 2px solid #aaa;
+ border-right: 2px solid #aaa;
+ border-radius: 0.5em;
+ padding: 1.5em 1em 1em 1em;
}
* html .titlebox {
@@ -71,12 +70,15 @@
.titlebox .titlebox {
- background-color: #ffffff;
margin-top: 1em;
margin-right: 0.25em;
}
+.titlebox .titlebox .titlebox-content {
+ background-color: white;
+}
+
.titlebox {
margin-left: 0em;
@@ -89,11 +91,6 @@
.titlebox .titlebox-title {
position: relative;
- margin-top: -1.5em;
- padding-bottom: 0.25em;
- padding-left: 1em;
- margin-right: -1em;
-
}
.titlebox .titlebox-title a {
@@ -107,21 +104,24 @@
}
+.titlebox.rolled-up .titlebox-title {
+ border-bottom: 1px solid #ccc;
+}
+
+.titlebox.rolled-up .titlebox-title .right {
+ display: none;
+}
+
.titlebox .titlebox-title .left {
font-weight: bold;
background: #ccc;
- margin-left: 0.75em;
- padding:0.5em;
- padding-left: 0.75em;
- padding-right: 0.75em;
- -moz-border-radius: 0.5em;
- -webkit-border-radius: 0.5em;
- border-bottom: 2px solid #aaa;
- border-right: 2px solid #aaa;
-
- border-radius: 0.5em;
-
-
+/* position: absolute;
+ left: 0.75em;*/
+ margin-left: 1em;
+ padding: 0.25em 0.75em 0.25em 2em;
+ line-height: 1.5em;
+ -webkit-border-top-left-radius: 0.3em;
+ -webkit-border-top-right-radius: 0.3em;
}
.titlebox .titlebox-title .right-empty {
@@ -130,8 +130,8 @@
.titlebox .titlebox-title .right {
position: absolute;
- right: 0;
- top: 0.5em;
+ right: 2px;
+ top: 1.75em;
font-size: 0.9em;
background: #dedede;
border-left: 1px solid #ccc;
@@ -157,36 +157,22 @@
color: #000;
}
-.titlebox .titlebox-content {
- padding-top: 0.5em;
- padding-left: 1em;
- padding-bottom: 1em;
-
-}
-
.titlebox .titlebox-title .widget a {
display: block;
margin: 0;
- margin-top: 0.5em;
width: 20px;
- background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center center;
-
+ background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat;
+ background-position: center 0;
+
position: absolute;
- top: -1em;
- left: 0.15em;
- float: left;
-
- padding: 11px 0 0 0;
+ top: 0.5em;
+ left: 1.2em;
+
+ padding: 7px 0 0 0;
overflow: hidden;
}
-* html .titlebox .titlebox-title .widget a {
- background-position: center 0.3em;
- top: 0em;
- left: -1.5em;
-}
-
.titlebox.rolled-up .titlebox-title .widget a {
background-image: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rolldown-arrow.gif);
}
diff --git a/share/html/NoAuth/css/aileron/forms.css b/share/html/NoAuth/css/aileron/forms.css
new file mode 100644
index 0000000..fc3675c
--- /dev/null
+++ b/share/html/NoAuth/css/aileron/forms.css
@@ -0,0 +1,26 @@
+/* These override the base titlebox rules in base/forms.css. They try not to
+ duplicate properties. */
+
+div.error .titlebox-title span.left {
+ border: none;
+}
+
+div.results .titlebox {
+ border: none;
+ background: none;
+}
+
+div.results .titlebox-content {
+ border: 1px solid #aa9;
+ border-bottom: 2px solid #990;
+ border-right: 2px solid #990;
+}
+
+div.results .titlebox-title .left {
+ border: solid #aa9;
+ border-width: 1px 1px 0 1px;
+}
+
+div.results .titlebox-content {
+ background: #ffc;
+}
diff --git a/share/html/NoAuth/css/aileron/login.css b/share/html/NoAuth/css/aileron/login.css
new file mode 100644
index 0000000..f7de8f3
--- /dev/null
+++ b/share/html/NoAuth/css/aileron/login.css
@@ -0,0 +1,3 @@
+#login-box .titlebox-title .left {
+ padding-left: 0.75em;
+}
diff --git a/share/html/NoAuth/css/aileron/main.css b/share/html/NoAuth/css/aileron/main.css
index 995db8b..00c2f02 100644
--- a/share/html/NoAuth/css/aileron/main.css
+++ b/share/html/NoAuth/css/aileron/main.css
@@ -53,6 +53,8 @@
@import "layout.css";
@import "nav.css";
@import "boxes.css";
+ at import "forms.css";
+ at import "login.css";
@import "ticket-lists.css";
@import "ticket-search.css";
@import "ticket.css";
diff --git a/share/html/NoAuth/css/aileron/ticket.css b/share/html/NoAuth/css/aileron/ticket.css
index e201247..211135c 100644
--- a/share/html/NoAuth/css/aileron/ticket.css
+++ b/share/html/NoAuth/css/aileron/ticket.css
@@ -190,8 +190,7 @@ div#ticket-history .messagebody .messagebody{
.ticket-transaction.other .type { background: #abc; }
-
-
+/* Color the titlebox tabs */
.ticket-info-cfs .titlebox-title .left { background-color: #b32; color: #fff;}
.ticket-info-basics .titlebox-title .left { background-color: #b32; color: #fff;}
.ticket-info-people .titlebox-title .left { background-color: #48c; color: #fff;}
@@ -201,6 +200,16 @@ div#ticket-history .messagebody .messagebody{
.ticket-info-dates .titlebox-title .left { background-color: #633063; color: #fff;}
.ticket-info-attachments .titlebox-title .left { background-color: #993366; color: #fff;}
+/* Use a lighter colored toggle arrow */
+.ticket-info-cfs .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-basics .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-people .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-requestor .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-links .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-reminders .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-dates .titlebox-title .widget a { background-position: center -7px; }
+.ticket-info-attachments .titlebox-title .widget a { background-position: center -7px; }
+
.ticket-summary .titlebox-title .left a, .ticket-summary .titlebox-title .left a:visited { color: #fff;}
diff --git a/share/html/NoAuth/css/ballard/boxes.css b/share/html/NoAuth/css/ballard/boxes.css
index 87066b2..45ea79e 100644
--- a/share/html/NoAuth/css/ballard/boxes.css
+++ b/share/html/NoAuth/css/ballard/boxes.css
@@ -160,22 +160,21 @@
.titlebox .titlebox-title .widget a {
display: block;
margin: 0;
- margin-top: 0.5em;
+ margin-top: 0.6em;
width: 20px;
- background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center center;
+ background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center 0;
position: absolute;
top: -1em;
left: 0.15em;
float: left;
- padding: 11px 0 0 0;
+ padding: 7px 0 0 0;
overflow: hidden;
}
* html .titlebox .titlebox-title .widget a {
- background-position: center 0.3em;
top: 0em;
left: -1.5em;
}
diff --git a/share/html/NoAuth/css/web2/boxes.css b/share/html/NoAuth/css/web2/boxes.css
index d3f055b..dc3c9ff 100644
--- a/share/html/NoAuth/css/web2/boxes.css
+++ b/share/html/NoAuth/css/web2/boxes.css
@@ -167,22 +167,21 @@
.titlebox .titlebox-title .widget a {
display: block;
margin: 0;
- margin-top: 0.5em;
+ margin-top: 0.6em;
width: 20px;
- background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center center;
+ background: url(<%RT->Config->Get('WebPath')%>/NoAuth/images/css/rollup-arrow.gif) no-repeat center 0;
position: absolute;
top: -1em;
left: 0.15em;
float: left;
- padding: 11px 0 0 0;
+ padding: 7px 0 0 0;
overflow: hidden;
}
* html .titlebox .titlebox-title .widget a {
- background-position: center 0.3em;
top: 0em;
left: -1.5em;
}
diff --git a/share/html/NoAuth/images/css/rolldown-arrow.gif b/share/html/NoAuth/images/css/rolldown-arrow.gif
index 3c296dc..181ab86 100644
Binary files a/share/html/NoAuth/images/css/rolldown-arrow.gif and b/share/html/NoAuth/images/css/rolldown-arrow.gif differ
diff --git a/share/html/NoAuth/images/css/rollup-arrow.gif b/share/html/NoAuth/images/css/rollup-arrow.gif
index f009ff4..2daaa55 100644
Binary files a/share/html/NoAuth/images/css/rollup-arrow.gif and b/share/html/NoAuth/images/css/rollup-arrow.gif differ
-----------------------------------------------------------------------
More information about the Rt-commit
mailing list