From bef2d264842bf05e8b77d35dc3cb815d45ef3344 Mon Sep 17 00:00:00 2001 From: jeroenpraat Date: Tue, 15 Apr 2014 21:29:03 +0200 Subject: Large update dark schema The new ACL and some minor things still needs to be done. Style.css and style.php will follow. --- view/theme/redbasic/schema/dark.php | 100 ++++++++++++++++++++++++++++++------ 1 file changed, 84 insertions(+), 16 deletions(-) (limited to 'view') diff --git a/view/theme/redbasic/schema/dark.php b/view/theme/redbasic/schema/dark.php index 24ed4f418..27fbd26fc 100644 --- a/view/theme/redbasic/schema/dark.php +++ b/view/theme/redbasic/schema/dark.php @@ -1,34 +1,102 @@ Date: Tue, 15 Apr 2014 21:33:26 +0200 Subject: Needed for large update dark schema. --- view/theme/redbasic/php/style.php | 111 ++++++++++++++++++++++++++++++++++++-- 1 file changed, 107 insertions(+), 4 deletions(-) (limited to 'view') diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php index 49852036b..8984df788 100644 --- a/view/theme/redbasic/php/style.php +++ b/view/theme/redbasic/php/style.php @@ -87,8 +87,22 @@ if(! $a->install) { $nav_icon_colour = "#999"; if (! $nav_active_icon_colour) $nav_active_icon_colour = "#fff"; + if (! $navtabs_borderc) + $navtabs_borderc = "#ddd"; + if (! $navtabs_fontcolour) + $navtabs_fontcolour = "#555"; + if (! $navtabs_bgcolour) + $navtabs_bgcolour = "#fff"; + if (! $navtabs_linkcolour) + $navtabs_linkcolour = ""; + if (! $navtabs_linkchover) + $navtabs_linkchover = ""; + if (! $navtabs_decohover) + $navtabs_decohover = "none"; + if (! $navtabs_bgchover) + $navtabs_bgchover = "#eee"; if (! $link_colour) - $link_colour = "#0080FF"; + $link_colour = "#0080ff"; if (! $banner_colour) $banner_colour = "#fff"; if (! $search_background) @@ -100,23 +114,77 @@ if(! $a->install) { if (! $item_colour) $item_colour = "#fdfdfd"; if (! $toolicon_colour) - $toolicon_colour = '#777777'; + $toolicon_colour = '#777'; if (! $toolicon_activecolour) $toolicon_activecolour = '#000'; if (! $item_opacity) $item_opacity = "1"; + if (! $item_bordercolour) + $item_bordercolour = "#f4f4f4"; if (! $font_size) $font_size = "1.0em"; if (! $body_font_size) $body_font_size = "11px"; if (! $font_colour) - $font_colour = "#4D4D4D"; + $font_colour = "#4d4d4d"; + if (! $selected_active_colour) + $selected_active_colour = "#444"; + if (! $selected_active_deco) + $selected_active_deco = "none"; + if (! $blockquote_colour) + $blockquote_colour = "#000"; + if (! $blockquote_bgcolour) + $blockquote_bgcolour = "#f4f8f9"; + if (! $blockquote_bordercolour) + $blockquote_bordercolour = "#dae4ee"; + if (! $notif_itemcolour) + $notif_itemcolour = "#000"; + if (! $notif_itemhovercolour) + $notif_itemhovercolour = "#000"; + if (! $editbuttons_bgcolour) + $editbuttons_bgcolour = "#fff"; + if (! $editbuttons_bordercolour) + $editbuttons_bordercolour = "#ccc"; + if (! $editbuttons_bghover) + $editbuttons_bghover = "#ebebeb"; + if (! $acpopup_bgcolour) + $acpopup_bgcolour = "#fff"; + if (! $acpopup_bordercolour) + $acpopup_bordercolour = "#ccc"; + if (! $acpopup_tgbl_bgcolour) + $acpopup_tgbl_bgcolour = "#ddddff"; + if (! $acpopup_hovercolour) + $acpopup_hovercolour = "#000"; + if (! $notify_bgcolour) + $notify_bgcolour = "#fff"; + if (! $notify_linkcolour) + $notify_linkcolour = "#333"; + if (! $notify_bghover) + $notify_bghover = "#e7e7e7"; + if (! $notifyseen_bgcolour) + $notifyseen_bgcolour = "#ddd"; + if (! $notifyseen_linkcolour) + $notifyseen_linkcolour = "#333"; + if (! $notifyseen_bghover) + $notifyseen_bghover = "#e7e7e7"; + if (! $notifyseen_linkhover) + $notifyseen_linkhover = "#333"; + if (! $input_bgsubmit) + $input_bgsubmit = "#F0F0F0"; + if (! $input_linksubmit) + $input_linksubmit = "#0080FF"; + if (! $input_border) + $input_border = "#666"; + if (! $input_colourhover) + $input_colourhover = "#333"; + if (! $input_decohover) + $input_decohover = "none"; if (! $radius) $radius = "0"; if (! $shadow) $shadow = "0"; if(! $active_colour) - $active_colour = '#FFFFFF'; + $active_colour = '#fff'; if (! $converse_width) { $converse_width="1024px"; } @@ -154,6 +222,13 @@ $options = array ( '$nav_bd' => $nav_bd, '$nav_icon_colour' => $nav_icon_colour, '$nav_active_icon_colour' => $nav_active_icon_colour, +'$navtabs_borderc' => $navtabs_borderc, +'$navtabs_fontcolour' => $navtabs_fontcolour, +'$navtabs_bgcolour' => $navtabs_bgcolour, +'$navtabs_linkcolour' => $navtabs_linkcolour, +'$navtabs_linkchover' => $navtabs_linkchover, +'$navtabs_bgchover' => $navtabs_bgchover, +'$navtabs_decohover' => $navtabs_decohover, '$link_colour' => $link_colour, '$banner_colour' => $banner_colour, '$search_background' => $search_background, @@ -161,11 +236,39 @@ $options = array ( '$background_image' => $background_image, '$item_colour' => $item_colour, '$item_opacity' => $item_opacity, +'$item_bordercolour' => $item_bordercolour, '$toolicon_colour' => $toolicon_colour, '$toolicon_activecolour' => $toolicon_activecolour, '$font_size' => $font_size, '$font_colour' => $font_colour, +'$selected_active_colour' => $selected_active_colour, +'$selected_active_deco' => $selected_active_deco, '$body_font_size' => $body_font_size, +'$blockquote_colour' => $blockquote_colour, +'$blockquote_bgcolour' => $blockquote_bgcolour, +'$blockquote_bordercolour' => $blockquote_bordercolour, +'$blockquote_bgcolourhover' => $blockquote_bgcolourhover, +'$notif_itemcolour' => $notif_itemcolour, +'$notif_itemhovercolour' => $notif_itemhovercolour, +'$editbuttons_bgcolour' => $editbuttons_bgcolour, +'$editbuttons_bordercolour' => $editbuttons_bordercolour, +'$editbuttons_bghover' => $editbuttons_bghover, +'$acpopup_bgcolour' => $acpopup_bgcolour, +'$acpopup_bordercolour' => $acpopup_bordercolour, +'$acpopup_tgbl_bgcolour' => $acpopup_tgbl_bgcolour, +'$acpopup_hovercolour' => $acpopup_hovercolour, +'$notify_bgcolour' => $notify_bgcolour, +'$notify_linkcolour' => $notify_linkcolour, +'$notify_bghover' => $notify_bghover, +'$notifyseen_bgcolour' => $notifyseen_bgcolour, +'$notifyseen_linkcolour' => $notifyseen_linkcolour, +'$notifyseen_bghover' => $notifyseen_bghover, +'$notifyseen_linkhover' => $notifyseen_linkhover, +'$input_bgsubmit' => $input_bgsubmit, +'$input_linksubmit' => $input_linksubmit, +'$input_border' => $input_border, +'$input_colourhover' => $input_colourhover, +'$input_decohover' => $input_decohover, '$radius' => $radius, '$shadow' => $shadow, '$active_colour' => $active_colour, -- cgit v1.2.3 From 16db3934958f7fa2f8768ed631121bab518c84f4 Mon Sep 17 00:00:00 2001 From: jeroenpraat Date: Tue, 15 Apr 2014 21:35:30 +0200 Subject: Needed for large update dark schema and minor fixes default. --- view/theme/redbasic/css/style.css | 116 ++++++++++++++++++++++++++++++++------ 1 file changed, 98 insertions(+), 18 deletions(-) (limited to 'view') diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index f1bfbd711..8d91e0169 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -66,16 +66,16 @@ textarea { } input { - border: 1px solid #666666; + border: 1px solid $input_border; -moz-border-radius: $radiuspx; border-radius: $radiuspx; padding: 3px; } input[type="submit"] { - background-color: #F0F0F0; + background-color: $input_bgsubmit; font-weight: bold; - color: #0080FF; + color: $input_linksubmit; text-decoration: none; } @@ -101,10 +101,10 @@ code { } blockquote { - background-color: #f4f8f9; - border-left: 4px solid #dae4ee; + background-color: $blockquote_bgcolour; + border-left: 4px solid $blockquote_bordercolour; padding: 0.4em; - color: #000; + color: $blockquote_colour; margin-left: 20px; } @@ -230,7 +230,16 @@ footer { /*TODO: we should use one class for all this. */ .group-selected, .fileas-selected, .categories-selected, .search-selected, .active { - color: #444444 !important; + color: $selected_active_colour !important; + text-decoration: $selected_active_deco !important; +} + +.fileas-all { + text-decoration: none !important; +} + +.fileas-all:hover { + text-decoration: underline !important; } #sysmsg { @@ -1391,23 +1400,29 @@ brain is weird like that */ /* autocomplete popup */ .acpopup { max-height:150px; - background-color:#ffffff; + background-color:$acpopup_bgcolour; overflow:auto; z-index:100000; - border:1px solid #cccccc; + border:1px solid $acpopup_bordercolour; } .acpopupitem { - background-color:#ffffff; padding: 4px; + background-color:$acpopup_bgcolour; padding: 4px; clear:left; } .acpopupitem.taggable { - background-color: #ddddff; + background-color: $acpopup_tgbl_bgcolour; } .acpopupitem img { float: left; margin-right: 4px; } +.acpopupitem:hover { + text-decoration: underline; + color: $acpopup_hovercolour; + cursor:pointer; +} + .acpopupitem.selected { color: #FFFFFF; background: #3465A4; } @@ -1531,11 +1546,12 @@ header { } .notif-item a { - color: #000000; + color: $notif_itemcolour; } .notif-item a:hover { text-decoration: underline; + color: $notif_itemhovercolour; } .notif-image { @@ -1544,8 +1560,27 @@ header { padding: 7px 7px 0px 0px; } -.notify-seen { - background: #DDDDDD; + +#nav-notify-menu { + background: $notify_bgcolour; +} + +#nav-notify-menu a { + color: $notify_linkcolour; +} + +#nav-notify-menu a:hover { + background: $notify_bghover; +} + +.notify-seen a { + background: $notifyseen_bgcolour; + color: $notifyseen_linkcolour !important; +} + +.notify-seen a:hover { + background: $notifyseen_bghover; + color: $notifyseen_linkhover !important; } #page-spinner { @@ -1892,14 +1927,14 @@ img.mail-list-sender-photo { border-radius: $radiuspx; background-color: $item_colour; opacity: $item_opacity; - border-left: 2px solid #f4f4f4; - border-bottom: 1px solid #f4f4f4; + border-left: 2px solid $item_bordercolour; + border-bottom: 1px solid $item_bordercolour; } .wall-item-comment-wrapper { margin-top: 10px; - border-left: 2px solid #f4f4f4; - border-bottom: 1px solid #f4f4f4; + border-left: 2px solid $item_bordercolour; + border-bottom: 1px solid $item_bordercolour; } .wallwall .wwto { @@ -2138,6 +2173,8 @@ blockquote { border-radius: $radiuspx; } + + .dropdown-menu img { border-radius: $radiuspx; } @@ -2209,6 +2246,48 @@ blockquote { box-shadow: none; } +.nav-tabs{ + border-bottom:1px solid $navtabs_borderc !important; +} + +.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{ + color: $navtabs_fontcolour !important; + background-color: $navtabs_bgcolour; +} + +.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{ + border:1px solid $navtabs_borderc !important; + border-bottom:1px solid transparent !important; + bottom: -1px !important; +} + +.nav-tabs.nav-justified > li > a { + border-bottom: none; + $navtabs_linkcolour +} + +.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { + text-decoration: $navtabs_decohover; + background-color: $navtabs_bgchover; + border-bottom: 1px solid $navtabs_bgchover; + border-color: $navtabs_bgchover; + $navtabs_linkchover +} + +.btn-default { + background-color: $editbuttons_bgcolour; + border-color: $editbuttons_bordercolour; + text-shadow: none; + box-shadow: none; +} + +.btn-default:hover, .btn-default:focus, .btn-default:active .btn-default.active { + background-color: $editbuttons_bghover; + border-color: $editbuttons_bordercolour; + color: $input_colourhover; + text-decoration: $input_decohover; +} + @media screen and (max-width: 767px) { aside#region_1 { background: rgba(0, 0, 0, .1); @@ -2256,4 +2335,5 @@ blockquote { .acl-list-item { width: calc(100% - 10px); } + } -- cgit v1.2.3