Skip to content
This repository has been archived by the owner on Nov 9, 2017. It is now read-only.

Commit

Permalink
Merge branch '2.0-gui-preview' of github.com:zanata/zanata into 2.0-g…
Browse files Browse the repository at this point in the history 
…ui-preview
  • Loading branch information
Alex Eng committed Jun 7, 2012
2 parents 97c3d37 + ea77ba4 commit 3ab4d9d
Showing 1 changed file with 212 additions and 18 deletions.
230 changes: 212 additions & 18 deletions zanata-war/etc/gui-preview/test.html
View file
Expand Up @@ -269,8 +269,6 @@

.genericButton:hover
{
-webkit-box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
background: #CCC;
background: -moz-linear-gradient(top, white 0%, #DDD 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#DDD));
Expand All @@ -283,6 +281,8 @@

.genericButton:active
{
-webkit-box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
background: #CCC;
background: -moz-linear-gradient(top, #DDD 0%, white 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDD), color-stop(100%,white));
Expand Down Expand Up @@ -322,10 +322,23 @@

.greenBtn:hover
{
text-shadow: 0 1px 2px #114A1E, 0 1px 0 #114A1E;
border-color: #1D692D;
-webkit-box-shadow: inset 0 1px 1px #94DDA6, 0 1px 2px rgba(0, 0, 0, 0.61);
-moz-box-shadow: inset 0 1px 1px #94dda6, 0 1px 2px rgba(0,0,0,0.61);
box-shadow: inset 0 1px 1px #94DDA6, 0 1px 2px rgba(0, 0, 0, 0.61);
background: #68CE80;
background: -moz-linear-gradient(top, #68CE80 0%, #3CAE5A 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68CE80), color-stop(100%,#3CAE5A));
background: -webkit-linear-gradient(top, #68CE80 0%,#3CAE5A 100%);
background: -o-linear-gradient(top, #68CE80 0%,#3CAE5A 100%);
background: -ms-linear-gradient(top, #68CE80 0%,#3CAE5A 100%);
background: linear-gradient(top, #68CE80 0%,#3CAE5A 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68ce80', endColorstr='#3cae5a',GradientType=0 );
}

.greenBtn:active
{
background: #5DBB73;
background: -moz-linear-gradient(top, #2D9047 0%, #5DBB73 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2D9047), color-stop(100%,#5DBB73));
Expand All @@ -336,18 +349,6 @@
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d9047', endColorstr='#5dbb73',GradientType=0 );
}

.greenBtn:active
{
background: #68CE80;
background: -moz-linear-gradient(top, #3CAE5A 0%, #68CE80 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3CAE5A), color-stop(100%,#68CE80));
background: -webkit-linear-gradient(top, #3CAE5A 0%,#68CE80 100%);
background: -o-linear-gradient(top, #3CAE5A 0%,#68CE80 100%);
background: -ms-linear-gradient(top, #3CAE5A 0%,#68CE80 100%);
background: linear-gradient(top, #3CAE5A 0%,#68CE80 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cae5a', endColorstr='#68ce80',GradientType=0 );
}

.redBtn
{
border-color: #7D180A;
Expand Down Expand Up @@ -402,6 +403,60 @@
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93e23', endColorstr='#ed754e',GradientType=0 );
}

.blueBtn
{
border-color: #4770B0;
-webkit-box-shadow: inset 0 1px 1px #658ECE, 0 1px 2px rgba(0, 0, 0, 0.61);
-moz-box-shadow: inset 0 1px 1px #658ECE, 0 1px 2px rgba(0,0,0,0.61);
box-shadow: inset 0 1px 1px #658ECE, 0 1px 2px rgba(0, 0, 0, 0.61);
background: #153E7E;
background: -moz-linear-gradient(top, #4770B0 0%, #153E7E 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4770B0), color-stop(100%,#153E7E));
background: -webkit-linear-gradient(top, #4770B0 0%,#153E7E 100%);
background: -o-linear-gradient(top, #4770B0 0%,#153E7E 100%);
background: -ms-linear-gradient(top, #4770B0 0%,#153E7E 100%);
background: linear-gradient(top, #4770B0 0%,#153E7E 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4770b0', endColorstr='#153e7e',GradientType=0 );

/* Text (previously on an a tag) */
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 16px;
padding: 0 20px;
text-align: center;
text-decoration: none;
color: white;
text-shadow: 0 1px 2px #000242, 0 1px 0 #000242;
}

.blueBtn:hover
{
border-color: #4770B0;
-webkit-box-shadow: inset 0 1px 1px #658ECE, 0 1px 2px rgba(0, 0, 0, 0.61);
box-shadow: inset 0 1px 1px #658ECE, 0 1px 2px rgba(0, 0, 0, 0.61);
background: #153E7E;
background: -moz-linear-gradient(top, #3D66A6 0%, #3D66A6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3D66A6), color-stop(100%,#3D66A6));
background: -webkit-linear-gradient(top, #3D66A6 0%,#3D66A6 100%);
background: -o-linear-gradient(top, #3D66A6 0%,#3D66A6 100%);
background: -ms-linear-gradient(top, #3D66A6 0%,#3D66A6 100%);
background: linear-gradient(top, #3D66A6 0%,#3D66A6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d66a6', endColorstr='#3d66a6',GradientType=0 );
}

.blueBtn:active
{
background: #153E7E;
background: -moz-linear-gradient(top, #153E7E 0%, #4770B0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#153E7E), color-stop(100%,#4770B0));
background: -webkit-linear-gradient(top, #153E7E 0%,#4770B0 100%);
background: -o-linear-gradient(top, #153E7E 0%,#4770B0 100%);
background: -ms-linear-gradient(top, #153E7E 0%,#4770B0 100%);
background: linear-gradient(top, #153E7E 0%,#4770B0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153e7e', endColorstr='#4770b0',GradientType=0 );
}

/* Button sizes */
.smallBtn
{
Expand Down Expand Up @@ -534,6 +589,111 @@
}
/* End of Richfaces Panel styles */

/* Richfaces Data Scroller styles */
.rich-dtascroller-table {
/*border-color: silver;
background-color: white;*/
}
.rich-dtascroller-table {
/*border-width: 1px;
border-style: solid;*/
}
.rich-datascr-button-dsbld {
color: silver;
}
.rich-datascr-button {
/*background-color: #EAF0F8;*/
border-radius: 5px;
border-color: silver;
font-family: Arial,Verdana,sans-serif;
font-size: 11px;

border: 1px solid #999;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
background: #CCC;
background: -moz-linear-gradient(top, #EEE 0%, #CCC 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#CCC));
background: -webkit-linear-gradient(top, #EEE 0%,#CCC 100%);
background: -o-linear-gradient(top, #EEE 0%,#CCC 100%);
background: -ms-linear-gradient(top, #EEE 0%,#CCC 100%);
background: linear-gradient(top, #EEE 0%,#CCC 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}
.rich-datascr-button:hover {
-webkit-box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
box-shadow: inset 0 1px 1px white, 0 1px 2px rgba(0, 0, 0, 0.31);
background: #CCC;
background: -moz-linear-gradient(top, white 0%, #DDD 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#DDD));
background: -webkit-linear-gradient(top, white 0%,#DDD 100%);
background: -o-linear-gradient(top, white 0%,#DDD 100%);
background: -ms-linear-gradient(top, white 0%,#DDD 100%);
background: linear-gradient(top, white 0%,#DDD 100%);
filter: progid:DXImageTransform.Microsoft.
}
.rich-datascr-button:active {
background: #CCC;
background: -moz-linear-gradient(top, #DDD 0%, white 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDD), color-stop(100%,white));
background: -webkit-linear-gradient(top, #DDD 0%,white 100%);
background: -o-linear-gradient(top, #DDD 0%,white 100%);
background: -ms-linear-gradient(top, #DDD 0%,white 100%);
background: linear-gradient(top, #DDD 0%,white 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff',GradientType=0 );
}
.rich-datascr-button-dsbld {
cursor: default;
}
.rich-datascr-button {
border-width: 1px;
border-style: solid;
width: 25px;
cursor: pointer;
text-align: center;

}
.rich-datascr-act {
/*border-top-color: black;*/
color: #ffffff;
background-color: #5F5F5F;
font-family: Arial,Verdana,sans-serif;
font-size: 11px;
font-weight: bold;
}
.rich-datascr-act {
/*border-top-width: 2px;
border-top-style: solid;*/
width: 25px;
text-align: center;
border-radius: 5px;
padding: 5px;
}
.rich-datascr-inact {
/*border-top-color: #4A75B5;*/
/*color: #4A75B5;*/
color: #5F5F5F;
font-family: Arial,Verdana,sans-serif;
font-size: 11px;
}
.rich-datascr-inact {
/* border-top-width: 2px;
border-top-style: solid;*/
width: 25px;
cursor: pointer;
text-align: center;
border-width: 1px;
border-color: #5F5F5F;
border-style: solid;
border-radius: 5px;
padding: 5px;
}
.rich-datascr-inact:hover {
box-shadow: 0 0 5px grey inset;
}
/* End Richfaces Data scroller styles */


</STYLE>
</head>
Expand Down Expand Up @@ -591,6 +751,7 @@ <h2>Buttons</h2>
<input type="button" value="Generic Input Button" class="genericButton">
<input type="button" value="Generic Input Button" class="genericButton greenBtn">
<input type="button" value="Generic Input Button" class="genericButton redBtn">
<input type="button" value="Generic Input Button" class="genericButton blueBtn">
</p>
<p>In different sizes...</p>
<p>
Expand Down Expand Up @@ -817,6 +978,39 @@ <h3>Tables</h3>
</tr>
</tbody>
</table>
<!-- Spacer -->
<img alt="" class="rich-spacer " height="15" id="main_content:j_id83:j_id113" src="/a4j/g/3_3_3.Finalimages/spacer.gif" width="1">
<!-- Data scroller -->
<div class="rich-datascr " id="main_content:j_id83:sc2" style=" " align="center">
<table border="0" cellpadding="0" cellspacing="1" class="rich-dtascroller-table "
id="main_content:j_id83:sc2_table" style="text-align:center">
<tbody>
<tr>
<td class="rich-datascr-button-dsbld rich-datascr-button">&#171;&#171;</td>
<td class="rich-datascr-button-dsbld rich-datascr-button">&#171;</td>
<td class="rich-datascr-button-dsbld rich-datascr-button"></td>
<td class="rich-datascr-act ">1</td>
<td class="rich-datascr-inact "
onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': '2'});">2
</td>
<td class="rich-datascr-inact "
onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': '3'});">3
</td>
<td class="rich-datascr-inact "
onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': '4'});">4
</td>
<td class=" rich-datascr-button"
onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': 'next'});"></td>
<td class=" rich-datascr-button"
onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': 'fastforward'});">&#187;
</td>
<td class=" rich-datascr-button"
onclick="Event.fire(this, 'rich:datascroller:onscroll', {'page': 'last'});">&#187;&#187;
</td>
</tr>
</tbody>
</table>
</div>
</div>

<h3>Button Panels</h3>
Expand All @@ -826,17 +1020,17 @@ <h3>Button Panels</h3>
<div class="rich-panel-header " id="loggedIn_header">Actions</div>
<div class="rich-panel-body " id="loggedIn_body">
<a href="/project/edit/?slug=alex-test" id="j_id115"
class="genericButton greenBtn smallBtn">Edit Project
class="genericButton redBtn smallBtn">Edit Project
</a>
<a href="/project/homepage_edit.seam?slug=alex-test" id="j_id117"
title="Edit the Project's home page code as persisted. Useful when the home page cannot be edited via the project edit page."
class="genericButton greenBtn smallBtn">
class="genericButton redBtn smallBtn">
Edit Page Code
</a>
<a href="/project/add_iteration.seam?projectSlug=alex-test" id="j_id119" class="genericButton greenBtn smallBtn">
<a href="/project/add_iteration.seam?projectSlug=alex-test" id="j_id119" class="genericButton redBtn smallBtn">
Create Version
</a>
<a href="/project/maintainer/?projectSlug=alex-test" id="j_id121" class="genericButton greenBtn smallBtn">
<a href="/project/maintainer/?projectSlug=alex-test" id="j_id121" class="genericButton redBtn smallBtn">
Manage Maintainers
</a>
</div>
Expand Down

0 comments on commit 3ab4d9d

Please sign in to comment.