Thread: [Phphtmllib-devel] SF.net SVN: phphtmllib:[3281] trunk/open2300/htdocs/css

SourceForge Headquarters 225 Broadway Suite 1600 San Diego, CA 92101 +1 (858) 422-6466

Revision: 3281
          http://phphtmllib.svn.sourceforge.net/phphtmllib/?rev=3281&view=rev
Author:   hemna
Date:     2009-11-24 05:19:15 +0000 (Tue, 24 Nov 2009)

Log Message:
-----------
added lightview 2.5.2

Added Paths:
-----------
    trunk/open2300/htdocs/css/lightview/
    trunk/open2300/htdocs/css/lightview/lightview.css

Added: trunk/open2300/htdocs/css/lightview/lightview.css
===================================================================

--- trunk/open2300/htdocs/css/lightview/lightview.css	                        (rev 0)
+++ trunk/open2300/htdocs/css/lightview/lightview.css	2009-11-24 05:19:15 UTC (rev 3281)
@@ -0,0 +1,485 @@
+/* lightview.css
+   http://www.nickstakenburg.com/projects/lightview
+*/
+
+#lightview {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	height: 150px;
+	width: 150px;
+	margin: -75px 0 0 -75px;
+	padding: 0;
+	text-align: left;
+}
+
+/* The container that holds everything */
+.lv_Container {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background: none;
+	padding: 0;
+	margin: 0;
+}
+
+.lv_Button {
+	cursor: pointer;
+	text-decoration: none;
+	border: none;
+	background: none;
+	margin: 0;
+	padding: 0;
+}
+
+/* The buttons on the side when you view a gallery */
+.lv_Sides {
+	position: absolute;
+	top: 50%;
+	left: 0;
+	clear: both;
+	width: 100%;
+	padding: 0;
+	margin: 0;
+}
+.lv_Sides * { padding: 0; margin: 0; }
+.lv_Sides li {
+	list-style-type: none;
+	position: relative;
+}
+
+.lv_PrevSide { float: left; }
+.lv_NextSide { float: right; }
+.lv_Sides .lv_Wrapper {
+	width: 100%;
+	height: 100%;
+	cursor: pointer;
+}
+.lv_Sides .lv_Button {
+	float: left;
+	background: none;
+}
+
+/* The frames above and below the center, that hold the corners.
+   It's recommended not to change anything here, a lot is done in
+   javascript to build further upon this based on your settings.
+*/
+.lv_Frames {
+	width: 100%;
+	height: 100%;
+	position: relative;
+	padding: 0;
+	margin: 0;
+}
+.lv_Frames li {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+.lv_Frame {
+	width: 100%;
+	display: block;
+}
+.lv_Frame * { padding: 0; margin: 0; }
+.lv_FrameTop {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	display: block;
+}
+.lv_FrameBottom {
+	position: relative;
+	float: left;
+	clear: both;
+}
+
+.lv_Liquid {
+	position: relative;
+	float: left;
+	width: 100%;
+	overflow: hidden;
+	clear: both;
+}
+.lv_Liquid .lv_Filler {
+	position: absolute;
+	height: 100%;
+	width: 2px;
+	top: 0;
+	left: 50%;
+}
+
+.lv_Half {
+	display: block;
+	height: 100%;
+	clear: both;
+	line-height: 0px;
+}
+.lv_Half li { list-style-type: none; }
+.lv_Corner {
+	float: left;
+	position: relative;
+}
+.lv_CornerTr, .lv_CornerBr { float: right; }
+
+.lv_Fill {
+	position: absolute;
+	top: 0;
+	width: 100%;
+	height: 100%;
+}
+
+.lv_Half .lv_CornerWrapper {
+	float: left;
+	position: relative;
+	width: 50%;
+	height: 100%;
+	overflow: hidden;
+}
+.lv_HalfRight .lv_CornerWrapper { float: right; }
+
+.lv_Corner { position: relative; }
+.lv_Corner canvas { position: relative; }
+.lv_HalfLeft .lv_Corner { float: left; }
+.lv_HalfRight .lv_Corner {
+	position: relative;
+	float: right;
+}
+
+/* To position content correctly in the center with correct
+   rounded corner display we need a few wrappers.
+   This is to get it right on all browsers.
+*/
+.lv_Center {
+	position: relative;
+	clear: both;
+	height: 100%;
+	overflow: hidden;
+	background: none;
+	padding: 0;
+	margin: 0;
+}
+.lv_WrapUp {
+	position: absolute;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	overflow: hidden;
+	padding: 0;
+	margin: 0;
+}
+.lv_WrapDown {
+	position: relative;
+	height: 100%;
+	width: 100%;
+	overflow: hidden;
+	padding: 0;
+	margin: 0;
+}
+.lv_WrapCenter {
+	position: relative;
+	padding: 0;
+	margin: 0;
+}
+
+/* The loading indicator */
+.lv_Loading {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+}
+.lv_Loading .lv_Button {
+	float: left;
+	height: 100%;
+	width: 100%;
+}
+
+.lv_MediaWrapper {
+	position: relative;
+	width: 100%;
+	display: block;
+	overflow: hidden;
+	clear: both;
+	padding: 0;
+	margin: 0;
+}
+.lv_MediaWrapper img {
+	position: relative;
+	float: left;
+	padding: 0;
+	margin: 0;
+}
+
+/* The overlays on top of images that toggle the previous/next buttons */
+.lv_PrevNext {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	padding: 0;
+	margin: 0;
+}
+.lv_PrevNext * { padding: 0; margin: 0; }
+.lv_PrevNext .lv_Button {
+	position: relative;
+	height: 100%;
+}
+.lv_PrevButton { float: left; }
+.lv_NextButton { float: right; }
+
+/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
+.lv_MenuBar {
+	clear: both;
+	position: relative;
+	width: 100%;
+	font: 11px Arial, Helvetica, sans-serif;
+	color: #7a7a7a;
+	padding: 0;
+	margin: 0;
+	text-align: left;
+}
+.lv_MenuBar * { padding: 0; margin: 0;}
+
+
+.lv_Close {
+    position: relative;
+	float: right;
+	overflow: hidden;
+	width: 100%;
+	height: 100%;
+}
+
+.lv_Data {
+	position: relative;
+	float: left;
+	padding-bottom: 3px;
+	line-height: 13px;
+	overflow: hidden;
+}
+
+/* simulates padding-left inside .lv_Data 
+.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */
+
+.lv_Data li {
+	list-style-type: none;
+	float: left;
+	margin-top: 3px;
+}
+.lv_DataText { width: 100%; }
+.lv_DataText .lv_Title {
+	font-weight: bold;
+	margin-bottom: 2px;
+}
+.lv_DataText .lv_Caption { clear: both; }
+.lv_Data .lv_ImgNumber {
+	color: #a7a7a7;
+	margin-right: 5px;
+	margin-top: 5px;
+}
+
+.lv_Data .lv_innerPrevNext, 
+.lv_Data .lv_Slideshow {
+	position: relative;
+	border-left: 1px solid #d7d7d7;
+	padding: 0 5px;
+	margin-top: 5px;
+	vertical-align: middle;
+}
+.lv_Data .lv_Slideshow { padding-right: 0px; }
+
+.lv_Data .lv_innerPrevNext .lv_Button, 
+.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
+	float: left;
+	background-position: center left;
+	background-repeat: no-repeat;
+}
+
+/* the boxes that hold media or external content */
+.lv_contentTop,
+.lv_contentBottom {
+	position: relative;
+	float: left;
+	margin: 0;
+	padding: 0;
+	clear: both;
+}
+
+#lightview iframe {
+	float: left;
+	border: 0;
+	clear: both;
+	padding: 0;
+	margin: 0;
+	background: none;
+}
+
+/* The container that hold buttons above the view, currently only topclose */
+.lv_topButtons {
+	position: absolute;
+	left: 0;
+	width: 100%;
+	overflow: hidden;
+	margin: 0;
+	padding: 0;
+}
+.lv_topcloseButtonImage { cursor: pointer; }
+
+
+/* The error/warning/download message that will appear when
+   a required plugin is not installed.
+*/
+#lightviewError p { padding: 0 0 10px 0; }
+#lightviewError div {
+	padding: 6px;
+	font: 11px Arial, Helvetica, sans-serif;
+}
+#lightviewError .message {
+	background: #fcb5b5;
+	color: #dd1f1f;
+	margin-bottom: 3px;
+}
+#lightviewError .type { font-weight: bold; }
+#lightviewError .pluginspage {
+	background: #b5fcbd;
+	color: #21be30;
+}
+#lightviewError a,
+#lightviewError a:hover,
+#lightviewError a:visited {
+	color: #21be30;
+	text-decoration: none;
+	background: none;
+	font-weight: bold;
+	border-bottom: 1px solid #7de689;
+}
+#lightviewError p {
+	margin-left: 0;
+	padding: 0;
+}
+
+#lv_overlay {
+  position: absolute; /* Opera will use fixed */
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+}
+
+/* navbar
+   Adds a bar below the view that takes over the default Controller
+*/
+#lightviewController {
+	position: fixed;
+	bottom: 0;
+	top: 0;
+	left: 50%;
+	margin: 0;
+	padding: 0;
+	color: #d2d2d2;
+	font: 11px Arial, Helvetica, sans-serif;
+}
+* html body #lightviewController { /* IE6 */
+	position: absolute;
+	top: auto;
+	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');	
+}
+#lightviewController ul {
+	display: block;
+	height: 100%;
+	float: left;
+	margin: 0;
+	padding: 0;
+	position: relative;
+}
+.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
+	list-style-type: none;
+	float: left;
+	display: block;
+	position: relative;
+	clear: both;
+	overflow: hidden;
+	margin: 0;
+	padding: 0;
+}
+.lv_controllerCenter  { width: auto; float: left; }
+.lv_controllerCornerWrapper {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	margin: 0;
+	padding: 0;
+}
+.lv_controllerCornerWrapperTopLeft,
+.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
+.lv_controllerCornerWrapperTopRight,
+.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}
+
+#lightviewController .lv_CornerWrapper {
+	width: 100%;
+}
+#lightviewController .lv_Corner { float: left; }
+#lightviewController .lv_Corner {
+	float: right;
+	position: relative;
+}
+#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
+.lv_controllerBetweenCorners {
+	position: relative;
+	height: 100%;
+	overflow: hidden;
+}
+
+.lv_controllerMiddle {
+	position: relative;
+	height: 100%;
+	float: left;
+}
+.lv_controllerCenter { float: left; width: auto;}
+.lv_controllerCenter li {
+	list-style-type: none;
+	float: left;
+	display: inline;
+	position: relative;
+	clear: none;
+}
+.lv_controllerSetNumber {
+	float: left;
+	text-align: center;
+}
+
+#lightviewController .lv_Button {
+	float: left;
+	position: relative;
+	height: 100%;
+	clear: none;
+}
+.lv_controllerSetNumber {
+	position: relative;
+	height: 100%;
+	padding-right: 3px;
+}
+.lv_controllerPrev, 
+.lv_controllerNext, 
+.lv_controllerSlideshow, 
+.lv_controllerClose {
+	float: left;
+	position: relative;
+	height: 100%;
+	padding-left: 3px;
+}
+
+.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
+#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }
+
+* html #lightview { /* IE6 */
+	position: absolute;
+	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
+	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
+}
+
+/* Always cover 100% of the screen in IE6 */
+html #lv_overlay {
+	position: absolute;
+	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
+	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
+}
\ No newline at end of file


This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.




Thread: [Phphtmllib-devel] SF.net SVN: phphtmllib:[3281] trunk/open2300/htdocs/css

phphtmllib-devel