You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@tapestry.apache.org by jk...@apache.org on 2006/07/09 14:35:11 UTC
svn commit: r420284 - in
/tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css:
exception.css workbench.css
Author: jkuhnert
Date: Sun Jul 9 05:35:11 2006
New Revision: 420284
URL: http://svn.apache.org/viewvc?rev=420284&view=rev
Log:
Addition of css rules for handling exception/alert dialogs as well as form validation class definitions
Added:
tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/exception.css (with props)
Modified:
tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/workbench.css
Added: tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/exception.css
URL: http://svn.apache.org/viewvc/tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/exception.css?rev=420284&view=auto
==============================================================================
--- tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/exception.css (added)
+++ tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/exception.css Sun Jul 9 05:35:11 2006
@@ -0,0 +1,44 @@
+.exceptionDialog {
+ overflow: auto;
+ display: block;
+ margin-left: 5%;
+ margin-right: 5%;
+ height: 500px;
+ background-color: white;
+ border-left: 2px solid #E07000;
+ border-right: 2px solid #E07000;
+ border-bottom: 2px solid #E07000;
+ -moz-border-radius-bottomright: 10px;
+ -moz-border-radius-bottomleft: 10px;
+}
+
+.exceptionCloseLink {
+ display: block;
+ margin-left: 5%;
+ margin-right: 5%;
+ background-color: ThreeDFace;
+ padding-top: 3px;
+ padding-left: 5px;
+ padding-bottom: 3px;
+ font-weight: bold;
+ color: #000000;
+ cursor: pointer;
+ cursor: hand;
+ border-left: 2px solid #E07000;
+ border-right: 2px solid #E07000;
+ border-top: 2px solid #E07000;
+ -moz-border-radius-topright: 10px;
+ -moz-border-radius-topleft: 10px;
+}
+
+.alertDialog {
+ width: 50%;
+ border: 2px solid #ff660a;
+ padding: 1em;
+ padding-bottom: 1.7em;
+ background: #ffffff;
+}
+
+.alertDialog .dojoButton {
+ float: right;
+}
\ No newline at end of file
Propchange: tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/exception.css
------------------------------------------------------------------------------
svn:eol-style = native
Modified: tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/workbench.css
URL: http://svn.apache.org/viewvc/tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/workbench.css?rev=420284&r1=420283&r2=420284&view=diff
==============================================================================
--- tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/workbench.css (original)
+++ tapestry/tapestry4/trunk/tapestry-examples/Workbench/src/context/css/workbench.css Sun Jul 9 05:35:11 2006
@@ -1,195 +1,199 @@
-SPAN.label-error
-{
- color: Red;
+@import url("exception.css");
+
+SPAN.label-error {
+ color: Red;
}
label.error {
- color: red;
- font-style: oblique;
+ color: red;
+ font-style: oblique;
}
-.field-error
-{
- color: White;
- background-color: Red;
+.field-error {
+ color: White;
+ background-color: Red;
}
-TABLE.inputerror TD.message
-{
- font-weight: bold;
- font-size: smaller;
+TABLE.inputerror TD.message {
+ font-weight: bold;
+ font-size: smaller;
}
-TABLE.content
-{
- background-color: #ffffcc;
- border-color : Black;
- border-style : solid;
- border-width : thin;
- border-top-width : 0px;
- border-bottom-width : 2px;
- border-right-width : 2px;
- border-left-width : 0px;
- font-size : smaller;
- clear: all;
- width: 700px;
+TABLE.content {
+ background-color: #ffffcc;
+ border-color: Black;
+ border-style: solid;
+ border-width: thin;
+ border-top-width: 0px;
+ border-bottom-width: 2px;
+ border-right-width: 2px;
+ border-left-width: 0px;
+ font-size: smaller;
+ clear: all;
+ width: 700px;
}
-
-TABLE.tabs TD
-{
- padding: 0px;
+TABLE.tabs TD {
+ padding: 0px;
}
-BODY
-{
- background-color: #808080;
- margin: 2px;
+BODY {
+ background-color: #808080;
+ margin: 2px;
}
-body, td, th {
- font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
- font-size: 9pt;
+body,td,th {
+ font-family: Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
+ font-size: 9pt;
}
-TABLE.requestDebug
-{
- width: 700;
- border-color : Black;
- border-style : solid;
- border-width : thin;
- border-top-width : 0px;
- border-bottom-width : 2px;
- border-right-width : 2px;
- border-left-width : 0px;
- background-color: #839cd1;
- padding: 0;
+TABLE.requestDebug {
+ width: 700;
+ border-color: Black;
+ border-style: solid;
+ border-width: thin;
+ border-top-width: 0px;
+ border-bottom-width: 2px;
+ border-right-width: 2px;
+ border-left-width: 0px;
+ background-color: #839cd1;
+ padding: 0;
}
-TABLE.requestDebug TR.control
-{
+TABLE.requestDebug TR.control {
font-weight: bold;
font-size: 9pt;
- color : White;
- background-color : #330066;
+ color: White;
+ background-color: #330066;
+}
+
+TABLE.requestDebug FORM {
+ margin: 0;
+}
+
+DIV.described-object-title {
+ font-size: large;
+ font-weight: bold;
+ color: white;
+ background-color: black;
+}
+
+TABLE.described-object {
+ border: 1px solid black;
+ width: 100%;
}
-TABLE.requestDebug FORM
-{
- margin: 0;
+TABLE.described-object TR.section TH {
+ color: white;
+ background-color: black;
+ text-align: center;
}
-DIV.described-object-title
-{
- font-size: large;
- font-weight: bold;
- color: white;
- background-color: black;
+TABLE.described-object TR.odd {
+ background-color: silver;
}
-TABLE.described-object
-{
- border: 1px solid black;
- width: 100%;
+TABLE.described-object TR.even {
+ background-color: #839cd1;
}
+TABLE.described-object TH {
+ text-align: right;
+ width: 1px;
+ //
+ Will
+ stretch
+ to
+ fit.
+}
-TABLE.described-object TR.section TH
-{
- color: white;
- background-color: black;
- text-align: center;
+TABLE.form TR {
+ vertical-align: top;
}
-TABLE.described-object TR.odd
-{
- background-color: silver;
+TABLE.form TH {
+ font-weight: bold;
+ text-align: right;
}
-TABLE.described-object TR.even
-{
- background-color: #839cd1;
+TABLE.form TR.column-header TH {
+ font-weight: bold;
+ text-align: center;
}
-TABLE.described-object TH
-{
- text-align: right;
- width: 1px; // Will stretch to fit.
+TABLE.palette TH {
+ font-size: 9pt;
+ font-weight: bold;
+ color: white;
+ background-color: #330066;
+ text-align: center;
}
-TABLE.form TR
-{
- vertical-align: top;
+TABLE.palette SELECT {
+ font-weight: bold;
+ background-color: #839cd1;
+ width: 200px;
}
-TABLE.form TH
-{
- font-weight: bold;
- text-align: right;
+TABLE.palette TD.controls {
+ text-align: center;
+ vertical-align: middle;
+ width: 60px;
}
-TABLE.form TR.column-header TH
-{
- font-weight: bold;
- text-align: center;
+TABLE.form {
+ font-size: 9pt;
}
-TABLE.palette TH
-{
- font-size: 9pt;
- font-weight: bold;
- color: white;
- background-color: #330066;
- text-align: center;
+A.nav {
+ font-family: Trebuchet MS, sans-serif;
+ text-decoration: none;
+ font-size: 12px;
+ font-weight: bold;
+ color: black;
}
-TABLE.palette SELECT
-{
- font-weight: bold;
- background-color: #839cd1;
- width: 200px;
+A.nav:hover {
+ text-decoration: underline;
}
-TABLE.palette TD.controls
-{
- text-align: center;
- vertical-align: middle;
- width: 60px;
+PRE {
+ font-size: 12pt;
}
-TABLE.form
-{
- font-size: 9pt;
+UL {
+ margin-top: 0px;
+ margin-bottom: 0px;
+ margin-left: 20px;
}
-A.nav
-{
- font-family: Trebuchet MS,sans-serif;
- text-decoration:none;
- font-size: 12px;
- font-weight: bold;
- color: black;
+IMG {
+ border: none;
}
-A.nav:hover
-{
- text-decoration:underline;
+.fieldMissing {
+ background: #bedef4;
+}
+
+.fieldInvalid {
+ background: #ffaf7e;
+ font-weight: bold;
}
-PRE
-{
- font-size: 12pt;
+.missingList, .invalidList {
+ padding: 0.6em;
+ padding-top: 0.2em;
}
-UL
-{
- margin-top: 0px;
- margin-bottom: 0px;
- margin-left: 20px;
+.missingList {
+ border-top: 4px solid #bedef4;
}
-IMG
-{
- border: none;
+.invalidList {
+ border-top: 4px solid #ffaf7e;
}
+.missingList li, .invalidList li {
+ list-style:none;
+ font-style:italic;
+}
\ No newline at end of file