[Rt-commit] r11146 - in rt/branches/3.8-TESTING: . html/NoAuth/css/web2/yui
jesse at bestpractical.com
jesse at bestpractical.com
Thu Mar 20 17:14:56 EDT 2008
Author: jesse
Date: Thu Mar 20 17:14:56 2008
New Revision: 11146
Added:
rt/branches/3.8-TESTING/html/NoAuth/css/web2/InHeader
rt/branches/3.8-TESTING/html/NoAuth/css/web2/background-gradient.png (contents, props changed)
rt/branches/3.8-TESTING/html/NoAuth/css/web2/gradient-glossy.png (contents, props changed)
rt/branches/3.8-TESTING/html/NoAuth/css/web2/yui/
rt/branches/3.8-TESTING/html/NoAuth/css/web2/yui-fonts.css
rt/branches/3.8-TESTING/html/NoAuth/css/web2/yui-reset-fonts-grids.css
Modified:
rt/branches/3.8-TESTING/ (props changed)
rt/branches/3.8-TESTING/html/NoAuth/css/web2/boxes.css
rt/branches/3.8-TESTING/html/NoAuth/css/web2/forms.css
rt/branches/3.8-TESTING/html/NoAuth/css/web2/layout.css
rt/branches/3.8-TESTING/html/NoAuth/css/web2/main.css
rt/branches/3.8-TESTING/html/NoAuth/css/web2/nav.css
rt/branches/3.8-TESTING/html/NoAuth/css/web2/ticket-search.css
Log:
r28462 at 31b: jesse | 2008-03-20 17:12:36 -0400
* updates to the 'web2' style. now closer to useful
Added: rt/branches/3.8-TESTING/html/NoAuth/css/web2/InHeader
==============================================================================
--- (empty file)
+++ rt/branches/3.8-TESTING/html/NoAuth/css/web2/InHeader Thu Mar 20 17:14:56 2008
@@ -0,0 +1,3 @@
+<!--[if lt IE 8]>
+<script type="text/javascript" src="<%RT->Config->Get('WebPath')%>/NoAuth/js/ie7/IE8.js"></script>
+<![endif]-->
Added: rt/branches/3.8-TESTING/html/NoAuth/css/web2/background-gradient.png
==============================================================================
Binary file. No diff available.
Modified: rt/branches/3.8-TESTING/html/NoAuth/css/web2/boxes.css
==============================================================================
--- rt/branches/3.8-TESTING/html/NoAuth/css/web2/boxes.css (original)
+++ rt/branches/3.8-TESTING/html/NoAuth/css/web2/boxes.css Thu Mar 20 17:14:56 2008
@@ -3,9 +3,10 @@
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;
}
@@ -15,17 +16,18 @@
padding-top: 1em;
margin-top: 1em;
-moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
margin-right: 1em;
-
}
.titlebox .titlebox-title {
- font-size: 1.5em;
- margin-top: -1.1em;
+ position: relative;
+ margin-top: -1.5em;
padding-bottom: 0.25em;
- padding-left: 0.5em;
+ padding-left: 1em;
+
}
.titlebox .titlebox-title a {
@@ -39,26 +41,47 @@
}
+
+.titlebox .titlebox-title .left {
+ background: #ccc;
+ padding:0.2em;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ -moz-border-radius: 0.2em;
+ -webkit-border-radius: 0.2em;
+
+}
+
.titlebox .titlebox-title .right-empty {
display:none;
}
.titlebox .titlebox-title .right {
- position: relative;
-
- float: right;
+ position: absolute;
+ right: 0;
+ top: 0.9em;
+ /*float: right;
margin-top: -1em;
- margin-right: 0em;
+ margin-right: 0em; */
font-size: 0.6em;
background: #dedede;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
- padding: 0.25em;
+ padding-right: 0.4em;
+ padding-left: 0.4em;
+ padding-bottom: 0.2em;
+ padding-top: 0.2em;
+ -moz-border-radius-bottomleft: 0.25em;
+ -webkit-border-bottom-left-radius: 0.25em;
+
+
-moz-border-radius-bottomleft: 0.25em;
+ -webkit-border-bottom-left-radius: 0.25em;
}
.titlebox .titlebox-content {
+ padding-top: 0.5em;
padding-left: 1em;
padding-bottom: 1em;
@@ -78,28 +101,18 @@
text-indent: -9999px;
position: absolute;
- top: 0.4em;
- left: 0.75em;
+ top: -0.5em;
+ left: -0.5em;
float: left;
- /* WIN IE5 hack */
- height: 7px;
- voice-family: "\"}\"";
- voice-family: inherit;
- height: 0;
- overflow: hidden;
-}
-
-html>body .titlebox .titlebox-title .widget a {
- height: 0;
- overflow: hidden;
}
* html .titlebox .titlebox-title .widget a {
background-position: center 0.3em;
- left: -3.5em;
+ left: -1.5em;
}
.titlebox.rolled-up .titlebox-title .widget a {
background-image: url(/NoAuth/images//css/rolldown-arrow.gif);
}
+
Modified: rt/branches/3.8-TESTING/html/NoAuth/css/web2/forms.css
==============================================================================
--- rt/branches/3.8-TESTING/html/NoAuth/css/web2/forms.css (original)
+++ rt/branches/3.8-TESTING/html/NoAuth/css/web2/forms.css Thu Mar 20 17:14:56 2008
@@ -1,3 +1,12 @@
+
+form {
+
+ background: none;
+ border: none;
+ margin: none;
+}
+
+
.input-row .label {
display: inline-block;
position: relative;
@@ -16,10 +25,12 @@
padding-right: 0.5em;
}
-input[class=button] {
+input[type=reset], input[type=submit], input[class=button] {
color: #fff;
background: #003EBA;
padding: 0.25em;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
}
Added: rt/branches/3.8-TESTING/html/NoAuth/css/web2/gradient-glossy.png
==============================================================================
Binary file. No diff available.
Modified: rt/branches/3.8-TESTING/html/NoAuth/css/web2/layout.css
==============================================================================
--- rt/branches/3.8-TESTING/html/NoAuth/css/web2/layout.css (original)
+++ rt/branches/3.8-TESTING/html/NoAuth/css/web2/layout.css Thu Mar 20 17:14:56 2008
@@ -6,40 +6,32 @@
margin:0;
background-color: #003EBA;
+ background: #003eba url(background-gradient.png) top left repeat-x ;
font-family: helvetica, arial, sans-serif;
}
div#body {
padding: 1em;
- padding-top: 1.5em;
- -moz-border-radius-topleft: 0.5em;
- -moz-border-radius-bottomleft: 0.5em;
-
- margin-left: 10em;
- margin-top: 0em;
+ padding-top: .5em;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+ margin-left: 9.8em;
+ margin-top: 4.9em;
+ margin-right: 1em;
margin-bottom: 0em;
- min-height: 20em;
+ min-height: 10%;
background: #fefefe;
}
-div#quickbar {
- background: #eee;
- padding-top: 1em;
- padding-left: 1em;
- padding-bottom: 0.5em;
- border-bottom: 1px solid #ccc;
-
-}
-
#topactions {
-
position: absolute;
right: 1em;
- top: 3em;
+ top: 3.5em;
+ font-size: 0.8em;
}
#topactions form {
@@ -49,35 +41,39 @@
.topaction form#CreateTicketInQueue {
position: absolute;
- right: 10em;
- left: -13.25em;
-
+ top: 0;
+ right: 20em;
+ left: -42.25em;
+ text-align: right;
}
.topaction form#CreateTicketInQueue:after {
padding-left:0.5em;
- content: """;
+ content: "";
color: #fff;
}
div#footer {
+ position: absolute;
+ right: 0;
font-size: 0.8em;
margin-top: 2em;
background: #fff;
margin-bottom: 0;
- spacing-bottom: 0;
- padding-bottom: 1em;
- padding-left: 1em;
+ padding-left: 3em;
padding-right: 1em;
+ -moz-border-radius-topleft: 0.5em;
+ -webkit-border-top-left-radius: 0.5em;
+ -moz-border-radius-bottomleft: 0.5em;
+ -webkit-border-bottom-left-radius: 0.5em;
}
div#footer #time {
-display: none
+display: none ;
}
div#footer #bpscredits {
- padding-top: 1em;
text-align: right;
}
@@ -97,15 +93,44 @@
}
div#logo .rtname {
position: absolute;
+ font-weight: bold;
top: 1em;
+ left: 1em;
+}
+
+
+div#quickbar, div#logo {
+ font-size: 0.8em;
+}
+div#quickbar a, div#logo a {
+ color: #000;
+ text-decoration: none;
+}
+
+
+div#quickbar {
+ background: #eee;
+ padding-top: 1em;
+ padding-left: 1em;
+ padding-bottom: 0.5em;
+ height: 1em;
+ border-bottom: 1px solid #ccc;
+
+}
+div#quick-personal {
+ position: absolute;
right: 1em;
+ top: 1em;
}
div#header h1 {
+ position: absolute;
+ left: 6.8em;
+ top: 2.em;
+ font-size: 1.4em;
margin-top: 0.125em;
padding: 0.25em;
color: #fff;
- margin-bottom: -0.5em;
-}
\ No newline at end of file
+}
Modified: rt/branches/3.8-TESTING/html/NoAuth/css/web2/main.css
==============================================================================
--- rt/branches/3.8-TESTING/html/NoAuth/css/web2/main.css (original)
+++ rt/branches/3.8-TESTING/html/NoAuth/css/web2/main.css Thu Mar 20 17:14:56 2008
@@ -1,3 +1,5 @@
+ at import "yui-reset.css";
+ at import "yui-fonts.css";
@import "base.css";
@import "layout.css";
Modified: rt/branches/3.8-TESTING/html/NoAuth/css/web2/nav.css
==============================================================================
--- rt/branches/3.8-TESTING/html/NoAuth/css/web2/nav.css (original)
+++ rt/branches/3.8-TESTING/html/NoAuth/css/web2/nav.css Thu Mar 20 17:14:56 2008
@@ -2,25 +2,54 @@
div#nav {
position: absolute;
left: 0;
- font-size: 80%;
- top: 7.2em;
+ font-size: 0.8em;
+ top: 3.2em;
width: 11em;
background: #fff;
-moz-border-radius-bottomright: 0.5em;
+ -webkit-border-bottom-right-radius: 0.5em;
+ -moz-border-radius-topright: 0.5em;
+ -webkit-border-top-right-radius: 0.5em;
+ z-index: 1;
}
div#nav ul {
- padding-left: 0.5em;
+ padding-left: 0.75em;
margin-left: 0;
- padding-right: 0.5em;
- list-style-type: none;
+ padding-right: 0.75em;
+ list-style-type: none;
+}
+
+div#nav li:first-child {
+ border-top: 1px solid #ccc;
+ padding-top: 0.25em;
}
div#nav li {
padding: 0.125em;
+ padding-bottom: 0.25em;
+ margin-bottom: 0.25em;
+ border-bottom: 1px solid #ccc;
+ padding-left: 0.5em;
+ margin-right: 0.25em;
+ margin-left: 0em;
+}
+
+div#nav li li:first-child {
+ margin-top: 0.25em;
+}
+div#nav li li {
+ margin-left: -0.5em;
+ padding-left: 1em;
+ margin-right: -0.5em;
+}
+div#nav li li:last-child {
+ margin-bottom: 0;
+ padding-bottom: 0;
+ border: none;
}
div#nav .bullet {
@@ -54,7 +83,9 @@
div#page-navigation {
background: white;
-
+ position: relative;
+ width:100%;
+ z-index: 0 ;
}
@@ -63,24 +94,41 @@
}
-div#page-navigation ul#page-menu{
- padding-left: 9em;
+div#page-navigation ul#page-menu {
+ display: block;
+ position: absolute;
+ left: 8.5em;
+ font-size: 0.8em;
+ top: 2.3em;
+ height: 1em;
+ background-color: white;
+ right: 0em;
padding-top:0.5em;
- padding-bottom:0.5em;
+ padding-bottom:0.75em;
+}
+/* ie hack */
+* html div#page-navigation ul#page-menu {
+ left: 6.5em;
+ top: 3.2em;
+ padding-left: 2em;
}
+
div#page-navigation ul#actions-menu {
- float: right;
+ position: absolute;
+ right: 1em;
+ top: 4.9em;
margin-top: 0em;
- padding: 0.5em;
-
- spacing: 0;
+ padding: 0.25em;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
background: #dedede;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-moz-border-radius-bottomleft: 0.5em;
+ -webkit-border-bottom-left-radius: 0.5em;
}
Modified: rt/branches/3.8-TESTING/html/NoAuth/css/web2/ticket-search.css
==============================================================================
--- rt/branches/3.8-TESTING/html/NoAuth/css/web2/ticket-search.css (original)
+++ rt/branches/3.8-TESTING/html/NoAuth/css/web2/ticket-search.css Thu Mar 20 17:14:56 2008
@@ -1,22 +1,25 @@
+
+
#comp-Search-Build #editquery, #comp-Search-Build #editsearches{
+ margin-top: 0.2em;
width: 40%;
float: right;
clear: both;
- margin-top: -1em;
+/* margin-top: -1em; */
}
#comp-Search-Build #editsearches {
-padding-top: 1em;
}
#comp-Search-Build #pick-criteria {
width: 58%;
+ padding-top: 0.2em;
overflow: hidden;
-
+ margin-top: -0.1em;
}
#comp-Search-Build .submit {
@@ -27,4 +30,4 @@
#comp-Search-Build #formatbuttons {
width: 100%;
-}
\ No newline at end of file
+}
Added: rt/branches/3.8-TESTING/html/NoAuth/css/web2/yui-fonts.css
==============================================================================
--- (empty file)
+++ rt/branches/3.8-TESTING/html/NoAuth/css/web2/yui-fonts.css Thu Mar 20 17:14:56 2008
@@ -0,0 +1,7 @@
+/*
+Copyright (c) 2008, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.5.1
+*/
+body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
Added: rt/branches/3.8-TESTING/html/NoAuth/css/web2/yui-reset-fonts-grids.css
==============================================================================
--- (empty file)
+++ rt/branches/3.8-TESTING/html/NoAuth/css/web2/yui-reset-fonts-grids.css Thu Mar 20 17:14:56 2008
@@ -0,0 +1,8 @@
+/*
+Copyright (c) 2008, Yahoo! Inc. All rights reserved.
+Code licensed under the BSD License:
+http://developer.yahoo.net/yui/license.txt
+version: 2.5.1
+*/
+html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
+body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
\ No newline at end of file
More information about the Rt-commit
mailing list