Author: admitriev
Date: 2010-09-15 09:07:19 -0400 (Wed, 15 Sep 2010)
New Revision: 19215
Added:
management/design-4x/collapsiblePanel/
management/design-4x/collapsiblePanel/collapsiblePanel.html
Log:
Added: management/design-4x/collapsiblePanel/collapsiblePanel.html
===================================================================
--- management/design-4x/collapsiblePanel/collapsiblePanel.html
(rev 0)
+++ management/design-4x/collapsiblePanel/collapsiblePanel.html 2010-09-15 13:07:19 UTC
(rev 19215)
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
+
+<html>
+<head>
+ <title>Untitled</title>
+<style>
+
+.cp_container {width : 300px /*visible width*/; border : 1px solid #a6a6a6
/*panelBorderColor*/; border-bottom : 0px; background : #FFFFFF
/*generalBackgroundColor*/;}
+.cp_label { border-bottom : 1px solid #a6a6a6 /*panelBorderColor*/; background :
url(images/bg_header.png) /*from headerGradientColor to headerBackgroundColor, picture
height 20px*/ repeat-x top left #C0D1E7 /*headerBackgroundColor*/; padding : 8px 10px 7px
10px;font-weight : bold /*headerWeightFont*/; color : #000000 /*headerTextColor*/;
font-family : verdana /*headerFamilyFont*/; font-size : 11px /*headerSizeFont*/; cursor :
pointer;}
+
+.cp_content_hidden {display : none;}
+.cp_content_scroller { border-bottom : 1px solid #a6a6a6 /*panelBorderColor*/; height :
100px/*visible collapsible panel height minus header height*/; overflow : auto; overflow-x
: hidden;}
+.cp_content { padding : 10px; color : #000000 /*generalTextColor*/; font-family : verdana
/*generalFamilyFont*/; font-size : 11px /*generalSizeFont*/;}
+.cp_arrow { float : right; border : 1px solid #a6a6a6 /*panelBorderColor*/; background :
#527EB6 /*generalLinkColor*/}
+
+
+</style>
+</head>
+
+<body style="margin : 30px">
+
+ <div class="cp_container">
+ <div>
+ <div class="cp_label">
+ <img src="images/arrow_down.png" width="13"
height="11" alt="" border="0"
class="cp_arrow">
+ Level
+ </div>
+ <div class="cp_content_scroller cp_content_hidden ">
+ <div class="cp_content">
+ Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here.
+ </div>
+ </div>
+ </div>
+ </div>
+
+<br>
+
+ <div class="cp_container">
+ <div>
+ <div class="cp_label">
+ <img src="images/arrow_up.png" width="13"
height="11" alt="" border="0"
class="cp_arrow">
+ Level
+ </div>
+ <div class="cp_content_scroller">
+ <div class="cp_content">
+ Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here. Content will be here. Content will be
here. Content will be here. Content will be here.
+ </div>
+ </div>
+ </div>
+ </div>
+
+
+
+
+
+</body>
+</html>
Show replies by date