From ee3f793908dd34b3aa9e6e96ba5c53b4b1500732 Mon Sep 17 00:00:00 2001 From: pete Date: Fri, 9 May 2008 00:29:53 +0000 Subject: drag n drop interface test git-svn-id: https://code.elgg.org/elgg/trunk@637 36083f99-b078-4883-b0ff-0f9b5a30f544 --- views/default/css.php | 196 +++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 178 insertions(+), 18 deletions(-) (limited to 'views/default/css.php') diff --git a/views/default/css.php b/views/default/css.php index 09e81b55a..4f59ab88c 100644 --- a/views/default/css.php +++ b/views/default/css.php @@ -24,8 +24,14 @@ Globals */ +* { + /* border: 0; */ + margin: 0; + padding: 0; +} + body { - background:#fff url(/_graphics/header.gif) repeat-x; /* #d9e2f2 */ + background:#ffffff; /* url(/_graphics/header.gif) repeat-x; */ color:#697C83; font-family:'Trebuchet MS','Lucida Grande', Arial, sans-serif; text-align:left; @@ -45,6 +51,10 @@ a { color:#336699; } +a:hover { + text-decoration:underline; +} + ol, ul { color:#697C83; } @@ -57,6 +67,8 @@ h2, h3, h4, h5 { font-size:100%; } +input { vertical-align:middle; } + blockquote{ background: #EEE url(/_graphics/blockquote.png) no-repeat bottom left; padding: 10px; @@ -98,31 +110,31 @@ div#container { */ div#header { - margin:0; - padding:0; + margin:0 0 10px 0; + padding:5px; text-align:left; position:relative; - background:transparent; + background:#006699; width:100%; - height:120px; + height:50px; } div#header h1 { - font-size:30px; - padding:20px 0 0 0; - margin:10px 0 6px 0; + font-size:20px; + padding:0; + margin:0; } div#header h2 { - font-size:20px; - padding:20px 0 0 0; - margin:10px 0 6px 0; - color: #fff; + font-size:16px; + padding:5px 0 0 0; + margin:0; + color:#ffffff; } div#header h1 a{ color:#fff; - font-family:Helvetica, "Myriad Web", Arial, sans-serif; + /* font-family:Helvetica, "Myriad Web", Arial, sans-serif;*/ } /**** End header ****/ @@ -135,7 +147,8 @@ div#header h1 a{ position:absolute; top:2px; right:10px; - width: 300px; + width: 500px; + text-align: right; } #topmenu li { @@ -145,6 +158,11 @@ div#header h1 a{ #topmenu li a { color:#fff; + margin:0 10px 0 10px; +} + +#topmenu .usericon { + float:right; } /**** end top menu ****/ @@ -161,10 +179,21 @@ div#header h1 a{ background:#f5f5f5; /* url(/_graphics/sidebar-top.gif) no-repeat top;*/ } +#sidebar_right { + width:380px; + min-height: 380px; + float:right; + margin: 0; + padding: 0; + border-top:1px solid white; +} + #mainContent { - margin:0 0 0 180px; - width:680px; - padding:20px; + margin:0 380px 0 170px; + width:380px; + min-height: 380px; + padding:0; + border-top:1px solid white; } #login-box { @@ -233,7 +262,14 @@ div#footer a:link, div#footer a:visited { .input-tags, .input-url, .input-textarea { - width: 600px; + /* width: 600px;*/ + width:95%; + font-weight: inherit; + font-style: inherit; + font-size: 100%; + line-height: 1.4; + font-family: inherit; + padding:5px; } .input-textarea { @@ -284,6 +320,130 @@ div#footer a:link, div#footer a:visited { background-color: #666666; } +/* + rounded corner widget boxes +*/ +.ui-sortable { color:#222; margin:0; padding:0 10px 10px; } +.ui-sortable h2 {color:#555; font-size:11px; margin:0; line-height:2; padding:0; } + +.ui-sortable-helper { + /* width:150px !important; */ +} + +.placeholder { + border:2px dashed #AAA; + margin-left:-12px; +} + + +.sort { + margin:10px 0; + position:relative; + /* margin:0px auto;*/ + z-index:1; + margin-left:12px; /* default, width of left corner */ + margin-bottom:0.5em; /* spacing under box */ +} + +.sort h1 { + color:#5d9ed6; + font-size:14px; + margin:0 43px 0 0; /* margin so edit buttons are not obscured */ + cursor:move; + height:1.8em; + padding:8px 0 0 0; + position:relative; +} + +.sort .content, +.sort .t, +.sort .b, +.sort .b div { + background:transparent url(/_graphics/box.png) no-repeat top right; + _background-image:url(/_graphics/box.gif); /* for ie 6 as can't use AlphaImageLoader due to div width/height not being known */ + /* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/box.png', sizingMethod='crop'); */ +} + +.sort .content { + position:relative; + zoom:1; + _overflow-y:hidden; + padding:0 12px 0 0; +} + +.sort .t { + /* top+left vertical slice */ + position:absolute; + left:0px; + top:0px; + width:12px; /* top slice width */ + margin-left:-12px; + height:100%; + _height:1600px; /* arbitrary long height, IE 6 */ + background-position:top left; +} + +.sort .b { + /* bottom */ + position:relative; + width:100%; +} + +.sort .b, +.sort .b div { + height:6px; /* height of bottom round */ + font-size:1px; +} + +.sort .b { + background-position:bottom right; +} + +.sort .b div { + position:relative; + width:12px; /* bottom corner width */ + margin-left:-12px; + background-position:bottom left; +} + +.sort p { + margin:0px; + padding:0.5em 0px 0.5em 0px; + line-height: 1.4em; + color:#555; +} + +.editpanel { + background: #cccccc; + height: 100px; + display: none; +} +.button_editpanel { + z-index:1; + float:right; + /* background: url(images/ todo - add arrow graphic ) no-repeat right -50px; */ + text-align: right; + padding: 10px 0 0 0; + cursor:pointer; + color: #cccccc; + text-decoration: none; + outline: none; + -moz-outline-style: none; +} +.active { + /* background-position: right 12px;*/ + color: #666666; +} +a.togglepanel { + color: #cccccc; + cursor:pointer; + text-decoration:none; + float:right; + padding: 9px 0 0 8px; + font-weight: bold; + outline: none; + -moz-outline-style: none; +} -- cgit v1.2.3