Максим Червонный (fiskus_boulder) wrote in changelog,
Максим Червонный
fiskus_boulder
changelog

[livejournal] r17649: LJSUP-7052: implement specific layout of...

Committer: mchervonniy
LJSUP-7052: implement specific layout of search widget on landing page
U   trunk/htdocs/stc/ie.css
U   trunk/htdocs/stc/widgets/search.css
U   trunk/templates/Browse/search.tmpl
Modified: trunk/htdocs/stc/ie.css
===================================================================
--- trunk/htdocs/stc/ie.css	2010-11-09 03:55:03 UTC (rev 17648)
+++ trunk/htdocs/stc/ie.css	2010-11-09 05:24:56 UTC (rev 17649)
@@ -334,8 +334,8 @@
 	.appwidget-browse .b-posts DT {
 		_position:relative;
 		}
-		.appwidget-browse .b-posts-head {
-			_height:40px;
+		.appwidget-browse .b-posts-data {
+			_height:20px;
 			}
 
 .appwidget-browse .right-mod {

Modified: trunk/htdocs/stc/widgets/search.css
===================================================================
--- trunk/htdocs/stc/widgets/search.css	2010-11-09 03:55:03 UTC (rev 17648)
+++ trunk/htdocs/stc/widgets/search.css	2010-11-09 05:24:56 UTC (rev 17649)
@@ -25,8 +25,53 @@
              .appwidget-search INPUT.type-text {
                 width: 97%; 
                 }
-                
-.appwidget-browse .appwidget-search h2 span.w-head-in {
+
+.appwidget-browse .appwidget-search H2 span.w-head-in {
 	background:url(/img/icons/search-lite.png) no-repeat 0 0;
 	}
+.appwidget-browse .appwidget-search INPUT.type-text {
+	width:230px;
+	}
+.appwidget-search P {
+	position:relative;
+	}
+	.appwidget-search LABEL {
+		position:absolute;
+		font-size:11px;
+		left:4px;
+		top:3px;
+		}
 
+.w-body .b-search-tags,
+.b-search-tags {
+	width:237px;
+	margin:.75em 0;
+	}
+	.b-search-tags LI {
+		display:inline;
+		}
+		.b-search-tags A {
+			text-decoration:none;
+			}
+		.b-search-tags A:hover {
+			border-bottom:1px dotted #4C6AA4;
+			}
+
+.b-hint-popup {
+	position:absolute;
+	width:234px;
+	top:68px;
+	left:11px;
+	border:1px solid #E6E6E6;
+	background:#FFF;
+	}
+	.b-hint-popup A,
+	.b-hint-popup SPAN {
+		display:block;
+		padding:.2em 4px;
+		text-decoration:none;
+		}
+	.b-hint-popup A:hover {
+		background:#F6F6F6;
+		}
+

Modified: trunk/templates/Browse/search.tmpl
===================================================================
--- trunk/templates/Browse/search.tmpl	2010-11-09 03:55:03 UTC (rev 17648)
+++ trunk/templates/Browse/search.tmpl	2010-11-09 05:24:56 UTC (rev 17649)
@@ -1,12 +1,36 @@
-<table width="100%" border="0" cellpadding="5">
-<caption><b>Search in <tmpl_var vertical_name></b></caption>
-<tr>
-<td>
-<input type="text" size="30" name="search_text" value="">
-<input type="submit" name="do_search" value="Go">
-</td>
-</tr>
-<tr>
-<td><tmpl_loop tags><a href="<tmpl_var search_url>/<tmpl_var tag><tmpl_if view>?view=<tmpl_var view></tmpl_if>"><tmpl_var tag></a><tmpl_unless __last__>, </tmpl_unless></tmpl_loop>
-</tr>
-</table>
+<div class="appwidget appwidget-search">
+<div class="right-mod">
+<div class="mod-tl">
+<div class="mod-tr">
+<div class="mod-br">
+<div class="mod-bl">
+	<div class="w-head">
+		<h2><span class="w-head-in">Search in <tmpl_var vertical_name></span></h2>
+		<i class="w-head-corner"></i>
+	</div>
+	<div class="w-body">
+		<form action="">
+			<fieldset>
+				<p>
+					<label for="search_text" id="search_text_label">Find</label>
+					<input class="type-text" id="search_text" name="search_text" type="text" value="" />
+					<input type="submit" id="do_search" name="do_search" value="Go"/>
+				</p>
+				<ul class="b-hint-popup" id="search_text_hint">
+					<!--<li><a href="javascript:void(0);">TAG</a></li>-->
+				</ul>
+				<ul class="b-search-tags">
+				<tmpl_loop tags>
+					<li<tmpl_if __last__> class="last"</tmpl_if>><a href="<tmpl_var search_url>/<tmpl_var tag><tmpl_if view>?view=<tmpl_var view></tmpl_if>"><tmpl_var tag></a></li>
+				</tmpl_loop>
+				</ul>
+			</fieldset>
+		</form>
+	</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+

Tags: css, fiskus_boulder, livejournal, tmpl
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 0 comments