diff options
Diffstat (limited to 'view/theme')
-rw-r--r-- | view/theme/redbasic/css/style.css | 43 | ||||
-rw-r--r-- | view/theme/redbasic/schema/bluegrid.css | 444 | ||||
-rw-r--r-- | view/theme/redbasic/schema/bluegrid.php | 28 | ||||
-rw-r--r-- | view/theme/redbasic/schema/dark.css | 78 |
4 files changed, 574 insertions, 19 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index b25ca333b..e83610f51 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -757,6 +757,7 @@ a.rateme, div.rateme { .wall-item-conv { padding: 7px 10px; + background-color: $comment_item_colour; } @@ -794,11 +795,11 @@ a.rateme, div.rateme { } #nav-search-text::-webkit-input-placeholder { - font-family: FontAwesome; + font-family: FontAwesome, sans-serif; } #nav-search-text::-moz-placeholder { - font-family: FontAwesome; + font-family: FontAwesome, sans-serif; } nav .acpopup { @@ -1621,21 +1622,31 @@ img.mail-conv-sender-photo { } /* conversation */ +.nsfw-wrap { + text-align: center; + font-size: $body_font_size; +} .wall-item-head { - padding: 10px 10px 0px 10px; + padding: 10px 10px 0.5em 10px; } .wall-item-content { - padding: 1em 10px; + padding: 0.5em 10px; } .wall-photo-item { - padding: 10px 0px; + /*padding: 0.5em 10px;*/ +} + +.wall-photo-item img { + max-width: 100% !important; + border-top-right-radius: $radiuspx; + border-top-left-radius: $radiuspx; } .wall-item-tools { - padding: 0px 10px 10px 10px; + padding: 0.5em 10px 10px 10px; } @@ -1651,6 +1662,8 @@ img.mail-conv-sender-photo { .wall-item-content-wrapper.comment { background-color: $comment_item_colour; + border-top-right-radius: 0px; + border-top-left-radius: 0px; } .hide-comments-outer { @@ -1673,11 +1686,11 @@ img.mail-conv-sender-photo { border-radius: 0px; border-bottom-right-radius: $radiuspx; border-bottom-left-radius: $radiuspx; - margin-top: 3px; + border-top: 3px solid $comment_item_colour; } .wall-item-comment-wrapper-wc { - margin-top: 0px; + border-top: 0px solid $comment_item_colour; } .wall-item-like, @@ -1762,7 +1775,6 @@ img.mail-conv-sender-photo { .divgrow-showmore:hover { border-top: 1px dashed #adadad; - text-decoration: underline; } @@ -1860,7 +1872,6 @@ nav .dropdown-menu { border: 1px solid #ccc; box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2); border-radius: $radiuspx; - background-color: #fff; } .section-title-wrapper { @@ -1868,7 +1879,7 @@ nav .dropdown-menu { background-color: $item_colour; border-top-left-radius: $radiuspx; border-top-right-radius: $radiuspx; - margin-bottom: 3px; + border-bottom: 3px solid $comment_item_colour; } .section-title-wrapper h2, @@ -1883,20 +1894,20 @@ nav .dropdown-menu { .section-subtitle-wrapper { padding: 7px 10px; background-color: $item_colour; - margin-bottom: 3px; + border-bottom: 3px solid $comment_item_colour; } .section-content-tools-wrapper { padding: 7px 10px; background-color: $comment_item_colour; - margin-bottom: 3px + border-bottom: 3px solid $comment_item_colour; } .section-content-info-wrapper { padding: 21px 10px; color: #31708f; background-color: #d9edf7; - margin-bottom: 3px; + border-bottom: 3px solid $comment_item_colour; text-align: center; } @@ -1904,7 +1915,7 @@ nav .dropdown-menu { padding: 21px 10px; color: #8a6d3b; background-color: #fcf8e3; - margin-bottom: 3px; + border-bottom: 3px solid $comment_item_colour; text-align: center; } @@ -1912,7 +1923,7 @@ nav .dropdown-menu { padding: 21px 10px; color: #a94442; background-color: #f2dede; - margin-bottom: 3px; + border-bottom: 3px solid $comment_item_colour; text-align: center; } diff --git a/view/theme/redbasic/schema/bluegrid.css b/view/theme/redbasic/schema/bluegrid.css new file mode 100644 index 000000000..15e17c48b --- /dev/null +++ b/view/theme/redbasic/schema/bluegrid.css @@ -0,0 +1,444 @@ +body { + background-size: auto; +} + +.generic-content-wrapper-styled, #profile-jot-wrapper { + background-color: rgba(67,72,138,.8); + color: #FFF; +} + +.generic-content-wrapper-styled .btn-default:hover, #profile-jot-wrapper .btn-default:hover { + border: 1px solid #FFF; +} + +.generic-content-wrapper-styled a:hover, .generic-content-wrapper-styled a:focus, .generic-content-wrapper-styled .field.checkbox:hover label, .generic-content-wrapper-styled .field.checkbox:focus label, .allcontact-link:hover, .allcontact-link:focus { + color: rgba(255,255,255,.8); +} + +.generic-content-wrapper, .profile-jot-text, .comment-edit-text-empty, .comment-edit-text-full, input.widget-input, .wall-item-content-wrapper, .section-title-wrapper, .section-content-wrapper { + border-radius: 0px !important; +} + +.generic-content-wrapper { + background-color: rgba(255,255,255,.8); + color: #4d4d4d; +} + +.wall-item-content-wrapper { + background-color: #FFF; +} + +.hide-comments-outer, .wall-item-content-wrapper.comment, .wall-item-comment-wrapper { + background-color: transparent; +} + +.generic-content-wrapper-styled .generic-content-wrapper { + color: #4D4D4D; +} + +.generic-content-wrapper-styled .generic-content-wrapper a { + color: #43488A; +} + +.generic-content-wrapper #profile-jot-wrapper { + background-color: transparent; + color: #4D4D4D; +} + +.generic-content-wrapper input#jot-title, .generic-content-wrapper input#jot-pagetitle { + color: #4D4D4D; +} + +.generic-content-wrapper input#jot-title:hover, .generic-content-wrapper input#jot-title:focus { + color: #4D4D4D; + border-radius: 0px; +} + + +.fn, .widget h3, .nav-tabs a, .generic-content-wrapper-styled a, .dropdown-menu > li > a, #channels-desc, input#jot-title { + color: #fff; + border-radius: 0px +} + +ul.dropdown-menu.acpopup > li.textcomplete-item > a { + color: #43488A; +} + +ul.dropdown-menu.acpopup > li.textcomplete-item > a:hover, ul.dropdown-menu.acpopup > li.textcomplete-item > a:focus { + background-color: #43488A; + color: #FFF; + cursor: pointer; +} + +input#jot-title:hover, input#jot-title:focus { + color: #43488A; + border-radius: 0px; +} + +.navbar-inverse { + background-color: transparent; + border-color: transparent; + background-image: none; +} + +.navbar-inverse .navbar-nav > .active > a { + background-image: none; + background: rgba(255,255,255,.5); +} + +.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { + background: rgba(255,255,255,.5); +} + +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: #43488A; + background: rgba(255,255,255,.5); +} + +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #43488A; + color: #fff; +} + +#nav-search-text { + color: #fff; + background-color: #43488A; + border-radius: 0px; + border-color: transparent; +} + +nav .dropdown-menu, .wall-item-tools .dropdown-menu, .section-title-wrapper .dropdown-menu { + background-color: rgba(67,72,138,.97); + color: #fff; + border-radius: 0; + border: none; + box-shadow: 0px 6px 12px rgba(45,48,92,.176); +} + +.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { + color: #43488A; + background-color: rgba(255,255,255,.7); + text-decoration: underline; +} + +.vcard .dropdown-menu { + background-color: rgba(255,255,255,.97); + border-radius: 0; + border: none; + box-shadow: 0px 6px 12px rgba(169,169,169,.176); +} + +.vcard .dropdown-menu a, .fc-today { + color: #43488A; +} + +.vcard .dropdown-menu > li > a:focus, .vcard .dropdown-menu > li > a:hover { + color: #43488A; + background-color: rgba( 255,255,255,.7); + text-decoration: underline; +} + +nav .badge { + background-color: rgba(255,255,255,.8); + color: #43488A; + border-radius: 0px !important; +} + +nav .badge:hover, nav .badge:focus { + background-color: rgba(67,72,138,.8); + color: #FFF; +} + +.field.checkbox > div > input:checked + label .onoffswitch-switch { + background-color: #43488A; +} + +.widget .field.checkbox:hover label { + color: rgba(255,255,255,.8); +} + +.help-block, .comment-icon, .jot-icons, .admin-icons { + color: inherit; +} + +#adminpage table tr:hover, #adminpage table tr:hover a, #adminpage table tr td.tools a:hover, #adminpage table tr:focus, #adminpage table tr:focus a, #adminpage table tr td.tools a:focus { + color: #43488A; +} + +#adminpage table tr:hover .tools a, #adminpage table tr:focus .tools a, .generic-content-wrapper-styled > .descriptive-text { + color: #FFF; +} + +.generic-content-wrapper-styled > .sources-links { + font-weight: bold; +} + +.wall-item-tools .btn { + border-color: #43488A; +} + +.vcard, #contact-block, .widget { + background-color: rgba(67,72,138,.8); + color: #fff; + border-radius: 0; + border: none; + box-shadow: 0px 6px 12px rgba(45,48,92,.176); +} + +#profile-photo-wrapper { + border: none; +} + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + color: #43488A; + text-decoration: none; + border: none; +} + +.nav-tabs > li.active { + background-color: rgba(255,255,255,.5); +} + +.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover { + border-color: transparent; +} + +.nav-tabs.nav-justified { + background-color: rgba(67,72,138,.8); + border-bottom: 1px solid rgba(255,255,255,.5); + border-radius: 0px; +} + +.nav-tabs.nav-justified > li > a { + border-bottom: 1px solid transparent; + border-radius: 0px; +} + +.nav > li > a:focus, .nav > li > a:hover { + text-decoration: underline; + background-color: rgba(255,255,255,.5); + color: #43488A; + border-radius: 0; + border-color: transparent; +} + +.nav > li > a { + color: #FFF; + border-radius: 0px; +} + +.fc-event { + border: none !important; + background-color: rgba(255,255,255,.7) !important; + color: #43488A !important; + text-shadow: none !important; +} + +div.rateme { + border-radius: 0px; + font-weight: 400; +} + +div.rateme:hover, div.rateme:focus, a.rateme:hover, a.rateme:focus { + background-color: #43488A; + border-radius: 0px; + color: #FFF; + font-weight: 400; + -webkit-transition: all .3s ease-in-out; + -moz-transition: all .3s ease-in-out; + transition: all .3s ease-in-out; +} + +.info { + background: rgba(255,255,255,.7) url("/images/hz-32.png") no-repeat scroll 15px center !important; + color: #43488A !important; +} + +.notice { + background: rgba(215,43,52,.7) url("/images/hz-white-32.png") no-repeat scroll 15px center !important; + color: #FFF !important; +} + +#chatTopBar { + background-color: rgba(255,255,255,.8); + color: #4d4d4d; + height: 500px; + width: 596px; + overflow-y: auto; +} + +.chat-item-text { + border-radius: 0px; + padding: 5px; + background-color: #FFF; +} + +input { + border-radius: 0px; +} + +#login-main { + max-width: 100%; + margin-top: 0; +} + +.directory-item { + margin-bottom: 0px; + padding-bottom: 20px; + background-color: #FFF; +} + +.directory-item.lframe { + background-color: transparent !important; +} + +.contact-entry-wrapper { + border: 1px solid rgba(255,255,255,.5); +} + +.contact-entry-edit a:hover, .contact-entry-edit a:focus, .generic-content-wrapper-styled > p > span.btn.btn-default > a:hover,.generic-content-wrapper-styled > p > span.btn.btn-default > a:focus, div#profile-edit-links a:hover, div#profile-edit-links a:focus { + color: #43488A; +} + +.profile-edit-side-link, input#profile-photo-upload, .allcontact-link, #newchannel-form .descriptive-paragraph { + color: #FFF; +} + +.profile-edit-side-link:hover, .profile-edit-side-link:focus { + color: #FFF; + text-decoration: none; +} + +.btn, #event-edit-form .btn, input.directory-rating-submit { + border: 1px solid #FFF; + color: #FFF; + background-color: #43488A; + border-radius: 0; + font-weight: 400; + -webkit-transition: all .3s ease-in-out; + -moz-transition: all .3s ease-in-out; + transition: all .3s ease-in-out; +} + +.btn:hover, .btn:focus, #event-edit-form .btn:hover, #event-edit-form .btn:focus { + border: 1px solid #FFF; + outline: 0; + color: #43488A; + background-color: #FFF; +} + +.btn-default:hover, .btn-default:focus, .open > .dropdown-toggle.btn-default, input.directory-rating-submit:hover, input.directory-rating-submit:focus { + border: 1px solid #43488A; + outline: 0; + color: #43488A; + background-color: #FFF; +} + +.btn-primary, input#event-submit, input#rmagic-submit-button, input#lostpass-submit-button, input#side-follow-submit, .profile-edit-submit-wrapper > input.profile-edit-submit-button, input#profile-photo-submit, form#chat-form > input, div#adminpage > form > div.submit > input, input.sources-submit, input.contact-edit-submit { + background-color: #FFF; + color: #43488A; + border-radius: 0px; + -webkit-transition: all .3s ease-in-out; + -moz-transition: all .3s ease-in-out; + transition: all .3s ease-in-out; +} + +.btn-primary:hover, .btn-primary:focus, input#event-submit:hover, input#event-submit:focus, input#rmagic-submit-button:hover, input#rmagic-submit-button:focus, input#lostpass-submit-button:hover, input#lostpass-submit-button:focus, input#side-follow-submit:hover, input#side-follow-submit:focus, .profile-edit-submit-wrapper > input.profile-edit-submit-button:hover, .profile-edit-submit-wrapper > input.profile-edit-submit-button:focus, input#profile-photo-submit:hover, input#profile-photo-submit:focus, form#chat-form > input:hover, form#chat-form > input:focus, div#adminpage > form > div.submit > input:hover, div#adminpage > form > div.submit > input:focus, input.sources-submit:hover, input.sources-submit:focus, input.contact-edit-submit:focus, input.contact-edit-submit:hover { + border-color: #FFF; + background-color: #43488A; + color: #FFF; + border-radius: 0px; +} + +.comment-tools .btn, #prvmail-tools .btn, .generic-content-wrapper .btn { + border: 1px solid #43488A; + color: #43488A; + background-color: #FFF; +} + +.comment-tools .btn:hover, .comment-tools .btn:focus, #prvmail-tools .btn:hover, #prvmail-tools .btn:focus, .generic-content-wrapper .btn:hover, .generic-content-wrapper .btn:focus { + border: 1px solid #43488A !important; + color: #FFF; + background-color: #43488A; +} + +.comment-tools .btn-primary, #prvmail-submit .btn-primary, .settings-submit-wrapper .btn-primary, .generic-content-wrapper .btn-primary { + background-color: #43488A; + color: #FFF; + border: 1px solid #43488A; +} + +.comment-tools .btn-primary:hover, .comment-tools .btn-primary:focus, #prvmail-submit .btn-primary:hover, #prvmail-submit .btn-primary:focus, .settings-submit-wrapper .btn-primary:hover, .settings-submit-wrapper .btn-primary:focus, .generic-content-wrapper .btn-primary:hover, .generic-content-wrapper .btn-primary:focus { + border-color: #43488A; + background-color: #FFF; + color: #43488A; +} + +.btn-success { + color: #FFF !important; + background-color: #5CB85C !important; + border-color: #4CAE4C !important; +} + +.btn-success:hover, .btn-success:focus { + color: #FFF !important; + background-color: #449D44 !important; + border-color: #398439 !important; +} + +.btn-warning { + color: #FFF !important; + background-color: #F0AD4E !important; + border-color: #EEA236 !important; +} + +.btn-warning:hover, .btn-warning:focus { + color: #FFF !important; + background-color: #EC971F !important; + border-color: #D58512 !important; +} + +.btn-danger, form#chat-destroy > input { + background-color: #D9534F !important; + border-color: #D43F3A !important; + color: #FFF !important; +} +.btn-danger:hover, .btn-danger:focus, form#chat-destroy > input:hover, form#chat-destroy > input:focus { + color: #FFF !important; + background-color: #C9302C !important; + border-color: #AC2925 !important; +} + +a:hover > .icon-trash { + color: #C9302C !important; +} + +@media screen and (max-width: 767px) { + .navbar-inverse .navbar-collapse { + background-color: #43488A; + border: none; + } + .navbar-inverse .navbar-toggle { + border-color: #576295; + background-color: #43488A; + border-radius: 0px; + } + .navbar-inverse .navbar-toggle .icon-bar { + background-color: #FFF; + } + .navbar-inverse .navbar-toggle .icon-circle-arrow-down, .navbar-inverse .navbar-toggle .icon-circle-arrow-right, .navbar-inverse .navbar-toggle .icon-circle-arrow-up, .navbar-inverse .navbar-toggle .icon-circle-arrow-left { + color: #FFF; + } + .navbar-inverse .navbar-toggle:hover .icon-circle-arrow-down, .navbar-inverse .navbar-toggle:focus .icon-circle-arrow-down, .navbar-inverse .navbar-toggle:hover .icon-circle-arrow-right, .navbar-inverse .navbar-toggle:focus .icon-circle-arrow-right, .navbar-inverse .navbar-toggle:hover .icon-circle-arrow-up, .navbar-inverse .navbar-toggle:focus .icon-circle-arrow-up, .navbar-inverse .navbar-toggle:hover .icon-circle-arrow-left, .navbar-inverse .navbar-toggle:focus .icon-circle-arrow-left { + color: #43488A; + } + .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { + background-color: #FFF !important; + } + .navbar-toggle:hover .icon-bar , .navbar-toggle:focus .icon-bar { + background-color: #43488A !important; + } +} diff --git a/view/theme/redbasic/schema/bluegrid.php b/view/theme/redbasic/schema/bluegrid.php new file mode 100644 index 000000000..fdb552611 --- /dev/null +++ b/view/theme/redbasic/schema/bluegrid.php @@ -0,0 +1,28 @@ +<?php + + if (! $nav_bg) + $nav_bg = "#FFF"; + if (! $nav_active_gradient_top) + $nav_active_gradient_top = "#FFF"; + if (! $nav_active_gradient_bottom) + $nav_active_gradient_bottom = "#43488A"; + if (! $nav_bd) + $nav_bd = "#fff"; + if (! $nav_icon_colour) + $nav_icon_colour = "#FFF"; + if (! $nav_active_icon_colour) + $nav_active_icon_colour = "#43488A"; + if (! $banner_colour) + $banner_colour = "#fff"; + if (! $bgcolour) + $bgcolour = "#43488A"; + if (! $background_image) + $background_image = "/images/bggrid.png"; + if (! $link_colour) + $link_colour = "#43488A"; + + + + + + diff --git a/view/theme/redbasic/schema/dark.css b/view/theme/redbasic/schema/dark.css index 4e8e23de5..9574df182 100644 --- a/view/theme/redbasic/schema/dark.css +++ b/view/theme/redbasic/schema/dark.css @@ -5,13 +5,26 @@ .vcard, #contact-block, .widget { background-color: transparent; - border-bottom: 1px solid #fff; + border-bottom: 1px solid #333; + border-radius: 0px +} + +#profile-photo-wrapper { + border:none; +} + +.photo { + box-shadow: none; } .abook-pending-contact, .abook-permschange { background: #402900; } +.contact-entry-wrapper { + border: 1px solid #333; +} + #cboxContent a { color: #000; } @@ -75,7 +88,7 @@ background-color: #111; } -.btn-default { +.btn { background-color: #1e1e1e; border-color: #222; color: #ccc; @@ -83,7 +96,7 @@ box-shadow: none; } -.btn-default:hover, .btn-default:focus, .btn-default:active .btn-default.active { +.btn:hover, .btn:focus, .btn:active { background-color: #222; border-color: #222; color: #fff; @@ -94,6 +107,52 @@ text-decoration: none; } +.btn-primary, input#event-submit, input#rmagic-submit-button, input#lostpass-submit-button { + background-color: #337AB7; + color: #FFF; +} + +.btn-primary:hover, .btn-primary:focus, input#event-submit:hover, input#event-submit:focus, input#rmagic-submit-button:hover, input#rmagic-submit-button:focus, input#lostpass-submit-button:hover, input#lostpass-submit-button:focus { + border-color: #204D74; + background-color: #286090; + color: #FFF; +} + +.btn-success { + color: #FFF !important; + background-color: #5CB85C !important; + border-color: #4CAE4C !important; +} + +.btn-success:hover, .btn-success:focus { + color: #FFF !important; + background-color: #449D44 !important; + border-color: #398439 !important; +} + +.btn-warning { + color: #FFF !important; + background-color: #F0AD4E !important; + border-color: #EEA236 !important; +} + +.btn-warning:hover, .btn-warning:focus { + color: #FFF !important; + background-color: #EC971F !important; + border-color: #D58512 !important; +} + +.btn-danger, form#chat-destroy > input { + background-color: #D9534F !important; + border-color: #D43F3A !important; + color: #FFF !important; +} +.btn-danger:hover, .btn-danger:focus, form#chat-destroy > input:hover, form#chat-destroy > input:focus { + color: #FFF !important; + background-color: #C9302C !important; + border-color: #AC2925 !important; +} + .pager_first, .pager_last, .pager_prev, @@ -177,6 +236,7 @@ nav .dropdown-menu { text-decoration: underline; background-color: #222; color: #ccc; + border-color: #333; } aside .nav > li > a:hover, aside .nav > li > a:focus { @@ -251,6 +311,18 @@ pre { background: url('../img/gray_and_black_diagonal_stripes_background_seamless.gif'); } +.xdsoft_datepicker.active { + color: #222 !important; + text-decoration: none !important; +} + +.xdsoft_datepicker.active:hover, .xdsoft_datepicker.active:focus { + color: #222 !important; + text-decoration: underline; +} + + + @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #333; |