Spokojenost, štítky, zjednodušení CSS.
authorFrantišek Kučera <franta-hg@frantovo.cz>
Thu, 13 Jan 2011 23:54:59 +0100
changeset 1667f9c6d10c3f6
parent 165 cdfc1e9e3a1b
child 167 21fa832b26aa
Spokojenost, štítky, zjednodušení CSS.
java/nekurak.net-web/web/WEB-INF/tags/nekurak/podnikZahlavi.tag
java/nekurak.net-web/web/styl.css
     1.1 --- a/java/nekurak.net-web/web/WEB-INF/tags/nekurak/podnikZahlavi.tag	Thu Jan 13 23:13:09 2011 +0100
     1.2 +++ b/java/nekurak.net-web/web/WEB-INF/tags/nekurak/podnikZahlavi.tag	Thu Jan 13 23:54:59 2011 +0100
     1.3 @@ -41,7 +41,7 @@
     1.4  			<ul class="stitky">
     1.5  				<!-- Kategorie podniku (hospoda, vinárna atd.) -->
     1.6  				<c:forEach var="k" items="${podnik.kategorie}">
     1.7 -					<li>
     1.8 +					<li class="normalni">
     1.9  						<fmt:message key="dto.kategorie.${k.id}.popis" var="popisKategorie"/>
    1.10  						<a href="?akce=kategorie&amp;amp;id=${k.id}" title="${popisKategorie}">
    1.11  							<fmt:message key="dto.kategorie.${k.id}.nazev"/>
    1.12 @@ -50,7 +50,11 @@
    1.13  				</c:forEach>
    1.14  
    1.15  				<!-- Kuřáckost podniku -->
    1.16 -				<li class="kurackost_${podnik.kurackost.id}">
    1.17 +				<c:choose>
    1.18 +					<c:when test="${podnik.kurackost.id == 2}"><c:set var="cssKurackost" value="kladny"/></c:when>
    1.19 +					<c:otherwise><c:set var="cssKurackost" value="nevyrazny"/></c:otherwise>
    1.20 +				</c:choose>
    1.21 +				<li class="${cssKurackost}">
    1.22  					<fmt:message key="dto.podnik.kurackost.${podnik.kurackost.id}.popis" var="popisKurackosti"/>
    1.23  					<a href="?akce=kurackost&amp;amp;id=${podnik.kurackost.id}" title="${popisKurackosti}">
    1.24  						<fmt:message key="dto.podnik.kurackost.${podnik.kurackost.id}.nazev"/>
    1.25 @@ -59,7 +63,11 @@
    1.26  
    1.27  				<!-- Spokojenost-->
    1.28  				<c:set var="spokojenost" value="${zahlavi.vysledek.spokojenost}"/>
    1.29 -				<li class="spokojenost_${spokojenost}">
    1.30 +				<c:choose>
    1.31 +					<c:when test="${spokojenost}"><c:set var="cssSpokojenost" value="kladny"/></c:when>
    1.32 +					<c:otherwise><c:set var="cssSpokojenost" value="nevyrazny"/></c:otherwise>
    1.33 +				</c:choose>
    1.34 +				<li class="${cssSpokojenost}">
    1.35  					<fmt:message key="dto.podnik.spokojenost.${spokojenost}.popis" var="popisSpokojenosti"/>
    1.36  					<a href="?akce=spokojenost&amp;amp;id=${spokojenost}" title="${popisSpokojenosti}">
    1.37  						<fmt:message key="dto.podnik.spokojenost.${spokojenost}.nazev"/>
     2.1 --- a/java/nekurak.net-web/web/styl.css	Thu Jan 13 23:13:09 2011 +0100
     2.2 +++ b/java/nekurak.net-web/web/styl.css	Thu Jan 13 23:54:59 2011 +0100
     2.3 @@ -302,8 +302,6 @@
     2.4  ul.stitky a {
     2.5  	margin-left: 20px;
     2.6  	padding: 0 10px 0 12px;
     2.7 -	background: silver;
     2.8 -	color: #444;
     2.9  	text-decoration: none;
    2.10  	-moz-border-radius-bottomright:		4px;
    2.11  	-webkit-border-bottom-right-radius:	4px;
    2.12 @@ -321,7 +319,6 @@
    2.13  	left: -10px;
    2.14  	width: 0;
    2.15  	height: 0;
    2.16 -	border-color: transparent silver transparent transparent;
    2.17  	border-style: solid;
    2.18  	border-width: 10px 10px 10px 0;
    2.19  }
    2.20 @@ -343,29 +340,20 @@
    2.21  	box-shadow:			-1px -1px 2px grey;
    2.22  }
    2.23  
    2.24 -ul.stitky a:hover{
    2.25 -	background: #555;
    2.26 -	color: #ccc;
    2.27 -}
    2.28 +/** Noromální štítek */
    2.29 +ul.stitky li.normalni a { background: silver; color: #444 }
    2.30 +ul.stitky li.normalni a:before{ border-color: transparent silver transparent transparent; }
    2.31 +ul.stitky li.normalni a:hover { background: #555; color: #ccc; }
    2.32 +ul.stitky li.normalni a:hover:before{ border-color:transparent #555 transparent transparent; }
    2.33  
    2.34 -ul.stitky a:hover:before{
    2.35 -	border-color:transparent #555 transparent transparent;
    2.36 -}
    2.37 +/** Nevýrazný štítek – negativní nebo neutrální */
    2.38 +ul.stitky li.nevyrazny a { background: #eee; color: #444 }
    2.39 +ul.stitky li.nevyrazny a:before{ border-color: transparent #eee transparent transparent; }
    2.40 +ul.stitky li.nevyrazny a:hover { background: #555; color: #ccc; }
    2.41 +ul.stitky li.nevyrazny a:hover:before{ border-color:transparent #555 transparent transparent; }
    2.42  
    2.43 -ul.stitky li.kurackost_0 a { background: #eee; }
    2.44 -ul.stitky li.kurackost_0 a:before { border-color: transparent #eee transparent transparent; }
    2.45 -ul.stitky li.kurackost_1 a { background: #eee; }
    2.46 -ul.stitky li.kurackost_1 a:before { border-color: transparent #eee transparent transparent; }
    2.47 -ul.stitky li.kurackost_2 a { background: #4d4; }
    2.48 -ul.stitky li.kurackost_2 a:before { border-color: transparent #4d4 transparent transparent; }
    2.49 -ul.stitky li.kurackost_3 a { background: #eee; }
    2.50 -ul.stitky li.kurackost_3 a:before { border-color: transparent #eee transparent transparent; }
    2.51 -ul.stitky li.kurackost_4 a { background: #eee; }
    2.52 -ul.stitky li.kurackost_4 a:before { border-color: transparent #eee transparent transparent; }
    2.53 -
    2.54 -ul.stitky li.spokojenost_true a { background: #4d4; }
    2.55 -ul.stitky li.spokojenost_true a:before { border-color: transparent #4d4 transparent transparent; }
    2.56 -ul.stitky li.spokojenost_false a { background: #eee; }
    2.57 -ul.stitky li.spokojenost_false a:before { border-color: transparent #eee transparent transparent; }
    2.58 -ul.stitky li.spokojenost_ a { background: #eee; }
    2.59 -ul.stitky li.spokojenost_ a:before { border-color: transparent #eee transparent transparent; }
    2.60 +/** Kladný štítek */
    2.61 +ul.stitky li.kladny a { background: #4d4; color: #444 }
    2.62 +ul.stitky li.kladny a:before{ border-color: transparent #4d4 transparent transparent; }
    2.63 +ul.stitky li.kladny a:hover { background: #555; color: #ccc; }
    2.64 +ul.stitky li.kladny a:hover:before{ border-color:transparent #555 transparent transparent; }