From 6501c4d93e541ae401c904f8a6a705c02a570371 Mon Sep 17 00:00:00 2001 From: Stefan Parviainen Date: Tue, 30 Dec 2014 11:32:00 +0100 Subject: Make redbasic css more modular --- view/theme/redbasic/css/mod_events.css | 23 ++++ view/theme/redbasic/css/mod_group.php | 32 ++++++ view/theme/redbasic/css/mod_profile_photo.css | 10 ++ view/theme/redbasic/css/mod_profiles.css | 39 +++++++ view/theme/redbasic/css/mod_profperm.css | 32 ++++++ view/theme/redbasic/css/style.css | 154 ++------------------------ 6 files changed, 146 insertions(+), 144 deletions(-) create mode 100644 view/theme/redbasic/css/mod_events.css create mode 100644 view/theme/redbasic/css/mod_group.php create mode 100644 view/theme/redbasic/css/mod_profile_photo.css create mode 100644 view/theme/redbasic/css/mod_profiles.css create mode 100644 view/theme/redbasic/css/mod_profperm.css (limited to 'view/theme/redbasic') diff --git a/view/theme/redbasic/css/mod_events.css b/view/theme/redbasic/css/mod_events.css new file mode 100644 index 000000000..4b93932f0 --- /dev/null +++ b/view/theme/redbasic/css/mod_events.css @@ -0,0 +1,23 @@ +#event-start-text, #event-finish-text { + margin-top: 10px; + margin-bottom: 5px; +} + +#event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text { + float: left; +} +#event-datetime-break { + margin-bottom: 10px; +} + +#event-nofinish-break, #event-adjust-break { + clear: both; +} + +#event-desc-text, #event-location-text { + margin-top: 10px; + margin-bottom: 5px; +} +#event-submit { + margin-top: 10px; +} diff --git a/view/theme/redbasic/css/mod_group.php b/view/theme/redbasic/css/mod_group.php new file mode 100644 index 000000000..d1f48a84c --- /dev/null +++ b/view/theme/redbasic/css/mod_group.php @@ -0,0 +1,32 @@ +#group-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#group-members-end { + clear: both; +} + +#group-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#group-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#group-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#group-edit-desc { + margin-top: 15px; +} diff --git a/view/theme/redbasic/css/mod_profile_photo.css b/view/theme/redbasic/css/mod_profile_photo.css new file mode 100644 index 000000000..beda7da4c --- /dev/null +++ b/view/theme/redbasic/css/mod_profile_photo.css @@ -0,0 +1,10 @@ + +#cropimage-wrapper, #cropimage-preview-wrapper { + float: left; + padding: 30px; +} + +#crop-image-form { + margin-top: 30px; + clear: both; +} diff --git a/view/theme/redbasic/css/mod_profiles.css b/view/theme/redbasic/css/mod_profiles.css new file mode 100644 index 000000000..b2b9a9d01 --- /dev/null +++ b/view/theme/redbasic/css/mod_profiles.css @@ -0,0 +1,39 @@ +#profile-edit-wrapper .field label { + margin-top: 20px; + width: 175px; +} + +#profile-edit-wrapper .field input[type="text"] { + margin-top: 20px; + width: 220px; +} + + +#profile-edit-links { + max-width: $converse_width; + padding-top: 15px; + padding-bottom: 15px; +} + +#profile-edit-links .btn { + margin: 0 10px 15px 0; +} + +.profile-import { + vertical-align: top; + text-align: left; +} + +.profile-import b { + color: $link_colour; +} + +.profile-import input { + color: $font_colour; + border: none; +} + +#profile-edit-drop-link { + color: #FFF; + font-weight: normal; +} diff --git a/view/theme/redbasic/css/mod_profperm.css b/view/theme/redbasic/css/mod_profperm.css new file mode 100644 index 000000000..dabd0ceaa --- /dev/null +++ b/view/theme/redbasic/css/mod_profperm.css @@ -0,0 +1,32 @@ +#prof-members { + margin-top: 20px; + padding: 10px; + height: 250px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-members-end { + clear: both; +} + +#prof-separator { + margin-top: 10px; + margin-bottom: 10px; +} + +#prof-all-contacts { + padding: 10px; + height: 450px; + overflow: auto; + border: 1px solid #ddd; +} + +#prof-all-contacts-end { + clear: both; + margin-bottom: 10px; +} + +#prof-edit-desc { + margin-top: 15px; +} diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 7a6c13798..c5be3e1d6 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -358,61 +358,11 @@ footer { margin-top: 10px; } - -#cropimage-wrapper, #cropimage-preview-wrapper { - float: left; - padding: 30px; -} - -#crop-image-form { - margin-top: 30px; - clear: both; -} - +// Not used anymore? #page-profile .title { font-weight: bold; } -#profile-edit-wrapper .field label { - margin-top: 20px; - width: 175px; -} - -#profile-edit-wrapper .field input[type="text"] { - margin-top: 20px; - width: 220px; -} - - -#profile-edit-links { - max-width: $converse_width; - padding-top: 15px; - padding-bottom: 15px; -} - -#profile-edit-links .btn { - margin: 0 10px 15px 0; -} - -.profile-import { - vertical-align: top; - text-align: left; -} - -.profile-import b { - color: $link_colour; -} - -.profile-import input { - color: $font_colour; - border: none; -} - -#profile-edit-drop-link { - color: #FFF; - font-weight: normal; -} - .fn { font-weight: bold; font-size: 16px; @@ -1056,15 +1006,18 @@ footer { margin: 10px; } +/* Not used anymore? */ #identity-manage-desc { margin-top:15px; margin-bottom: 15px; } +/* Not used anymore? */ #identity-manage-choose { margin-bottom: 15px; } +/* Not used anymore? */ #identity-submit { margin-top: 20px; } @@ -1112,114 +1065,27 @@ footer { .side-link { margin-bottom: 15px; } - -#group-members { - margin-top: 20px; - padding: 10px; - height: 250px; - overflow: auto; - border: 1px solid #ddd; -} - -#group-members-end { - clear: both; -} - -#group-separator { - margin-top: 10px; - margin-bottom: 10px; -} - -#group-all-contacts { - padding: 10px; - height: 450px; - overflow: auto; - border: 1px solid #ddd; -} - -#group-all-contacts-end { - clear: both; - margin-bottom: 10px; -} - -#group-edit-desc { - margin-top: 15px; -} - - -#prof-members { - margin-top: 20px; - padding: 10px; - height: 250px; - overflow: auto; - border: 1px solid #ddd; -} - -#prof-members-end { - clear: both; -} - -#prof-separator { - margin-top: 10px; - margin-bottom: 10px; -} - -#prof-all-contacts { - padding: 10px; - height: 450px; - overflow: auto; - border: 1px solid #ddd; -} - -#prof-all-contacts-end { - clear: both; - margin-bottom: 10px; -} - -#prof-edit-desc { - margin-top: 15px; -} - - .required { color: #FF0000; } -#event-start-text, #event-finish-text { - margin-top: 10px; - margin-bottom: 5px; -} - -#event-nofinish-checkbox, #event-nofinish-text, #event-adjust-checkbox, #event-adjust-text { - float: left; -} -#event-datetime-break { - margin-bottom: 10px; -} - -#event-nofinish-break, #event-adjust-break { - clear: both; -} - -#event-desc-text, #event-location-text { - margin-top: 10px; - margin-bottom: 5px; -} -#event-submit { - margin-top: 10px; -} - +/* Not used anymore? */ #item-delete-selected { margin-top: 30px; } +/* Not used anymore? */ #item-delete-selected-end { clear: both; } + +/* Not used anymore? */ #item-delete-selected-icon, #item-delete-selected-desc { float: left; margin-right: 5px; } + +/* Not used anymore? */ #item-delete-selected-desc:hover { text-decoration: underline; } -- cgit v1.2.3