You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@lucene.apache.org by ma...@apache.org on 2012/02/21 03:02:33 UTC

svn commit: r1291552 - in /lucene/cms/trunk: content/core/downloads.mdtext content/core/index.mdtext content/css/global.css content/solr/downloads.mdtext content/solr/index.mdtext templates/core-simple.html templates/core.html

Author: markrmiller
Date: Tue Feb 21 02:02:33 2012
New Revision: 1291552

URL: http://svn.apache.org/viewvc?rev=1291552&view=rev
Log:
LUCENE-3806: try out css animated button

Modified:
    lucene/cms/trunk/content/core/downloads.mdtext
    lucene/cms/trunk/content/core/index.mdtext
    lucene/cms/trunk/content/css/global.css
    lucene/cms/trunk/content/solr/downloads.mdtext
    lucene/cms/trunk/content/solr/index.mdtext
    lucene/cms/trunk/templates/core-simple.html
    lucene/cms/trunk/templates/core.html

Modified: lucene/cms/trunk/content/core/downloads.mdtext
URL: http://svn.apache.org/viewvc/lucene/cms/trunk/content/core/downloads.mdtext?rev=1291552&r1=1291551&r2=1291552&view=diff
==============================================================================
--- lucene/cms/trunk/content/core/downloads.mdtext (original)
+++ lucene/cms/trunk/content/core/downloads.mdtext Tue Feb 21 02:02:33 2012
@@ -1,6 +1,10 @@
 ## Downloads
 
-<a href="mirrors-core-redir.html"><img border="0" src="../images/downloadbutton.png" alt="Download"/></a>
+<div class="button">
+  <a href="mirrors-core-redir.html">Download</a>
+  <div class="flap top">Click to begin</div>
+  <div class="flap bottom">of Apache Lucene</div>
+</div>
 
 Official releases are usually created when the [developers](whoweare.html) feel there are
             sufficient changes, improvements and bug fixes to warrant a release.

Modified: lucene/cms/trunk/content/core/index.mdtext
URL: http://svn.apache.org/viewvc/lucene/cms/trunk/content/core/index.mdtext?rev=1291552&r1=1291551&r2=1291552&view=diff
==============================================================================
--- lucene/cms/trunk/content/core/index.mdtext (original)
+++ lucene/cms/trunk/content/core/index.mdtext Tue Feb 21 02:02:33 2012
@@ -1,6 +1,11 @@
 Title: Apache Lucene Core
 
-<a href="mirrors-core-redir.html"><img border="0" src="../images/downloadbutton.png" alt="Download"/></a>
+<div class="button">
+  <a href="mirrors-core-redir.html">Download</a>
+  <div class="flap top">Click to begin</div>
+  <div class="flap bottom">of Apache Lucene</div>
+</div>
+
 
 Apache Lucene(TM) is a high-performance, full-featured text search engine library written entirely in Java. It is a technology suitable for nearly any application that requires full-text search, especially cross-platform.
 

Modified: lucene/cms/trunk/content/css/global.css
URL: http://svn.apache.org/viewvc/lucene/cms/trunk/content/css/global.css?rev=1291552&r1=1291551&r2=1291552&view=diff
==============================================================================
--- lucene/cms/trunk/content/css/global.css (original)
+++ lucene/cms/trunk/content/css/global.css Tue Feb 21 02:02:33 2012
@@ -946,4 +946,108 @@ code.inline{
     font-weight: bold;
     background-color: white;
     border-color: white;
+}
+
+
+.button {
+	width: 200px;
+        margin-top: 30px;
+	margin-bottom: 40px;
+}
+
+.button a {
+	border: 2px solid black;
+	z-index: 1;
+	position: relative;
+	display: block;
+	height: 50px;
+	width: 200px;
+	/*TYPE*/
+	color: black;
+	font: 24px/50px Helvetica, Verdana, sans-serif;
+        font-weight: bold;
+	text-decoration: none;
+	text-align: center;
+	text-transform: uppercase;
+	/*GRADIENT*/
+	background: #D60000; /* Old browsers */
+	background: -moz-linear-gradient(top, #FAA0A0 0%, #E60000 100%);
+	/* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FC5353),
+		color-stop(100%, #E60000) ); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top, #FAA0A0 0%, #E60000 100%);
+	/* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, #FAA0A0 0%, #E60000 100%);
+	/* Opera 11.10+ */
+	background: -ms-linear-gradient(top, #FAA0A0 0%, #E60000 100%);
+	/* IE10+ */
+	background: linear-gradient(top, #FAA0A0 0%, #E60000 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#FAA0A0',
+		endColorstr='#E60000', GradientType=0 ); /* IE6-9 */
+}
+
+.button a,.flap {
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
+	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
+	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
+}
+
+.flap {
+	background: #222;
+	display: block;
+	height: 40px;
+	width: 180px;
+	margin: -50px 0 0 10px;
+	/*TYPE*/
+	text-align: center;
+	font: 12px/45px Helvetica, Verdana, sans-serif;
+	color: #fff;
+	/*POSITION*/
+	position: absolute;
+	z-index: 0;
+	/*TRANSITION*/
+	-webkit-transition: all 0.5s ease;
+	-moz-transition: all 0.5s ease;
+	-o-transition: all 0.5s ease;
+	-ms-transition: all 0.5s ease;
+	transition: all 0.5s ease;
+}
+
+/*HOVER*/
+.button:hover .bottom {
+	margin: -10px 0 0 10px;
+}
+
+.button:hover .top {
+	margin: -80px 0 0 10px;
+	line-height: 35px;
+}
+
+/*ACTIVE*/
+.button a:active {
+	background: #D60000; /* Old browsers */
+	background: -moz-linear-gradient(top, #D60000 36%, #009ec3 100%);
+	/* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(36%, #D60000),
+		color-stop(100%, #009ec3) ); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top, #D60000 36%, #009ec3 100%);
+	/* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, #D60000 36%, #009ec3 100%);
+	/* Opera 11.10+ */
+	background: -ms-linear-gradient(top, #D60000 36%, #009ec3 100%);
+	/* IE10+ */
+	background: linear-gradient(top, #D60000 36%, #009ec3 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient(  startColorstr='#D60000',
+		endColorstr='#009ec3', GradientType=0 ); /* IE6-9 */
+}
+
+.button:active .bottom {
+	margin: -20px 0 0 10px;
+}
+
+.button:active .top {
+	margin: -70px 0 0 10px;
 }
\ No newline at end of file

Modified: lucene/cms/trunk/content/solr/downloads.mdtext
URL: http://svn.apache.org/viewvc/lucene/cms/trunk/content/solr/downloads.mdtext?rev=1291552&r1=1291551&r2=1291552&view=diff
==============================================================================
--- lucene/cms/trunk/content/solr/downloads.mdtext (original)
+++ lucene/cms/trunk/content/solr/downloads.mdtext Tue Feb 21 02:02:33 2012
@@ -1,6 +1,10 @@
 ## Downloads
 
-<a href="mirrors-solr-redir.html"><img border="0" src="../images/downloadbutton.png" alt="Download"/></a>
+<div class="button">
+  <a href="mirrors-solr-redir.html">Download</a>
+  <div class="flap top">Click to begin</div>
+  <div class="flap bottom">of Apache Solr</div>
+</div>
 
 Official releases are usually created when the [developers](../whoweare.html) feel there are
             sufficient changes, improvements and bug fixes to warrant a release.

Modified: lucene/cms/trunk/content/solr/index.mdtext
URL: http://svn.apache.org/viewvc/lucene/cms/trunk/content/solr/index.mdtext?rev=1291552&r1=1291551&r2=1291552&view=diff
==============================================================================
--- lucene/cms/trunk/content/solr/index.mdtext (original)
+++ lucene/cms/trunk/content/solr/index.mdtext Tue Feb 21 02:02:33 2012
@@ -1,6 +1,10 @@
 Title: Apache Solr
 
-<a href="mirrors-solr-redir.html"><img border="0" src="../images/downloadbutton.png" alt="Download"/></a>
+<div class="button">
+  <a href="mirrors-solr-redir.html">Download</a>
+  <div class="flap top">Click to begin</div>
+  <div class="flap bottom">of Apache Solr</div>
+</div>
 
 Solr is the popular, blazing fast open source enterprise search platform from the Apache Lucene project. Its major features include powerful full-text search, hit highlighting, faceted search, dynamic clustering, database integration, rich document (e.g., Word, PDF) handling, and geospatial search. Solr is highly scalable, providing distributed search and index replication, and it powers the search and navigation features of many of the world's largest internet sites.
 

Modified: lucene/cms/trunk/templates/core-simple.html
URL: http://svn.apache.org/viewvc/lucene/cms/trunk/templates/core-simple.html?rev=1291552&r1=1291551&r2=1291552&view=diff
==============================================================================
--- lucene/cms/trunk/templates/core-simple.html (original)
+++ lucene/cms/trunk/templates/core-simple.html Tue Feb 21 02:02:33 2012
@@ -5,6 +5,7 @@
 #}
 {% extends "head.html" %}
 {% block css %}
+    <link href="../css/global.css" rel="stylesheet" type="text/css">
     <link href="../css/core.css" rel="stylesheet" type="text/css">
 {% endblock %}
 {% block metakeys %}<meta name="keywords"

Modified: lucene/cms/trunk/templates/core.html
URL: http://svn.apache.org/viewvc/lucene/cms/trunk/templates/core.html?rev=1291552&r1=1291551&r2=1291552&view=diff
==============================================================================
--- lucene/cms/trunk/templates/core.html (original)
+++ lucene/cms/trunk/templates/core.html Tue Feb 21 02:02:33 2012
@@ -4,6 +4,7 @@
 #}
 {% extends "head.html" %}
 {% block css %}
+    <link href="../css/global.css" rel="stylesheet" type="text/css">
     <link href="../css/core.css" rel="stylesheet" type="text/css">
 {% endblock %}
 {% block metakeys %}<meta name="keywords"