From fc65496d1dffd74aba1d2f7ec62cfcc398a96114 Mon Sep 17 00:00:00 2001 From: jeroenpraat Date: Tue, 27 Oct 2015 01:11:50 +0100 Subject: NEW: Redbasic schema, based on the Hubzilla project page layout. --- view/theme/redbasic/schema/bluegrid.css | 330 ++++++++++++++++++++++++++++++++ view/theme/redbasic/schema/bluegrid.php | 28 +++ 2 files changed, 358 insertions(+) create mode 100644 view/theme/redbasic/schema/bluegrid.css create mode 100644 view/theme/redbasic/schema/bluegrid.php (limited to 'view') diff --git a/view/theme/redbasic/schema/bluegrid.css b/view/theme/redbasic/schema/bluegrid.css new file mode 100644 index 000000000..9638e4696 --- /dev/null +++ b/view/theme/redbasic/schema/bluegrid.css @@ -0,0 +1,330 @@ +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 { + 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: #FFF; +} + +.generic-content-wrapper-styled .generic-content-wrapper { + color: #4d4d4d; +} +.generic-content-wrapper-styled .generic-content-wrapper a { + color: #43488A; +} + +.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 +} + +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,.95); + 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; +} + +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 { + color: inherit; +} + +.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; +} + +.fc-today { + color: #43488A; +} + +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; +} + +input { + -moz-border-radius: 0px; + border-radius: 0px; +} + +#login-main { + max-width: 100%; + margin-top: 0; +} + +.contact-entry-wrapper { + border: 1px solid rgba(255,255,255,.5); +} + +.contact-entry-edit a:hover, .contact-entry-edit a:focus { + color: #43488A; +} + +.btn, #event-edit-form .btn { + 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 { + border: 1px solid #43488A; + outline: 0; + color: #43488A; + background-color: #FFF; +} + +.btn-success { + color: #FFF; + background-color: #5CB85C; + border-color: #4CAE4C; +} + +.btn-success:hover, .btn-success:focus { + color: #FFF; + background-color: #449D44; + border-color: #398439; +} + +.btn-primary, input#event-submit, input#rmagic-submit-button, input#lostpass-submit-button, input#side-follow-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 { + border-color: #FFF; + background-color: #43488A; + color: #FFF; + border-radius: 0px; +} + +.comment-tools .btn, #prvmail-tools .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 { + border: 1px solid #43488A; + color: #FFF; + background-color: #43488A; +} + +.comment-tools .btn-primary, #prvmail-submit .btn-primary, .settings-submit-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 { + border-color: #43488A; + background-color: #FFF; + color: #43488A; +} + +.btn-danger { + background-color: #D9534F; + border-color: #D43F3A; +} +.btn-danger:hover, .btn-danger:focus { + color: #FFF; + background-color: #C9302C; + border-color: #AC2925; +} + +@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 @@ +