summaryrefslogtreecommitdiff
path: root/views/default/css/elements
diff options
context:
space:
mode:
authorSem <sembrestels@riseup.net>2012-08-18 18:09:18 +0200
committerSem <sembrestels@riseup.net>2012-08-18 18:09:18 +0200
commiteccd860d688ad8b251dddcd4f1a254fe99eb4abd (patch)
treeca0763c1500e1de676870146ef8f3bfda848444d /views/default/css/elements
parent869c2914d62decc719ab597a9049bd556c3f7997 (diff)
downloadsaravea_theme-eccd860d688ad8b251dddcd4f1a254fe99eb4abd.tar.gz
saravea_theme-eccd860d688ad8b251dddcd4f1a254fe99eb4abd.tar.bz2
Updated base of code.
Diffstat (limited to 'views/default/css/elements')
-rw-r--r--views/default/css/elements/components.php26
-rw-r--r--views/default/css/elements/core.php17
-rw-r--r--views/default/css/elements/forms.php40
-rw-r--r--views/default/css/elements/icons.php4
-rw-r--r--views/default/css/elements/modules.php17
-rw-r--r--views/default/css/elements/navigation.php29
-rw-r--r--views/default/css/elements/typography.php4
7 files changed, 77 insertions, 60 deletions
diff --git a/views/default/css/elements/components.php b/views/default/css/elements/components.php
index 8f2c392..1edf58d 100644
--- a/views/default/css/elements/components.php
+++ b/views/default/css/elements/components.php
@@ -7,17 +7,6 @@
* @package Elgg.Core
* @subpackage UI
*/
-/**
- * elgg-body fills the space available to it.
- * It uses hidden text to expand itself. The combination of auto width, overflow
- * hidden, and the hidden text creates this effect.
- *
- * This allows us to float fixed width divs to either side of an .elgg-body div
- * without having to specify the body div's width.
- *
- * @todo check what happens with long <pre> tags or large images
- * @todo Move this to its own file -- it is very complicated and should not have to be overridden.
- */
?>
/* ***************************************
@@ -96,7 +85,11 @@
width: 100%;
border-top: 1px solid #ccc;
}
-.elgg-table-alt td {
+.elgg-table-alt th {
+ background-color: #eee;
+ font-weight: bold;
+}
+.elgg-table-alt td, .elgg-table-alt th {
padding: 2px 4px 2px 4px;
border-bottom: 1px solid #ccc;
}
@@ -287,17 +280,16 @@
Tags
*************************************** */
.elgg-tags {
- display: inline;
font-size: 85%;
}
-.elgg-tags li {
- display: inline;
+.elgg-tags > li {
+ float:left;
margin-right: 5px;
}
-.elgg-tags li:after {
+.elgg-tags li.elgg-tag:after {
content: ",";
}
-.elgg-tags li:last-child:after {
+.elgg-tags li.elgg-tag:last-child:after {
content: "";
}
.elgg-tagcloud {
diff --git a/views/default/css/elements/core.php b/views/default/css/elements/core.php
index ace6048..74f21ee 100644
--- a/views/default/css/elements/core.php
+++ b/views/default/css/elements/core.php
@@ -46,13 +46,28 @@
*overflow:visible;
}
-<?php //@todo isn't this only needed if we use display:table-cell? ?>
+<?php
+/**
+ * elgg-body fills the space available to it.
+ * It uses hidden text to expand itself. The combination of auto width, overflow
+ * hidden, and the hidden text creates this effect.
+ *
+ * This allows us to float fixed width divs to either side of an .elgg-body div
+ * without having to specify the body div's width.
+ *
+ * @todo check what happens with long <pre> tags or large images
+ * @todo Move this to its own file -- it is very complicated and should not have to be overridden.
+ */
+
+//@todo isn't this only needed if we use display:table-cell?
+?>
.elgg-body:after,
.elgg-col-last:after {
display: block;
visibility: hidden;
height: 0 !important;
line-height: 0;
+ overflow: hidden;
/* Stretch to fill up available space */
font-size: xx-large;
diff --git a/views/default/css/elements/forms.php b/views/default/css/elements/forms.php
index 746fd82..62c65ca 100644
--- a/views/default/css/elements/forms.php
+++ b/views/default/css/elements/forms.php
@@ -39,7 +39,7 @@ input, textarea {
box-sizing: border-box;
}
-input:focus, textarea:focus {
+input[type=text]:focus, textarea:focus {
border: solid 1px #ff4c12;
background: #ffede2;
color:#333;
@@ -102,7 +102,7 @@ input[type="radio"] {
margin: 0;
padding:0;
position: relative;
- width: 100%;
+ width: 730px;
}
.friends-picker {
position: relative;
@@ -313,20 +313,20 @@ input[type="radio"] {
color: white;
}
.ui-datepicker-prev, .ui-datepicker-next {
- position: absolute;
- top: 5px;
+ position: absolute;
+ top: 5px;
cursor: pointer;
}
.ui-datepicker-prev {
- left: 6px;
+ left: 6px;
}
.ui-datepicker-next {
- right: 6px;
+ right: 6px;
}
.ui-datepicker-title {
- line-height: 1.8em;
- margin: 0 30px;
- text-align: center;
+ line-height: 1.8em;
+ margin: 0 30px;
+ text-align: center;
font-weight: bold;
}
.ui-datepicker-calendar {
@@ -335,34 +335,34 @@ input[type="radio"] {
.ui-datepicker th {
color: #d86c2c;
border: none;
- font-weight: bold;
- padding: 5px 6px;
- text-align: center;
+ font-weight: bold;
+ padding: 5px 6px;
+ text-align: center;
}
.ui-datepicker td {
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
- display: block;
- padding: 2px;
+ display: block;
+ padding: 2px;
line-height: 1.2em;
- text-align: right;
- text-decoration: none;
+ text-align: right;
+ text-decoration: none;
}
.ui-datepicker-calendar .ui-state-default {
border: 1px solid #ccc;
- color: #ff4c12;
+ color: #ff4c12;
background: #fafafa;
}
.ui-datepicker-calendar .ui-state-hover {
border: 1px solid #aaa;
- color: #d86c2c;
+ color: #d86c2c;
background: #eee;
}
.ui-datepicker-calendar .ui-state-active,
.ui-datepicker-calendar .ui-state-active.ui-state-hover {
font-weight: bold;
- border: 1px solid #d86c2c;
- color: #d86c2c;
+ border: 1px solid #d86c2c;
+ color: #d86c2c;
background: #ffede2;
}
diff --git a/views/default/css/elements/icons.php b/views/default/css/elements/icons.php
index f99a41a..c9d0c3d 100644
--- a/views/default/css/elements/icons.php
+++ b/views/default/css/elements/icons.php
@@ -292,8 +292,8 @@
.elgg-ajax-loader {
background: white url(<?php echo elgg_get_site_url(); ?>_graphics/ajax_loader_bw.gif) no-repeat center center;
- min-height: 33px;
- min-width: 33px;
+ min-height: 31px;
+ min-width: 31px;
}
/* ***************************************
diff --git a/views/default/css/elements/modules.php b/views/default/css/elements/modules.php
index 9ecfff8..cbd77ff 100644
--- a/views/default/css/elements/modules.php
+++ b/views/default/css/elements/modules.php
@@ -155,19 +155,10 @@
padding: 4px 45px 0 20px;
color: #666;
}
-.elgg-module-widget.elgg-state-draggable > .elgg-head {
+.elgg-module-widget.elgg-state-draggable .elgg-widget-handle {
cursor: move;
}
-.elgg-module-widget > .elgg-head a {
- position: absolute;
- top: 4px;
- display: inline-block;
- width: 18px;
- height: 18px;
- padding: 2px 2px 0 0;
-}
a.elgg-widget-collapse-button {
- left: 5px;
color: #c5c5c5;
}
a.elgg-widget-collapse-button:hover,
@@ -181,12 +172,6 @@ a.elgg-widget-collapse-button:before {
a.elgg-widget-collapsed:before {
content: "\25BA";
}
-a.elgg-widget-delete-button {
- right: 5px;
-}
-a.elgg-widget-edit-button {
- right: 25px;
-}
.elgg-module-widget > .elgg-body {
background-color: white;
width: 100%;
diff --git a/views/default/css/elements/navigation.php b/views/default/css/elements/navigation.php
index 8b22e1d..4145912 100644
--- a/views/default/css/elements/navigation.php
+++ b/views/default/css/elements/navigation.php
@@ -368,7 +368,10 @@
position: absolute;
z-index: 10000;
- width: 165px;
+ overflow: hidden;
+
+ min-width: 165px;
+ max-width: 250px;
border: solid 1px;
border-color: #E5E5E5 #999 #999 #E5E5E5;
background-color: #FFF;
@@ -527,4 +530,26 @@
*************************************** */
.elgg-menu-extras {
margin-bottom: 15px;
-} \ No newline at end of file
+}
+
+/* ***************************************
+ WIDGET MENU
+*************************************** */
+.elgg-menu-widget > li {
+ position: absolute;
+ top: 4px;
+ display: inline-block;
+ width: 18px;
+ height: 18px;
+ padding: 2px 2px 0 0;
+}
+
+.elgg-menu-widget > .elgg-menu-item-collapse {
+ left: 5px;
+}
+.elgg-menu-widget > .elgg-menu-item-delete {
+ right: 5px;
+}
+.elgg-menu-widget > .elgg-menu-item-settings {
+ right: 25px;
+}
diff --git a/views/default/css/elements/typography.php b/views/default/css/elements/typography.php
index ccd0a32..2438dc9 100644
--- a/views/default/css/elements/typography.php
+++ b/views/default/css/elements/typography.php
@@ -25,7 +25,7 @@
}
body {
- font-size: 75%;
+ font-size: 80%;
line-height: 1.4em;
font-family: "Open Sans", Arial, Tahoma, Verdana, sans-serif;
}
@@ -152,7 +152,7 @@ h6 { font-size: 0.8em; }
.elgg-output dt { font-weight: bold }
.elgg-output dd { margin: 0 0 1em 1em }
-.elgg-output ul, ol {
+.elgg-output ul, .elgg-output ol {
margin: 0 1.5em 1.5em 0;
padding-left: 1.5em;
}