aboutsummaryrefslogtreecommitdiff
path: root/views/default
diff options
context:
space:
mode:
authorpete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544>2008-07-25 21:21:20 +0000
committerpete <pete@36083f99-b078-4883-b0ff-0f9b5a30f544>2008-07-25 21:21:20 +0000
commit7e6e58f8b1da4c1a94c7c933d98ead1879658d58 (patch)
treecb84b9479c46a63544123ae0725ec98b188bda83 /views/default
parent16f51169d2db7126687b5078864cd822058ff1c3 (diff)
downloadelgg-7e6e58f8b1da4c1a94c7c933d98ead1879658d58.tar.gz
elgg-7e6e58f8b1da4c1a94c7c933d98ead1879658d58.tar.bz2
canvas layout updates, ie6&7 layout fixes, new 3-column widget view
git-svn-id: https://code.elgg.org/elgg/trunk@1551 36083f99-b078-4883-b0ff-0f9b5a30f544
Diffstat (limited to 'views/default')
-rw-r--r--views/default/canvas/layouts/widgets.php64
-rw-r--r--views/default/css.php192
-rw-r--r--views/default/page_elements/elgg_topbar.php3
-rw-r--r--views/default/pageshells/pageshell.php8
4 files changed, 181 insertions, 86 deletions
diff --git a/views/default/canvas/layouts/widgets.php b/views/default/canvas/layouts/widgets.php
index 55d3a1b70..785ebabee 100644
--- a/views/default/canvas/layouts/widgets.php
+++ b/views/default/canvas/layouts/widgets.php
@@ -187,54 +187,54 @@ Choose the features you want to add to your page by dragging them from the <b>Wi
?>
-<!-- right sidebar -->
-<div id="layout_sidebar_right">
-<div id="wrapper_sidebar_right">
-
-<?php
- if($_SESSION['user']->guid == page_owner()){
-?>
- <!-- customise page button -->
- <a href="javascript:void(0);" class="toggle_customise_edit_panel">Customise Layout</a>
- <div style="clear:both;"></div>
-<?php
- }
-?>
+<!-- profile box -->
+<?php echo $vars['area1']; ?>
- <?php if (isset($vars['area2'])) echo $vars['area2']; ?>
+<!-- right sidebar -->
+<div id="widgets_left">
+
<?php
- if (is_array($area2widgets) && sizeof($area2widgets) > 0)
- foreach($area2widgets as $widget) {
+ if (is_array($area1widgets) && sizeof($area1widgets) > 0)
+ foreach($area1widgets as $widget) {
echo elgg_view_entity($widget);
}
?>
-
-
-</div><!-- /#wrapper_sidebar_right -->
-<p></p><!-- necessary to avoid an ie7 bug? -->
-</div><!-- /#layout_sidebar_right -->
+
+</div><!-- /#widgets_left -->
<!-- main content -->
-<div id="layout_maincontent" class="has_sidebar_right">
-<div id="wrapper_maincontent">
-
- <?php echo $vars['area1']; ?>
+<div id="widgets_middle">
+
+ <?php if (isset($vars['area2'])) echo $vars['area2']; ?>
<?php
- if (is_array($area1widgets) && sizeof($area1widgets) > 0)
- foreach($area1widgets as $widget) {
+ if (is_array($area2widgets) && sizeof($area2widgets) > 0)
+ foreach($area2widgets as $widget) {
echo elgg_view_entity($widget);
}
?>
-</div><!-- /#wrapper_maincontent -->
-<p></p><!-- necessary to avoid an ie7 bug? -->
-</div><!-- /#layout_maincontent .has_sidebar_right -->
+</div><!-- /#widgets_middle -->
+
+<?php
+ if($_SESSION['user']->guid == page_owner()){
+?>
+ <!-- customise page button -->
+ <a href="javascript:void(0);" class="toggle_customise_edit_panel">Edit widgets</a>
+ <!-- <div style="clear:both;"></div> -->
+<?php
+ }
+?>
+
+<div id="widgets_right">
+<!-- this is where we need another widget column adding -->
+
+</div><!-- /#widgets_right -->
+
-<!-- This clearing element should immediately follow the #layout_maincontent to force the #container to contain all child floats -->
-<div class="clearfloat"></div> \ No newline at end of file
+<!-- <div class="clearfloat"></div> -->
diff --git a/views/default/css.php b/views/default/css.php
index eb53d1fa8..01033a54f 100644
--- a/views/default/css.php
+++ b/views/default/css.php
@@ -75,7 +75,7 @@ body {
margin:0 auto;
padding:0;
background: #4690d6;
- font: 75%/1.5 "Lucida Grande", Verdana, sans-serif;
+ font: 80%/1.5 "Lucida Grande", Verdana, sans-serif;
color: #333333;
background: url(<?php echo $vars['url']; ?>_graphics/page_back_linen.gif) repeat left 1px;
}
@@ -142,6 +142,7 @@ h6 { font-size: 0.8em; }
#page_wrapper {
width:998px;
margin:0 auto;
+ padding:0;
min-height: 300px;
background: #f4f4f4;
border-right: 1px solid #333333;
@@ -150,7 +151,6 @@ h6 { font-size: 0.8em; }
#layout_header {
text-align:left;
- /* position:relative; */
width:100%;
height:67px;
border-bottom:1px solid #4690d6;
@@ -162,14 +162,16 @@ h6 { font-size: 0.8em; }
}
#layout_canvas {
- margin:20px 20px 20px 20px;
+ margin:0;
+ padding:0;
min-height: 360px;
}
+
/* canvas layout: 1 column, no sidebar */
#one_column {
width:918px;
- margin:0;
+ margin:20px;
min-height: 360px;
background: white;
padding:20px;
@@ -180,7 +182,7 @@ h6 { font-size: 0.8em; }
/* canvas layout: 2 column left sidebar */
#two_column_left_sidebar {
width:170px;
- margin:0;
+ margin:20px 0 20px 20px;
min-height:360px;
float:left;
background: white;
@@ -191,7 +193,7 @@ h6 { font-size: 0.8em; }
#two_column_left_sidebar_maincontent {
width:685px;
- margin:0 0 0 20px;
+ margin:20px;
min-height: 360px;
float:left;
background: white;
@@ -203,7 +205,7 @@ h6 { font-size: 0.8em; }
/* canvas layout: 2 column right sidebar */
#two_column_right_sidebar_maincontent {
width:685px;
- margin:0 20px 0 0;
+ margin:20px;
min-height:360px;
float:left;
background: white;
@@ -214,7 +216,7 @@ h6 { font-size: 0.8em; }
#two_column_right_sidebar {
width:170px;
- margin:0;
+ margin:20px 20px 20px 0;
min-height: 360px;
float:left;
background: white;
@@ -223,10 +225,79 @@ h6 { font-size: 0.8em; }
border-right:1px solid #cccccc;
}
+/* canvas layout: widgets (profile and dashboard) */
+#widgets_left {
+ width:306px;
+ margin:20px;
+ min-height:360px;
+ float:left;
+ background: white;
+ padding:0;
+}
+#widgets_middle {
+ width:306px;
+ margin:20px 0 20px 0;
+ min-height:360px;
+ float:left;
+ background: white;
+ padding:0;
+}
+#widgets_right {
+ width:306px;
+ margin:20px;
+ min-height:360px;
+ float:left;
+ background: white;
+ padding:0;
+}
+
+
+
+/* IE 6 temp fix - for when page has no widgets */
+* html #widgets_left {
+ height:360px;
+}
+* html #widgets_middle {
+ height:360px;
+}
+* html #widgets_right {
+ height:360px;
+}
+
+/* IE6 layout fixes */
+* html #profile_info_column_right {
+ margin:0 0 0 10px;
+}
+* html #two_column_left_sidebar {
+ width:170px;
+ margin:20px 10px 20px 10px;
+}
+* html #two_column_left_sidebar_maincontent {
+ width:685px;
+ margin:20px 10px 20px 10px;
+}
+* html #profile_info {
+}
+* html #widgets_left {
+ margin:20px 20px 20px 10px;
+}
+* html #widgets_middle {
+ margin:20px 20px 20px 0px;
+}
+* html #widgets_right {
+ margin:20px 0px 20px 0px;
+}
+* html a.toggle_customise_edit_panel {
+ margin:20px 0px 0px 0px;
+}
+/* IE7 */
+*:first-child+html #wrapper_spotlight .collapsable_box_content {
+ width:958px;
+}
#owner_block {
@@ -354,6 +425,7 @@ h6 { font-size: 0.8em; }
#layout_spotlight {
padding:0;
+ margin:0;
}
#wrapper_spotlight {
margin:0;
@@ -441,6 +513,7 @@ h6 { font-size: 0.8em; }
#elgg_topbar_container_left .toolbarlinks,
#elgg_topbar_container_left .toolbarimages {
float:left;
+ margin-right:20px;
}
#elgg_topbar_container_left .toolbarlinks {
margin:3px 0 0 0;
@@ -555,9 +628,26 @@ h6 { font-size: 0.8em; }
/* ***************************************
WIDGET PICKER (PROFILE & DASHBOARD)
*************************************** */
+/* open 'customise page' panel button */
+a.toggle_customise_edit_panel {
+ float:left;
+ color: #4690d6;
+ background: white;
+ border:1px solid #cccccc;
+ padding: 5px 10px 5px 10px;
+ margin:20px 20px 0px 20px;
+ width:284px;
+ text-align: right;
+}
+a.toggle_customise_edit_panel:hover {
+ color: #ffffff;
+ background: #0054a7;
+ text-decoration:none;
+}
+
#customise_editpanel {
display:none;
- margin: -20px 0 20px 20px;
+ margin: 0;
padding:20px;
background: #dedede;
}
@@ -735,20 +825,6 @@ h6 { font-size: 0.8em; }
/* ***************************************
COLLAPSABLE BOXES
*************************************** */
-/* open 'customise page' panel button */
-a.toggle_customise_edit_panel {
- float:right;
- color: #4690d6;
- background: #f5f5f5;
- border:1px solid #cccccc;
- padding: 5px 10px 5px 10px;
- margin:0 0 20px 0;
-}
-a.toggle_customise_edit_panel:hover {
- color: #ffffff;
- background: #0054a7;
- text-decoration:none;
-}
.collapsable_box {
margin: 0 0 20px 0;
@@ -823,15 +899,11 @@ a.toggle_customise_edit_panel:hover {
System messages
*************************************** */
.messages {
- /*
- border:1px solid #D3322A;
- background:#F7DAD8;
- */
border:1px solid #00cc00;
background:#ccffcc;
color:#000000;
padding:3px 10px 3px 10px;
- margin:20px 20px 0px 180px;
+ margin:20px 20px 0px 20px;
z-index: 99999;
position:absolute;
width:776px;
@@ -841,7 +913,7 @@ a.toggle_customise_edit_panel:hover {
background:#F7DAD8;
color:#000000;
padding:3px 10px 3px 10px;
- margin:20px 20px 0px 180px;
+ margin:20px 20px 0px 20px;
z-index: 99999;
position:absolute;
width:776px;
@@ -1093,12 +1165,29 @@ input[type="submit"] {
PROFILE
*************************************** */
#profile_info {
- margin:0 0 20px 0;
- padding:10px;
+ margin:20px 20px 0 20px;
+ padding:20px;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
background: white;
}
+#profile_info_column_left {
+ float:left;
+ width:306px;
+ padding: 0;
+}
+#profile_info_column_middle {
+ float:left;
+ width:306px;
+}
+#profile_info_column_right {
+ float:left;
+ width:286px;
+ margin:0 0 0 20px;
+}
+
+
+
#profile_menu_wrapper {
margin:10px 0 10px 0;
}
@@ -1122,43 +1211,44 @@ p.user_menu_removefriend,
p.user_menu_friends_of {
margin:0;
}
-#profile_info_column_left {
- float:left;
- width:200px;
- padding: 0 20px 0 0;
-}
-#profile_info_column_right {
- float:left;
- width:280px;
- /* width:100%; */
-}
-/* IE6 fix */
-* html #profile_info_column_right {
- width:270px;
-}
-#profile_info_column_right p {
+
+#profile_info_column_middle p {
margin:7px 0 7px 0;
line-height:1.3em;
padding:2px 4px 2px 4px;
}
-#profile_info_column_right .odd {
+/* profile owner name */
+#profile_info_column_middle h2 {
+ padding:0 0 14px 0;
+ margin:0;
+}
+#profile_info_column_middle .odd {
background:#f5f5f5;
}
-#profile_info_wide p {
+#profile_info_column_right p {
margin:7px 0 7px 0;
line-height:1.4em;
}
+/* edit profile button */
#profile_info_column_right .profile_info_edit_buttons {
float:right;
margin:0;
padding:0;
}
#profile_info_column_right .profile_info_edit_buttons a {
+ color: #4690d6;
+ background: #f5f5f5;
+ border:1px solid #cccccc;
+ padding: 2px 3px 2px 3px;
margin:0;
- padding:2px 4px 2px 4px;
- border:1px solid #4690d6;
+ text-align: right;
+ display:block;
+}
+#profile_info_column_right .profile_info_edit_buttons a:hover {
+ color: #ffffff;
+ background: #0054a7;
+ text-decoration:none;
}
-
/* ***************************************
RIVER
diff --git a/views/default/page_elements/elgg_topbar.php b/views/default/page_elements/elgg_topbar.php
index 74fbba7d5..7fb88c8ff 100644
--- a/views/default/page_elements/elgg_topbar.php
+++ b/views/default/page_elements/elgg_topbar.php
@@ -28,7 +28,8 @@
</div>
<div class="toolbarlinks">
- <a href="<?php echo $_SESSION['user']->getURL(); ?>" class="pagelinks"><?php echo elgg_echo('profile'); ?></a> <!-- class="loggedinuser" <?php echo $_SESSION['user']->username; ?></a> -->
+ <!-- <a href="<?php echo $_SESSION['user']->getURL(); ?>" class="pagelinks"><?php echo elgg_echo('profile'); ?></a>
+ class="loggedinuser" <?php echo $_SESSION['user']->username; ?></a> -->
<a href="<?php echo $vars['url']; ?>pg/dashboard/" class="pagelinks"><?php echo elgg_echo('dashboard'); ?></a>
</div>
<?php
diff --git a/views/default/pageshells/pageshell.php b/views/default/pageshells/pageshell.php
index 4451a21cd..815f12c7c 100644
--- a/views/default/pageshells/pageshell.php
+++ b/views/default/pageshells/pageshell.php
@@ -35,13 +35,17 @@
<!-- display any system messages -->
<?php echo elgg_view('messages/list', array('object' => $vars['sysmessages'])); ?>
+
<!-- canvas -->
<div id="layout_canvas">
- <?php echo $vars['body']; ?>
- <div class="clearfloat"></div>
+
+<?php echo $vars['body']; ?>
+
+<div class="clearfloat"></div>
</div><!-- /#layout_canvas -->
+
<!-- spotlight -->
<?php echo elgg_view('page_elements/spotlight', $vars); ?>