4:29 a.m.
Author: admitriev
Date: 2008-01-11 05:29:56 -0500 (Fri, 11 Jan 2008)
New Revision: 5290
Added:
management/design/sortableHeader/
management/design/sortableHeader/markup/
management/design/sortableHeader/markup/images/
management/design/sortableHeader/markup/images/bg_header.png
management/design/sortableHeader/markup/images/down.gif
management/design/sortableHeader/markup/images/up.gif
management/design/sortableHeader/markup/sortableHeader.html
Log:
Added: management/design/sortableHeader/markup/images/bg_header.png
===================================================================
(Binary files differ)
Property changes on: management/design/sortableHeader/markup/images/bg_header.png
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/sortableHeader/markup/images/down.gif
===================================================================
(Binary files differ)
Property changes on: management/design/sortableHeader/markup/images/down.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/sortableHeader/markup/images/up.gif
===================================================================
(Binary files differ)
Property changes on: management/design/sortableHeader/markup/images/up.gif
___________________________________________________________________
Name: svn:mime-type
+ application/octet-stream
Added: management/design/sortableHeader/markup/sortableHeader.html
===================================================================
--- management/design/sortableHeader/markup/sortableHeader.html
(rev 0)
+++ management/design/sortableHeader/markup/sortableHeader.html 2008-01-11 10:29:56 UTC
(rev 5290)
@@ -0,0 +1,210 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
+
+<html>
+<head>
+ <title>Untitled</title>
+ <style>
+ .header_example_1{
+ background : #4A75B5;/*headerBackgroundColor*/
+ color : #FFFFFF;/*headerTextColor*/
+ font-weight: normal;
+ font-family: arial; /*generalFamilyFont*/
+ font-size: 11px; /*generalSizeFont*/
+ width : 150;
+ padding : 2 5 2 5;
+ border-bottom : 1px solid #C0C0C0; /*tableBorderColor*/
+ border-right : 1px solid #C0C0C0; /*tableBorderColor*/
+ border-left : 1px solid #C6D6EA; /*additionalBackgroundColor*/
+ border-top : 1px solid #C6D6EA;; /*tableBackgroundColor*/
+ }
+ .header_example_2{
+ background : url(images/bg_header.png) /*from additionalBackgroundColor to trimColor*/
top left repeat-x #C6D6EA; /*trimColor*/
+ color : #000000;
+ font-weight: normal;
+ font-family: arial; /*generalFamilyFont*/
+ font-size: 11px; /*generalSizeFont*/
+ width : 150;
+ padding : 2 5 2 5;
+ border-bottom : 1px solid #C0C0C0; /*tableBorderColor*/
+ border-right : 1px solid #C0C0C0; /*tableBorderColor*/
+ border-left : 1px solid #C6D6EA; /*additionalBackgroundColor*/
+ border-top : 1px solid #C6D6EA; /*tableBackgroundColor*/
+ }
+ .sh_arrow_right{
+ background-position: right; background-repeat: no-repeat; display : inline; cursor :
pointer; white-space : nowrap;
+ }
+ .sh_arrow_left{
+ background-position: left; background-repeat: no-repeat; display : inline; cursor :
pointer; white-space : nowrap;
+ }
+
+ .sh_sort_down{ background-image: url(images/down.gif);}
+ .sh_sort_up{ background-image: url(images/up.gif);}
+
+ .sh_arrow_right #sh_strut_p{border : 0px; height : 1px; width : 0px;}
+ .sh_arrow_right #sh_strut_n{border : 0px; height : 1px; width : 16px;}
+
+ .sh_arrow_left #sh_strut_p{border : 0px; height : 1px; width : 16px;}
+ .sh_arrow_left #sh_strut_n{border : 0px; height : 1px; width : 0px;}
+
+ </style>
+</head>
+
+<body>
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 5px">
+ <tr>
+ <td class="header_example_1">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_right sh_sort_down"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 35px">
+ <tr>
+ <td class="header_example_2">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_right sh_sort_down"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+
+
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 5px">
+ <tr>
+ <td class="header_example_1" align="right">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_right sh_sort_up"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 35px">
+ <tr>
+ <td class="header_example_2" align="right">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_right sh_sort_up"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 5px">
+ <tr>
+ <td class="header_example_1" align="center">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_right sh_sort_down"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 70px">
+ <tr>
+ <td class="header_example_2" align="center">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_right sh_sort_down"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+
+
+
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 5px">
+ <tr>
+ <td class="header_example_1">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_left sh_sort_up"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 35px">
+ <tr>
+ <td class="header_example_2">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_left sh_sort_up"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 5px">
+ <tr>
+ <td class="header_example_1" align="right">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_left sh_sort_down"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 35px">
+ <tr>
+ <td class="header_example_2" align="right">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_left sh_sort_down"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 5px">
+ <tr>
+ <td class="header_example_1" align="center">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_left sh_sort_up"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+<table border="0" cellpadding="0" cellspacing="0"
style="margin-bottom : 70px">
+ <tr>
+ <td class="header_example_2" align="center">
+
+<!-- ######### Start of header content block ######### -->
+ <div class="sh_arrow_left sh_sort_up"><img
src="images/spacer.gif" id="sh_strut_p">Header Name<img
src="images/spacer.gif" id="sh_strut_n"></div>
+<!-- ######### End of header content block ######### -->
+
+ </td>
+ </tr>
+</table>
+
+
+</body>
+</html>