[xoops-svn] SF.net SVN: xoops-svn:[12092] XoopsModules/wfdownloads/trunk/wfdownloads/ templates/wfdownloads_common_letterschoice.html

[<luc...@us...>]

Revision: 12092
          http://sourceforge.net/p/xoops/svn/12092
Author:   luciorota
Date:     2013-09-24 21:27:49 +0000 (Tue, 24 Sep 2013)
Log Message:
-----------
letterschoice css styled without images

Modified Paths:
--------------
    XoopsModules/wfdownloads/trunk/wfdownloads/templates/wfdownloads_common_letterschoice.html

Modified: XoopsModules/wfdownloads/trunk/wfdownloads/templates/wfdownloads_common_letterschoice.html
===================================================================
--- XoopsModules/wfdownloads/trunk/wfdownloads/templates/wfdownloads_common_letterschoice.html	2013-09-24 17:49:00 UTC (rev 12091)
+++ XoopsModules/wfdownloads/trunk/wfdownloads/templates/wfdownloads_common_letterschoice.html	2013-09-24 21:27:49 UTC (rev 12092)
@@ -1,36 +1,70 @@
 <style type="text/css">
-button {
+.button_green {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
+	background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52');
+	background-color:#b8e356;
+	-webkit-border-radius:2px;
 	-moz-border-radius:2px;
-	-webkit-border-radius:2px;
-	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.4);
-	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.4);
-
-	border:1px solid;
-
-	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
-	background:-moz-linear-gradient(top,rgba(255,255,255,1),rgba(185,185,185,1));
-
-	padding:2px 4px;
-	marging: 2px 2px;
+	border-radius:2px;
+	text-indent:0;
+	border:1px solid #83c41a;
+	display:inline-block;
+	color:inherit;
+	font-family:inherit;
+	font-size:12px;
+	font-weight:bold;
+	font-style:normal;
+	height:20px;
+	line-height:20px;
+	width:20px;
+	text-decoration:none;
+	text-align:center;
+	text-shadow:1px 1px 0px #86ae47;
+    margin: 2px;
 }
-button.green {
-	background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(93,169,17,1)),to(rgba(202,246,160,1)));
-	background:-moz-linear-gradient(top,rgba(93,169,17,1),rgba(202,246,160,1));
+.button_green:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) );
+	background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');
+	background-color:#a5cc52;
+}.button_green:active {
+	position:relative;
+	top:1px;
 }
-
-button:hover {
-	background:rgba(240,240,240,1);
+.button_grey {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
+	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
+	background-color:#ededed;
+	-webkit-border-radius:2px;
+	-moz-border-radius:2px;
+	border-radius:2px;
+	text-indent:0;
+	border:1px solid #dcdcdc;
+	display:inline-block;
+	color:inherit;
+	font-family:inherit;
+	font-size:12px;
+	font-weight:bold;
+	font-style:normal;
+	height:20px;
+	line-height:20px;
+	width:20px;
+	text-decoration:none;
+	text-align:center;
+	text-shadow:1px 1px 0px #ffffff;
+    margin: 2px;
 }
-
-button:active, button:focus {
-	background:-webkit-gradient(linear,0% 100%,0% 0%,from(rgba(255,255,255,1)),to(rgba(185,185,185,1)));
-	background:-moz-linear-gradient(bottom,rgba(255,255,255,1),rgba(185,185,185,1));
+.button_grey:hover {
+	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
+	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
+	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
+	background-color:#dfdfdf;
+}.button_grey:active {
+	position:relative;
+	top:1px;
 }
-
-button:disabled {
-	color:rgba(0,0,0,0.4);
-	background:rgba(220,220,220,1);
-}
 </style>
 <{$smarty.const._MD_WFDOWNLOADS_BROWSETOTOPIC}>
 <br />
@@ -38,10 +72,10 @@
 <{assign var="alphabetcount" value=$alphabet|@count}>
 <{foreach name=letters item=letter from=$alphabet}>
 <{if ($letter.count > 0)}>
-<button class='button green' type='button' style='cursor:pointer' onclick='window.location="<{$letter.url}>"' title='<{$letter.count}>'><{$letter.letter}></button>
+<a class='button_green' href='<{$letter.url}>' title='<{$letter.count}>'><{$letter.letter}></a>
 <{else}>
-<button class='button' type='button' disabled='disabled'><{$letter.letter}></button>
+<span class='button_grey'><{$letter.letter}></span>
 <{/if}>
-<{if ($smarty.foreach.letters.iteration == (round($alphabetcount/2))+1)}></div><div><{else}>&nbsp;<{/if}>
+<{if ($smarty.foreach.letters.iteration == (round($alphabetcount/2))+1)}></div><div><{else}><{/if}>
 <{/foreach}>
 </div>