diff options
Diffstat (limited to 'mod/saravea_theme/views/default/css/elements/components.php')
-rw-r--r-- | mod/saravea_theme/views/default/css/elements/components.php | 354 |
1 files changed, 354 insertions, 0 deletions
diff --git a/mod/saravea_theme/views/default/css/elements/components.php b/mod/saravea_theme/views/default/css/elements/components.php new file mode 100644 index 000000000..c3a7cdb9e --- /dev/null +++ b/mod/saravea_theme/views/default/css/elements/components.php @@ -0,0 +1,354 @@ +<?php +/** + * Layout Object CSS + * + * Image blocks, lists, tables, gallery, messages + * + * @package Elgg.Core + * @subpackage UI + */ +?> + +/* *************************************** + Image Block +*************************************** */ +.elgg-image-block { + padding: 3px 0; +} +.elgg-image-block .elgg-image { + float: left; + margin-right: 5px; +} +.elgg-image-block .elgg-image-alt { + float: right; + margin-left: 5px; +} + +.elgg-subtext { + margin-top: 3px; +} + +.elgg-subtext .elgg-tags { + font-size: 90%; + padding-top: 4px; +} + +/* *************************************** + List +*************************************** */ +.elgg-list { + border-top: 1px dotted #CCCCCC; + margin: 5px 0; + clear: both; +} +.elgg-list > li { + border-bottom: 1px dotted #CCCCCC; +} + +.elgg-item .elgg-subtext { + margin-bottom: 5px; +} + +.elgg-item .elgg-content, .elgg-content .elgg-output, .elgg-item .elgg-output { + margin: 5px; + background-color: #f7f7f7; + border: 1px solid #ddd; + padding: 10px; + + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + + + +/* *************************************** + Gallery +*************************************** */ +.elgg-gallery { + border: none; + margin-right: auto; + margin-left: auto; +} +.elgg-gallery td { + padding: 5px; +} +.elgg-gallery-fluid > li { + float: left; +} +.elgg-gallery-users > li { + margin: 0 2px; +} + +/* *************************************** + Tables +*************************************** */ +.elgg-table { + width: 100%; + border-top: 1px solid #ccc; +} +.elgg-table td, .elgg-table th { + padding: 4px 8px; + border: 1px solid #ccc; +} +.elgg-table th { + background-color: #ddd; +} +.elgg-table tr:nth-child(odd), .elgg-table tr.odd { + background-color: #fff; +} +.elgg-table tr:nth-child(even), .elgg-table tr.even { + background-color: #f0f0f0; +} +.elgg-table-alt { + width: 100%; + border-top: 1px solid #ccc; +} +.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; +} +.elgg-table-alt td:first-child { + width: 200px; +} +.elgg-table-alt tr:hover { + background: #E4E4E4; +} + +/* *************************************** + Owner Block +*************************************** */ +.elgg-owner-block { + margin-bottom: 20px; +} + +.elgg-owner-block h3 { + +} +.elgg-owner-block .elgg-subtext { + padding: 2px 0 9px 0; +} + + + + +/* *************************************** + Messages +*************************************** */ +.elgg-message { + color: white; + font-weight: bold; + display: block; + padding: 3px 10px; + cursor: pointer; + opacity: 0.9; + + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); + -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.45); + + -webkit-border-radius: 3px; + -moz-border-radius: 3x; + border-radius: 3px; +} +.elgg-state-success { + background-color: #219C8B; + color: white; +} +.elgg-state-error { + background-color: #DE0218; +} +.elgg-state-notice { + background-color: #ff4c12; +} + +/* *************************************** + River +*************************************** */ +.elgg-list-river { + border-top: 1px solid #CCC; +} +.elgg-list-river > li { + border-bottom: 1px solid #CCC; +} +.elgg-river-item { + padding: 7px 0; +} +.elgg-river-item .elgg-pict { + margin-right: 20px; +} +.elgg-river-timestamp { + color: #666; + font-size: 85%; + line-height: 1.2em; +} +.elgg-river-timestamp:before { + content: '('; +} +.elgg-river-timestamp:after { + content: ')'; +} + +.elgg-river-attachments, +.elgg-river-message, +.elgg-river-content { + color: #444; + background-color: #f7f7f7; + border: 1px solid #ccc; + border-radius: 3px; + font-size: 100%; + line-height: 1.5em; + margin: 8px 0 5px 0; + padding: 5px; +} + +.elgg-river-summary{ + font-size: 94%; +} +.elgg-river-attachments .elgg-avatar, +.elgg-river-attachments .elgg-icon { + float: left; +} +.elgg-river-layout .elgg-input-dropdown { + float: right; + margin: 10px 0; +} + +.elgg-river-comments-tab { + display: block; + background-color: #f7f7f7; + color: #444; + margin-top: 5px; + width: auto; + float: right; + font-size: 85%; + padding: 1px 7px; + border-right: solid 1px #BBB; + + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; +} + +<?php //@todo components.php ?> +.elgg-river-comments { + margin: 0; + background-color: #f7f7f7; + border-top: none; + border-right: solid 1px #BBB; + border-bottom: solid 1px #BBB; + + -webkit-border-radius: 3px; + -webkit-border-top-right-radius: 0; + -moz-border-radius: 3px; + -moz-border-radius-topright: 0; + border-radius: 3px; + border-top-right-radius: 0; +} + +.elgg-river-comments .elgg-output { + border: none; + +} + +.elgg-river-comments li:first-child { + -webkit-border-radius: 5px 0 0; + -moz-border-radius: 5px 0 0; + border-radius: 5px 0 0; +} +.elgg-river-comments li:last-child { + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius-bottomleft: 0 0 5px 5px; + border-radius-bottomleft: 0 0 5px 5px; +} +.elgg-river-comments li { + border-bottom: none; + padding: 4px; + margin-bottom: 2px; +} +.elgg-river-comments .elgg-media { + padding: 0; +} +.elgg-river-more { + background-color: #EEE; + + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + + padding: 2px 4px; + font-size: 85%; + margin-bottom: 2px; +} + +<?php //@todo location-dependent styles ?> +.elgg-river-item form { + background-color: #EEE; + padding: 4px; + + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + + height: 30px; +} +.elgg-river-item input[type=text] { + width: 80%; +} +.elgg-river-item input[type=submit] { + margin: 0 0 0 10px; +} + + +/* ************************************** + Comments (from elgg_view_comments) +************************************** */ +.elgg-comments { + margin-top: 25px; +} +.elgg-comments > form { + margin-top: 15px; +} + +.elgg-comments h3{ + font-weight: bold; + margin-bottom: 5px; +} + +.elgg-comments li.elgg-item { + padding: 10px 0; +} + +/* *************************************** + Image-related +*************************************** */ +.elgg-photo { + border: 1px solid #CCC; + padding: 1px; + background-color: white; + box-shadow: 0px 1px 1px #666; +} + +/* *************************************** + Tags +*************************************** */ +.elgg-tags { + font-size: 85%; +} +.elgg-tags > li { + float:left; + margin-right: 5px; +} +.elgg-tags li.elgg-tag:after { + content: ","; +} +.elgg-tags li.elgg-tag:last-child:after { + content: ""; +} +.elgg-tagcloud { + text-align: justify; +} |