diff options
Diffstat (limited to 'Themes/green_lume.css')
| -rw-r--r-- | Themes/green_lume.css | 267 |
1 files changed, 267 insertions, 0 deletions
diff --git a/Themes/green_lume.css b/Themes/green_lume.css new file mode 100644 index 0000000..0f8707c --- /dev/null +++ b/Themes/green_lume.css @@ -0,0 +1,267 @@ +/* =========================================== * + * GREEN LUME 2.0 THEME BY CRISTIANO ALMEIDA + * + * http://www.csalmeida.com + * https://www.behance.net/_csalmeida + * =========================================== */ + +/* +++++++++++++ + ++ GENERAL ++ + +++++++++++++ */ +body { + font-size: 13px; +} + +/* +++++++++++++++++ + ++ COLOR FRAME ++ + +++++++++++++++++ */ + +/* Sidebar background */ +#sidebar { + background: #1a1a1a none repeat scroll 0% 0%; +} + +/* Storage background */ +#sidebar .storage { + background-color: #1a1a1a; +} + +/* Top Navigation Bar */ +body .navbar-inverse { + background: #1a1a1a none repeat scroll 0% 0%; +} +/* ++++++++++++ + ++ TABLET ++ + ++++++++++++ */ + +/* Top Navigation Bar */ +#header #navbar.navbar-inverse { + background-color: #1a1a1a; +} + +/* Search Button */ +#header #navbar.navbar-inverse #searchMob { + background-color: #649d44; +} +/* Magnifying Glass */ +#header #searchMob { + color: #fff; + border-radius: 0px; +} +/* ++++++++++++ + ++ MOBILE ++ + ++++++++++++ */ + +/* Menu Icon Color */ +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #8cc63f; +} + +/* Icons Color */ +html .btn-dark { + color: #8cc63f; +} +/* Dropdown Menu */ +#header .list-group .list-group-item { + background: #1c1c1c none repeat scroll 0% 0%; + border-color: #555; +} + + +/* +++++++++++++ + ++ SIDEBAR ++ + +++++++++++++ */ + +/* Compose background and font color */ +#sidebar #compose_button a { + background: #8cc63f; + color: #fff; + font-weight: bolder; + transition: background .2s ease-out; +} +/* Compose background on hover */ +#sidebar #compose_button:hover a { + background: #649d44; +} +/* Active Section Background i.e Inbox */ +#sidebar .list-group-item .btn.active { + background: #121212; +} + +/* Active section when clicked. */ +#sidebar .list-group-item .btn.active:active { + background:#1a1a1a; +} +/* Color of link while active section. */ +#sidebar a, #sidebar a.active { + color: #fff; +} + +#sidebar a:hover { + color: #8cc63f; +} + +/* Number of messages */ +#sidebar .label { + /*background-color: #fff !important;*/ +} + + +#sidebar .list-group-item .btn:hover .label { + /*background-color: #fff !important;*/ +} + +#sidebar .list-group-item .btn.active .label { + color: #1c1c1c; +} + +/* Storage Fill bar Color */ +#sidebar .storage .sizeBar .fill { + background: none repeat scroll 0px 0px, none repeat scroll center bottom, none repeat scroll 0px center, #8cc63f none repeat scroll 100% center; +} + +/* Top Links */ +body .navbar-inverse .navbar-nav > li > a { + color: #fff; + transition: color .4s ease-in; +} +body .navbar-inverse .navbar-nav > li > a:hover { + color: #8cc63f; +} + +#sidebar .list-group-item .btn:hover .label { + background: #8CC63F none repeat scroll 0% 0%; +} + +#header .navbar .dropdown-menu li a:active, +#header .navbar .dropdown-menu li a:focus, +#header .navbar .dropdown-menu li a:hover { + color: #8cc63f; +} + +#header .navbar .dropdown-menu li a { + color: #fff; +} + +.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { + color: #8cc63f; +} + +#header .navbar .dropdown-menu { + background-color: #1a1a1a; +} + +/* Search bar */ +#search-form input { + background: #1a1a1a none repeat scroll 0% 0%; + border-radius: 0.5rem; + border: 2px solid #8CC63F !important; + color: #8CC63F; + font-size: 12px; +} + +#search-form button { + color: #8cc63f; +} + +/* EMAIL LIST */ +table.message-list tr.unread h4, table.message-list tr.unread td { + color: #1c1c1c; +} + +table.message-list tr.starred, table.message-list tr.starred i.fa-clock-o, table.message-list tr.starred span.labels, +table.message-list tr.starred td { + background-color: rgba(140,198,63,0.2); + transition: background-color .2s ease-out; +} + +table.message-list tr.starred:active i.fa-clock-o, table.message-list tr.starred:active i.fa-paperclip, table.message-list tr.starred:active span.labels, table.message-list tr.starred:active td, table.message-list tr.starred:hover i.fa-clock-o, table.message-list tr.starred:hover i.fa-paperclip, table.message-list tr.starred:hover td { + background-color: rgba(140,198,63,0.4); +} + +table.message-list tr.starred span.labels, +table.message-list tr.starred:hover span.labels { + background: transparent; +} + +table.message-list tr.unread.hovered span.labels, +table.message-list tr.unread span.labels, +table.message-list tr.starred.hovered i.fa-paperclip, +table.message-list tr.starred i.fa-paperclip{ + background-color: transparent !important; +} + +table.message-list tr td.actions .fa-star { + color: #8cc63f; +} + +table.message-list tr.starred.hovered i.fa-clock-o, table.message-list tr.starred.hovered i.fa-paperclip, table.message-list tr.starred.hovered td, table.message-list tr.starred:active i.fa-clock-o, table.message-list tr.starred:active i.fa-paperclip, table.message-list tr.starred:active span.labels, table.message-list tr.starred:active td { + background-color: rgba(140,198,63,0.4); +} + +/* EMAIL AND ATTACHMENT TAG */ +.message-metadata ul.infos .email {} + +.message-metadata ul.infos .email:hover, +.preview-template { + background: rgba(140,198,63,0.4); + border-color: rgba(140,198,63,1); + color: #1c1c1c; +} + +/* LABELS */ +table.message-list tr td .label { + padding: 0.4rem; + top: -4px; +} + +/* SETTINGS TABS */ + +.nav-tabs li.active a { + box-shadow: 0px 2px 0px #8CC63F inset; +} + +/* SETTINGS TABS MOBILE */ +#mobileSettingsMenu li.active { + background: rgba(140,198,63,1); +} + + +/* BIG BUTTONS */ +html .btn-primary { + background: transparent linear-gradient(#1a1a1a, #121212) repeat scroll 0% 0%; + color: #fff; +} + +html .btn-primary:hover, .toggle-switch .switch-left { + background: transparent linear-gradient(#8CC63F, #87b53e) repeat scroll 0% 0%; + color: #fff; +} + +.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { + background-color: rgba(140,198,63,1); + border: rgba(140,198,63,1); +} + +.message-toolbar > ul > li a:hover { + background-color: rgba(140,198,63,0.2); +} + +/* REPLY, REPLY ALL AND FOCUS */ +#messageActionGroup .btn:active, +#messageActionGroup .btn:focus, +#messageActionGroup .btn:hover { + background: transparent linear-gradient(#8CC63F, #87b53e) repeat scroll 0% 0%; +} + +/* POP UP USER FEEDBACK */ + +.proton-notification-template { + background-color: rgba(140,198,63,1); + color: #fff; +} + +/* SMALL LINKS A-Z */ +.text-purple { + color: #8cc63f; +}
\ No newline at end of file |