Menu
▾
▴
[Sciret-svn] SF.net SVN: sciret:[671] trunk
|
From: <al...@us...> - 2008-09-15 11:33:14
|
Revision: 671
http://sciret.svn.sourceforge.net/sciret/?rev=671&view=rev
Author: alpeb
Date: 2008-09-15 11:33:08 +0000 (Mon, 15 Sep 2008)
Log Message:
-----------
(by Pawel) Improved some of the templates and styles
Modified Paths:
--------------
trunk/images/arrow_down.png
trunk/images/arrow_up.png
trunk/images/bg_panel.gif
trunk/images/bg_table_head.jpg
trunk/style.css
trunk/templates/AdvancedSearch.tpl
trunk/templates/MainView.tpl
trunk/templates/footer.tpl
trunk/templates/pagination.tpl
Added Paths:
-----------
trunk/images/bg_panel_gray.gif
Property changes on: trunk/images/bg_panel_gray.gif
___________________________________________________________________
Added: svn:mime-type
+ application/octet-stream
Modified: trunk/style.css
===================================================================
--- trunk/style.css 2008-09-15 11:31:44 UTC (rev 670)
+++ trunk/style.css 2008-09-15 11:33:08 UTC (rev 671)
@@ -270,6 +270,7 @@
.view_right {
text-align: right;
+ vertical-align: middle;
}
@@ -410,6 +411,25 @@
display: block;
}
+table.categoriesTable {
+ border: 1px solid #cbeaf4;
+ margin-bottom: 20px;
+}
+
+.art_category {
+ color: #5b5b5b;
+ font-size: 11px;
+ margin-top: 5px;
+ text-transform: uppercase;
+ letter-spacing: 2px;
+ font-weight: bold;
+ margin-bottom: 20px;
+}
+
+.art_category a {
+ font-weight: bold;
+}
+
#article p {
margin-bottom: 40px;
}
@@ -421,7 +441,7 @@
margin-left: 680px;
}
-.panel_title {
+.panel_title, .panel_title_gray {
background: url(images/bg_panel_title.gif) no-repeat;
width: 240px;
height: 35px;
@@ -442,6 +462,18 @@
color: #02628d;
}
+.panel_title_gray a {
+ margin-left: 10px;
+ vertical-align: middle;
+ font-weight: normal;
+ font-style: normal;
+ text-decoration: none;
+ line-height: 35px;
+ font-size: 1.5em;
+ color: #3b3b3b;
+}
+
+
.panel {
width: 250px;
margin-top: 20px;
@@ -456,19 +488,42 @@
.panel_bottom {
height: 10px;
margin-top: 0;
- background: url(images/bg_panel.png) no-repeat 0 bottom;
+ background: url(images/bg_panel.gif) no-repeat 0 bottom;
}
+.panel_gray {
+ width: 250px;
+ margin-top: 20px;
+ padding-bottom: 5px;
+ padding-top: 1px;
+ font-weight: normal;
+ background: url(images/bg_panel_gray.gif) no-repeat;
+ font-style: normal;
+}
+
+.panel_bottom_gray {
+ height: 10px;
+ margin-top: 0;
+ background: url(images/bg_panel_gray.gif) no-repeat 0 bottom;
+}
+
hr {
margin-top: 15px;
border: 1px solid #4d8bff;
}
-.inside_panel {
+.inside_panel, .inside_panel_gray {
padding: 0 10px;
}
-.inside_panel ul { padding-left: 2px; }
+.inside_panel_gray {
+ color: #434d5d;
+}
+
+.inside_panel ul, .inside_panel_gray ul {
+ padding-left: 2px;
+}
+
.inside_panel li {
list-style-type: none;
border-bottom: 1px solid #4d8bff;
@@ -481,16 +536,69 @@
background-color: #6cb2f8;
}
+.inside_panel_gray li {
+ list-style-type: none;
+ border-bottom: 1px solid #b0bac6;
+ font-weight: bold;
+ font-size: 1em;
+ padding: 5px 4px;
+}
+
+.inside_panel_gray li:hover {
+ background-color: #b0c7d5;
+}
+
+.inside_panel ol, .inside_panel_gray ol {
+ margin: 0;
+ padding: 0;
+}
+
.inside_panel a {
- color: #004379;
+ color: #004e8c;
font-weight: bold;
- font-size: 1.1em;
+ font-size: 1em;
}
.inside_panel a:hover {
text-decoration: none;
+ color: #2f6fab;
}
+.inside_panel_gray a {
+ color: #3b3b3b;
+ font-weight: bold;
+ font-size: 1.1em;
+}
+
+.inside_panel_gray a:hover {
+ text-decoration: none;
+ color: #53565c;
+}
+
+.inside_panel_gray .category {
+ color: #537386;
+}
+
+.advanced {
+ text-align: right;
+ margin-top: 5px;
+ margin-bottom: 0;
+ padding-top: 5px;
+ border-top: 1px solid #429bea;
+}
+
+.target {
+ margin-top: 5px;
+ margin-bottom: 10px;
+ font-size: 0.8em;
+}
+
+.category {
+ color: #fff;
+ text-transform: uppercase;
+ font-size: 0.8em;
+}
+
.add {
text-align: right;
}
@@ -512,8 +620,14 @@
text-decoration: none;
}
+
+.panel li a {
+ color: #005396;
+ font-weight: bold;
+}
+
+
.input_p {
- margin-bottom: 10px;
background-color: #006dc3;
border-style: none;
padding: 5px;
@@ -522,12 +636,11 @@
}
#query {
- margin-bottom: 10px;
background-color: #006dc3;
border-style: none;
padding: 5px;
color: #fff;
- width: 150px;
+ width: 160px;
float: left;
}
@@ -565,6 +678,7 @@
padding-right:5px;
padding-bottom: 0;
padding-left: 10px;
+ margin-top: 1px;
}
.button_panel a:hover {
@@ -630,14 +744,20 @@
border-spacing:0;
}
+.row_off td {
+ border-style: none;
+}
+
+td {
+ border-style: none;
+}
+
table th {
- border-right: 1px solid #81a1c6;
- border-bottom: 1px solid #81a1c6;
- border-top: 1px solid #81a1c6;
letter-spacing: 1px;
text-align: left;
padding: 4px 4px 4px 8px;
background: url(images/bg_table_head.jpg) no-repeat;
+ border: 1px solid #81a1c6;
}
.specth {
@@ -658,6 +778,39 @@
/* foot */
+#pagination {
+ text-align: center;
+}
+
+#pagination ul {
+ margin-top: 40px;
+}
+
+#pagination li {
+ display: inline;
+}
+
+#pagination a {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ background-color: #ededed;
+ padding: 4px 8px;
+ color: #566168;
+}
+
+#pagination a:hover {
+ text-decoration: none;
+ background-color: #d1e6f2;
+ color: #67aff5;
+}
+
+.selectedPage {
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ padding: 4px 8px;
+ background-color: #d1e6f2;
+}
+
#foot {
margin-left: auto;
margin-right: auto;
Modified: trunk/templates/AdvancedSearch.tpl
===================================================================
--- trunk/templates/AdvancedSearch.tpl 2008-09-15 11:31:44 UTC (rev 670)
+++ trunk/templates/AdvancedSearch.tpl 2008-09-15 11:33:08 UTC (rev 671)
@@ -12,9 +12,9 @@
<form method="GET" action="{formAction}">
<input type="hidden" name="view" value="SearchResults" />
<input type="hidden" name="advancedSearch" value="1" />
- <table style="border:1px solid black; margin:5px auto">
+ <table>
<tr class=th>
- <td colspan=2 align=center><b>[l]Advanced Search[/l]</b></td>
+ <th colspan=2 >[l]Advanced Search[/l]</th>
</tr>
<tr class="row_off">
<td colspan="2">
@@ -109,7 +109,7 @@
(*): [l]Separate word list with spaces[/l]
</td>
</tr>
- <tr>
+ <tr>
<td colspan=2 align=center style="padding: 10px 0 10px 0">
<input type="submit" name="adv_search" value="[l]Search[/l]">
</td>
Modified: trunk/templates/MainView.tpl
===================================================================
--- trunk/templates/MainView.tpl 2008-09-15 11:31:44 UTC (rev 670)
+++ trunk/templates/MainView.tpl 2008-09-15 11:33:08 UTC (rev 671)
@@ -57,7 +57,7 @@
<div>
{modifOrCreated} {art_date} - {img_stars} {attachment}
</div>
-<div style='font-size:15px;color:green'>{art_category}</div>
+<div class="art_category">{art_category}</div>
<p>{art_excerpt}</p>
<div class="author"><span>{art_author}</span></div>
<!-- END articles_block -->
Modified: trunk/templates/footer.tpl
===================================================================
--- trunk/templates/footer.tpl 2008-09-15 11:31:44 UTC (rev 670)
+++ trunk/templates/footer.tpl 2008-09-15 11:33:08 UTC (rev 671)
@@ -38,11 +38,13 @@
<span class="button_panel">
<a href="javascript:void(0)" onclick="submitSearch()"><span>[l]Search[/l]</span></a>
</span>
- <a href="{advancedSearchLink}">[l]Advanced Search[/l]</a>
- <p><strong>[l]Target[/l]:</strong></p>
+ <p class="target">
+ <strong>[l]Target[/l]:</strong>
<input type="radio" name="set" value="all" {checked_all} />[l]All[/l]
<input type="radio" name="set" value="articles" {checked_articles} />[l]Articles[/l]
- <input type="radio" name="set" value="bookmarks" {checked_bookmarks} />[l]Bookmarks[/l]
+ <input type="radio" name="set" value="bookmarks" {checked_bookmarks} />[l]Bookmarks[/l]
+ </p>
+ <p class="advanced"><a href="{advancedSearchLink}">[l]Advanced Search[/l]</a></p>
</form>
</div>
</div>
@@ -71,51 +73,70 @@
<!-- END todosLink_block -->
<!-- BEGIN latestArts_block -->
- <div class="panel">
- <div class="panel_title"><a href="">[l]Latest[/l]</a></div>
+ <div class="panel_gray">
+ <div class="panel_title_gray"><a href="">[l]Latest[/l]</a></div>
+ <div class="inside_panel_gray">
<ol>
<!-- BEGIN latestArtsItem_block -->
<li>
<a href="{latestLink}">{latestTitle} </a><span style='font-size: 80%'>({latestDate})</span><br>
- <span style='font-size:80%;color:green'>{latestCategory}</span>
+ <span class="category">{latestCategory}</span>
</li>
<!-- END latestArtsItem_block -->
- </ol>
+ </ol>
+ </div>
</div>
- <div class="panel_bottom"></div>
+ <div class="panel_bottom_gray"></div>
<!-- END latestArts_block -->
<!-- BEGIN mostViewedArts_block -->
- <div class="panel">
- <div class="panel_title"><a href="">[l]Most Viewed[/l]</a></div>
- <ol>
+ <div class="panel_gray">
+ <div class="panel_title_gray"><a href="">[l]Most Viewed[/l]</a></div>
+ <div class="inside_panel_gray">
+ <ol>
<!-- BEGIN mostViewedArtsItem_block -->
<li>
<a href="{mostViewedLink}">{mostViewedTitle} </a><span style='font-size: 80%'>({mostViewedViews} [l]views[/l])</span><br>
- <span style='font-size:80%;color:green'>{mostViewedCategory}</span>
+ <span class="category">{mostViewedCategory}</span>
</li>
<!-- END mostViewedArtsItem_block -->
- </ol>
+ </ol>
+ </div>
</div>
- <div class="panel_bottom"></div>
+ <div class="panel_bottom_gray"></div>
<!-- END mostViewedArts_block -->
<!-- BEGIN unansweredQuestions_block -->
- <div class="panel">
- <div class="panel_title"><a href="">[l]Unanswered Questions[/l]</a></div>
- <ul>
+ <div class="panel_gray">
+ <div class="panel_title_gray"><a href="">[l]Unanswered Questions[/l]</a></div>
+ <div class="inside_panel_gray">
+ <ul>
<!-- BEGIN unansweredQuestionsItem_block -->
<li>
{questionSummary} ({questionUserName})
<!-- BEGIN answerLink_block -->
<a href="{answerLink}" style="font-size:10px">[l]answer[/l]</a><br>
<!-- END answerLink_block -->
- <span style='font-size:80%;color:green'>{questionCategory}</span>
+ <span class="category">{questionCategory}</span>
</li>
<!-- END unansweredQuestionsItem_block -->
- </ul>
+ </ul>
+
+ <ul>
+ <!-- BEGIN unansweredQuestionsItem_block -->
+ <li>
+ {questionSummary} ({questionUserName})
+ <!-- BEGIN answerLink_block -->
+ <a href="{answerLink}" style="font-size:10px">[l]answer[/l]</a><br>
+ <!-- END answerLink_block -->
+ <span class="category">{questionCategory}</span>
+ </li>
+ <!-- END unansweredQuestionsItem_block -->
+ </ul>
+ </div>
+
</div>
- <div class="panel_bottom"></div>
+ <div class="panel_bottom_gray"></div>
<!-- END unansweredQuestions_block -->
</div><!--end panel_right-->
Modified: trunk/templates/pagination.tpl
===================================================================
--- trunk/templates/pagination.tpl 2008-09-15 11:31:44 UTC (rev 670)
+++ trunk/templates/pagination.tpl 2008-09-15 11:33:08 UTC (rev 671)
@@ -8,17 +8,16 @@
* @packager Keyboard Monkeys
*/
-->
-
-<div style="text-align:center;">
- <table class="paginationTable" cellpadding="5" cellspacing="3" border="0" style="margin:20px auto">
- <tr>
+
+ <div id="pagination">
+ <ul>
<!-- BEGIN previousPage_block -->
- <td><a href="{previousLink}{linkQuery}" class="previousNext">[l]Previous[/l]</a></td>
+ <li><a href="{previousLink}{linkQuery}" class="previousNext">[l]Previous[/l]</a></li>
<!-- END previousPage_block -->
- <td nowrap="true" >{pageItems}</td>
+ <li nowrap="true" >{pageItems}</li>
<!-- BEGIN nextPage_block -->
- <td><a href="{nextLink}{linkQuery}" class="previousNext">[l]Next[/l]</a></td>
- <!-- END nextPage_block -->
- </tr>
- </table>
-</div>
+ <li><a href="{nextLink}{linkQuery}" class="previousNext">[l]Next[/l]</a></li>
+ <!-- END nextPage_block -->
+ <ul>
+ </div>
+
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
