diff options
Diffstat (limited to 'view/theme/redbasic/css')
| -rw-r--r-- | view/theme/redbasic/css/style.css | 229 |
1 files changed, 95 insertions, 134 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 5fcf901fb..903900e7f 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -128,8 +128,6 @@ pre { .heart { color: #FF0000; - font-size: 100%; - margin-right: 5px; } nav, @@ -174,6 +172,7 @@ header #banner { z-index: 1040; margin-top: 14px; text-align: center; + text-shadow: 1px 1px 2px rgba(0,0,0,.5); font-size: 14px; font-family: tahoma, "Lucida Sans", sans; color: $banner_colour; @@ -259,34 +258,6 @@ footer { clear: both; } -#profile-edit-links { - 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; @@ -295,9 +266,9 @@ footer { .vcard { margin-bottom: 10px; - padding: 10px; + padding: 0px 10px 10px 10px; background-color: rgba(254,254,254,0.5); - border-bottom: 1px solid rgba(238,238,238,0.8); + border: 1px solid rgba(254,254,254,0.5); -moz-border-radius: $radiuspx; -webkit-border-radius: $radiuspx; border-radius: $radiuspx; @@ -310,6 +281,11 @@ footer { margin-bottom: 0px; } +.connect-btn-wrapper { + margin-bottom: 10px; + +} + .profile-edit-side-link { padding: 3px 0px; opacity: 0; @@ -336,9 +312,7 @@ footer { #profile-photo-wrapper { width: 251px; height: 251px; - margin-top: -10px; margin-bottom: 10px; - border: 1px solid #ccc; border-radius: $radiuspx; } @@ -354,37 +328,6 @@ footer { margin-bottom: 15px; } -.profile-listing-photo-wrapper { - float: left; -} - -.profile-listing-edit-buttons-wrapper { - clear: both; -} -.profile-listing-photo-edit-link { - float: left; - width: 125px; -} -.profile-listing-end { - clear: both; -} -.profile-listing-edit-buttons-wrapper img{ - border: none; - margin-right: 20px; -} -.profile-listing { - margin-top: 25px; -} -.profile-listing-name { - float: left; - margin-left: 32px; - margin-top: 10px; - color: #3172BD; - font-weight: bold; - width: 200px; - -} - .app-name { overflow: none; } @@ -475,53 +418,15 @@ footer { float: right; } -.rconnect { - display: block; - color: $nav_active_icon_colour; - margin-top: 15px; - background-color: $nav_bg; - -webkit-border-radius: $radiuspx ; - -moz-border-radius: $radiuspx; - border-radius: $radiuspx; - border: 1px solid $nav_bd; - padding: 5px; - font-weight: bold; - clear: both; -} - -a.rateme, div.rateme { - display: block; - color: $nav_active_icon_colour; - background-color: $nav_bg; - -webkit-border-radius: $radiuspx ; - -moz-border-radius: $radiuspx; - border-radius: $radiuspx; - border: 1px solid $nav_bd; - padding: 5px; - font-weight: bold; - clear: both; -} - #pause { position: fixed; bottom: 5px; right: 5px; } -#vcard-end { - clear: both; -} - #contact-block { width: 100%; float: left; - background-color: rgba(254,254,254,0.5); - border-bottom: 1px solid rgba(238,238,238,0.8); - -moz-border-radius: $radiuspx; - -webkit-border-radius: $radiuspx; - border-radius: $radiuspx; - padding: 10px; - margin-bottom:10px; } #contact-block-numcontacts { @@ -995,6 +900,9 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover { margin-bottom: 18px; } +#jot-preview-content { + margin-top: 10px; +} .acl-list-item { width: 48%; /* fallback if browser does not support calc() */ width: calc(50% - 10px); @@ -1007,7 +915,15 @@ a.rconnect:hover, a.rateme:hover, div.rateme:hover { border-radius: $radiuspx; } -.acl-list-item img{ +.acl-list-item.grouphide { + border: 1px solid red; +} + +.acl-list-item.groupshow { + border: 1px solid green; +} + +.acl-list-item img { width: 40px; height: 40px; float: left; @@ -1172,7 +1088,6 @@ img.mail-conv-sender-photo { .jothidden { font-weight: bold; - border-radius: $radiuspx; } .jothidden input::-webkit-input-placeholder { @@ -1183,23 +1098,26 @@ img.mail-conv-sender-photo { font-weight: bold; } -.jothidden > input { - border: 1px solid transparent; - background-color: transparent; -} -.jothidden > input:hover, -.jothidden > input:focus { - border: 1px solid #cccccc; - background-color: #fff; + + +#profile-jot-wrapper { + background-color: rgba(254,254,254,1); + border: 1px solid #ccc; + border-radius: $radiuspx; + } #profile-jot-text { - color:#000; - border: 1px solid #cccccc; - -moz-border-radius: $radiuspx; + resize: none; + border-width: 0px; border-radius: $radiuspx; } +#profile-jot-text:focus { + resize: vertical; +} + + #profile-jot-text::-webkit-input-placeholder { font-size:16px; } @@ -1266,6 +1184,11 @@ img.mail-conv-sender-photo { font-size: $font_size; } +.wall-item-footer { + font-size: $body_font_size; + margin-top: 2em; +} + .wall-item-content-wrapper { background-color: $item_colour; border-top-right-radius: $radiuspx; @@ -1340,7 +1263,9 @@ img.mail-conv-sender-photo { .wall-item-content, .mail-conv-body, -.page-body { +.page-body, +.chat-item-text, +.chat-item-text-self { font-size: $font_size; clear: both; } @@ -1394,8 +1319,8 @@ img.mail-conv-sender-photo { /* widgets */ .widget { - background-color: rgba(254,254,254,0.5); - border-bottom: 1px solid rgba(238,238,238,0.8); + background-color: rgba(254,254,254,.5); + border: 1px solid rgba(254,254,254,.5); -moz-border-radius: $radiuspx; -webkit-border-radius: $radiuspx; border-radius: $radiuspx; @@ -1439,13 +1364,19 @@ img.mail-conv-sender-photo { cursor: pointer; } -.chat-item-photo { +.chat-item-photo, +.chat-item-photo-self { border-radius: $radiuspx; } -.chat-item-text { +.chat-item-title, +.chat-item-title-self { + border-radius: $radiuspx; + background-color: $item_colour; +} + +#chatMembers img { border-radius: $radiuspx; - background-color: #eee; } /* nav bootstrap */ @@ -1533,7 +1464,7 @@ nav .dropdown-menu { .section-content-tools-wrapper { padding: 7px 10px; background-color: $comment_item_colour; - border-bottom: 3px solid $comment_item_colour; + border-bottom: 3px solid comment_item_colour; } .section-content-info-wrapper { @@ -1567,6 +1498,7 @@ nav .dropdown-menu { .section-content-tools-wrapper .section-content-danger-wrapper, .section-content-wrapper .section-content-danger-wrapper { margin-bottom: 10px; + border-bottom: none; border-radius: $radiuspx; } @@ -1586,6 +1518,36 @@ nav .dropdown-menu { word-wrap: break-word; } +main.fullscreen { + left: 0px; + width: 100%; + height: 100%; + max-width: none; +} + +main.fullscreen .generic-content-wrapper { + position: absolute; + width: 100%; + top: 0px; + left: 0px; + border-radius: 0px; +} + +main.fullscreen .section-title-wrapper { + border-radius: 0px; +} + +main.fullscreen .section-content-wrapper, +main.fullscreen .section-content-wrapper-np { + border-radius: 0px; +} + +#inline-btn { + display: none; +} + +.chatroom-index-row:hover td, +.locs-index-row:hover td, [id^="cloud-index-"]:hover td, .cloud-index-active { background-color: $item_colour; @@ -1724,6 +1686,12 @@ nav .badge.mail-update:hover { padding: 7px 10px; } +.nav-tabs.nav-justified { + background-color: rgba(254,254,254,.5); + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} + .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { @@ -1761,9 +1729,7 @@ nav .badge.mail-update:hover { } main { - -webkit-transition: all 0.25s ease-out; - -moz-transition: all 0.25s ease-out; - transition: all 0.25s ease-out; + transition: all 0.25s ease-in-out; } main { @@ -1834,13 +1800,13 @@ nav .badge.mail-update:hover { /* Modified original CSS to match input in Redbasic */ .jothidden .bootstrap-tagsinput { - border-color: $bgcolour; - background-color: $bgcolour; + border: 0px solid transparent; + margin-bottom: 0px; box-shadow: none; display: inline-block; border-radius: $radiuspx; cursor: text; - padding: 0px 8px; + padding: 0px 10px; width: 100%; } @@ -1848,11 +1814,6 @@ nav .badge.mail-update:hover { font-size: 100%; } -.jothidden .bootstrap-tagsinput:hover, .jothidden .bootstrap-tagsinput:focus { - border: 1px solid #ccc; - background-color: #fff; -} - /* Abusing theme-green is less work than makeing a new new one */ .theme-green .back-bar .selected-bar { background-color: #000000; background-image: none; !important } |