You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@wicket.apache.org by ad...@apache.org on 2017/11/02 21:19:36 UTC
wicket git commit: fix to css for wizard example
Repository: wicket
Updated Branches:
refs/heads/WICKET-6490 bfdbf3205 -> f48dab0ce
fix to css for wizard example
Project: http://git-wip-us.apache.org/repos/asf/wicket/repo
Commit: http://git-wip-us.apache.org/repos/asf/wicket/commit/f48dab0c
Tree: http://git-wip-us.apache.org/repos/asf/wicket/tree/f48dab0c
Diff: http://git-wip-us.apache.org/repos/asf/wicket/diff/f48dab0c
Branch: refs/heads/WICKET-6490
Commit: f48dab0ced4f714505b8dc1b80f55cdfd8af01ab
Parents: bfdbf32
Author: Andrea Del Bene <ad...@apache.org>
Authored: Thu Nov 2 22:19:11 2017 +0100
Committer: Andrea Del Bene <ad...@apache.org>
Committed: Thu Nov 2 22:19:11 2017 +0100
----------------------------------------------------------------------
.../apache/wicket/examples/wizard/Wizard.css | 3 -
wicket-examples/src/main/webapp/style.css | 223 +++++++++++++++++++
2 files changed, 223 insertions(+), 3 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/wicket/blob/f48dab0c/wicket-examples/src/main/java/org/apache/wicket/examples/wizard/Wizard.css
----------------------------------------------------------------------
diff --git a/wicket-examples/src/main/java/org/apache/wicket/examples/wizard/Wizard.css b/wicket-examples/src/main/java/org/apache/wicket/examples/wizard/Wizard.css
index 514cf26..2ce6295 100644
--- a/wicket-examples/src/main/java/org/apache/wicket/examples/wizard/Wizard.css
+++ b/wicket-examples/src/main/java/org/apache/wicket/examples/wizard/Wizard.css
@@ -14,9 +14,6 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
-.wizard-form {
- width: 600px;
-}
.wizard-form > form {
border: thin solid black;
padding: 1px;
http://git-wip-us.apache.org/repos/asf/wicket/blob/f48dab0c/wicket-examples/src/main/webapp/style.css
----------------------------------------------------------------------
diff --git a/wicket-examples/src/main/webapp/style.css b/wicket-examples/src/main/webapp/style.css
index 3498560..8d3954b 100644
--- a/wicket-examples/src/main/webapp/style.css
+++ b/wicket-examples/src/main/webapp/style.css
@@ -256,6 +256,7 @@ input::-moz-focus-inner {
.button,
input[type=submit],
input[type=reset],
+input[type=button],
button, .button--neutral,
input[type=submit].button--neutral,
button.button--neutral, .button--success,
@@ -288,6 +289,7 @@ button.button--alert {
.button,
input[type=submit],
input[type=reset],
+input[type=button],
button {
background: #FF9925;
color: #fff; }
@@ -1063,3 +1065,224 @@ table.dataview tr th.wicket_orderNone {
table.dataview tr th a { font-weight: normal; }
table.dataview #message { padding-left: 3px; }
table.dataview caption { padding-bottom: 2px; }
+
+/* TAB PANEL STYLES */
+
+div.tabpanel div.tab-row{
+ float:left;
+ width:100%;
+ background:#DAE0D2 url("tabs/bg.gif") repeat-x bottom;
+ line-height:normal;
+ }
+
+div.tabpanel div.tab-row ul {
+ margin:0;
+ padding:10px 10px 0;
+ list-style:none;
+ }
+
+div.tabpanel div.tab-row li {
+ float:left;
+ background:url("tabs/left.gif") no-repeat left top;
+ margin:0;
+ padding:0 0 0 9px;
+ }
+
+div.tabpanel div.tab-row a {
+ display:block;
+ background:url("tabs/right.gif") no-repeat right top;
+ padding:5px 15px 4px 6px;
+ text-decoration:none;
+ font-weight:bold;
+ white-space:nowrap;
+ color:#eee;
+ }
+
+div.tab-panel {
+ clear: left;
+}
+
+div.tabpanel div.tab-row a:hover {
+ color:#fff;
+ }
+
+div.tabpanel div.tab-row li.selected {
+ background-image:url("tabs/left_on.gif");
+ }
+
+div.tabpanel div.tab-row li.selected a {
+ background-image:url("tabs/right_on.gif");
+ color:#333;
+ padding-bottom:5px;
+ }
+
+/* VARIATION 1 TAB PANEL STYLES */
+div.tabpanel1 div.tab-row{
+ float:left;
+ width:100%;
+ background:#DAE0D2 url("tabs1/bg.gif") repeat-x bottom;
+ line-height:normal;
+ }
+
+div.tabpanel1 div.tab-row ul {
+ margin:0;
+ padding:10px 10px 0;
+ list-style:none;
+ }
+
+div.tabpanel1 div.tab-row li {
+ float:left;
+ background:url("tabs1/left.gif") no-repeat left top;
+ margin:0;
+ padding:0 0 0 9px;
+ }
+
+div.tabpanel1 div.tab-row a {
+ display:block;
+ background:url("tabs1/right.gif") no-repeat right top;
+ padding:5px 15px 4px 6px;
+ text-decoration:none;
+ font-weight:bold;
+ color:#765;
+ white-space:nowrap;
+ }
+
+div.tabpanel1 div.tab-row a:hover {
+ color:#333;
+ }
+
+div.tabpanel1 div.tab-row li.selected {
+ background-image:url("tabs1/left_on.gif");
+ }
+
+div.tabpanel1 div.tab-row li.selected a {
+ background-image:url("tabs1/right_on.gif");
+ color:#333;
+ padding-bottom:5px;
+ }
+
+/* TABBED PANEL VARIATION 2 */
+div.tabpanel2 div.tab-row {
+ float:left;
+ width:100%;
+ background:#369 url("tabs2/bg.gif") repeat-x bottom;
+ font-size:85%;
+ line-height:normal;
+ }
+div.tabpanel2 div.tab-row ul {
+ margin:0;
+ padding:10px 10px 0;
+ list-style:none;
+ }
+div.tabpanel2 div.tab-row li {
+ float:left;
+ background:url("tabs2/right.gif") no-repeat right top;
+ margin:0;
+ padding:0 5px 0 0;
+ }
+div.tabpanel2 div.tab-row a {
+ float:left;
+ display:block;
+ background:url("tabs2/left.gif") no-repeat left top;
+ padding:5px 7px 4px 20px;
+ text-decoration:none;
+ font-weight:bold;
+ color:#9cf;
+ white-space:nowrap;
+ }
+/* Commented Backslash Hack
+ hides rule from IE5-Mac \*/
+div.tabpanel2 div.tab-row a {float:none;}
+/* End IE5-Mac hack */
+div.tabpanel2 div.tab-row a:hover {
+ color:#fff;
+ }
+div.tabpanel2 div.tab-row li.selected {
+ background-image:url("tabs2/right_on.gif");
+ }
+div.tabpanel2 div.tab-row li.selected a {
+ background-image:url("tabs2/left_on.gif");
+ color:#333;
+ padding-bottom:5px;
+ }
+
+/* TABBED PANEL VARIATION 3 */
+div.tabpanel3 div.tab-row {
+ float:left;
+ width:100%;
+ background:#eee url("tabs3/bg.jpg") repeat-x top;
+ line-height:normal;
+ }
+div.tabpanel3 div.tab-row ul {
+ margin:0;
+ padding:10px 10px 0;
+ list-style:none;
+ }
+div.tabpanel3 div.tab-row li {
+ float:left;
+ background:url("tabs3/left.gif") no-repeat left top;
+ margin:0;
+ padding:0 0 0 28px;
+ }
+div.tabpanel3 div.tab-row a {
+ float:left;
+ display:block;
+ background:url("tabs3/right.gif") no-repeat right top;
+ padding:9px 28px 4px 0px;
+ text-decoration:none;
+ font-weight:bold;
+ color:#92A2AC;
+ }
+/* Commented Backslash Hack
+ hides rule from IE5-Mac \*/
+div.tabpanel3 div.tab-row a {float:none;}
+/* End IE5-Mac hack */
+div.tabpanel3 div.tab-row a:hover {
+ color:#A56060;
+ }
+div.tabpanel3 div.tab-row li.selected {
+ background-image:url("tabs3/left_on.gif");
+ }
+div.tabpanel3 div.tab-row li.selected a {
+ background-image:url("tabs3/right_on.gif");
+ color:#A56060;
+ }
+
+
+
+div.tabpanel4 div.tab-row ul {
+ height: 20px;
+ margin: 0;
+ padding-left: 10px;
+ background: url( tabs4/tab_bottom.gif ) repeat-x bottom;
+}
+
+div.tabpanel4 div.tab-row li {
+ margin: 0;
+ padding: 0;
+ display: inline;
+ list-style-type: none;
+}
+
+div.tabpanel4 div.tab-row a:link, div.tabpanel4 div.tab-row a:visited {
+ float: left;
+ background: #f3f3f3;
+ font-size: 12px;
+ line-height: 14px;
+ font-weight: bold;
+ padding: 2px 10px 2px 10px;
+ margin-right: 4px;
+ border: 1px solid #ccc;
+ text-decoration: none;
+ color: #666;
+}
+
+div.tabpanel4 div.tab-row li.selected a:link, div.tabpanel4 div.tab-row a:visited.active {
+ border-bottom: 1px solid #fff;
+ background: #fff;
+ color: #000;
+}
+
+div.tabpanel4 div.tab-row a:hover {
+ background: #fff;
+}