{"id":1206,"date":"2016-10-24T12:32:25","date_gmt":"2016-10-24T11:32:25","guid":{"rendered":"http:\/\/wilibre.ml\/blog\/?p=1206"},"modified":"2016-10-24T12:32:25","modified_gmt":"2016-10-24T11:32:25","slug":"theme-grey_light-pour-protonmail-3-5","status":"publish","type":"post","link":"https:\/\/wilibre.tk\/blog\/theme-grey_light-pour-protonmail-3-5\/","title":{"rendered":"th\u00e8me grey_light pour protonmail 3.5"},"content":{"rendered":"

Voici une nouvelle version de mon th\u00e8me clair pour protonmail. Cette version est compatible avec Protonmail 3.5.4.<\/p>\n


\n\/* =========================================== *
\n* LIGHT_GREY 3.5.4alpha by WILLYBUNTU
\n*
\n*
\n*
\n* https:\/\/www.behance.net\/_csalmeida
\n*
\n* =========================================== *\/<\/code><\/p>\n

\/* Frame (topbar and sidebar.) *\/<\/p>\n

header#pm_header-desktop {
\nbackground: #e6eaf0;
\nborder-bottom: 1px solid #acb0bf;
\n}<\/p>\n

body section.sidebar {
\nbackground: #fff;
\nwidth: 210px;
\n}<\/p>\n

body #pm_main {
\nwidth: calc(100% – 210px);
\n}<\/p>\n

header#pm_header-desktop a.logo {
\nbackground: #e6eaf0;
\n}<\/p>\n

\/* Search bar *\/
\nform.searchForm fieldset {
\nborder-radius: 2px;
\nbackground-color: #e6eaf0;
\n}<\/p>\n

form.searchForm fieldset button[type=\u00a0\u00bbbutton\u00a0\u00bb] {
\ncolor: #398ee7;
\nbackground-color: #e6eaf0;
\nborder-radius: 2px 0 0 2px;
\n}<\/p>\n

form.searchForm fieldset #closeAdvSearch, form.searchForm fieldset button[type=\u00a0\u00bbsubmit\u00a0\u00bb] {
\ncolor: #398ee7;
\n}<\/p>\n

form.searchForm fieldset button[type=\u00a0\u00bbbutton\u00a0\u00bb]:hover {
\nbackground-color: #398ee7;
\n}<\/p>\n

form.searchForm.adv fieldset #closeAdvSearch, form.searchForm.adv fieldset button[type=\u00a0\u00bbsubmit\u00a0\u00bb] {
\nbackground-color: #ddd;
\nborder-radius: 2px 0 0 2px;
\n}<\/p>\n

.pm_form .input-icon .fa {
\ncolor: #398ee7;
\n}<\/p>\n

form.searchForm fieldset input.query {
\noutline: 0;
\nheight: 33px;
\nline-height: 33px;
\ndisplay: block;
\nborder: none;
\n-webkit-appearance: none;
\n-moz-appearance: none;
\nappearance: none;
\npadding: 0 0 0 10px;
\nbackground: #fff;
\ncolor: #777;
\nposition: absolute;
\nleft: 35px;
\nbox-sizing: border-box;
\ntop: 0;
\nright: 0;
\nbottom: 0;
\nwidth: 80%;
\nfont-size: 14px;
\nborder-radius: 5px;
\n}<\/p>\n

\/*
\nform.searchForm fieldset input.query:active {
\ncolor: #333;
\n}
\n*\/<\/p>\n

\/* Top Navigation *\/<\/p>\n

.pm_button.primary {
\nbackground-color: #398ee7;
\nborder-color: #398ee7;
\n}<\/p>\n

.pm_button.primary:hover {
\nbackground-color: #398ee7;
\nborder-color: #398ee7;
\n}<\/p>\n

header#pm_header-desktop ul.navigation li a .fa {
\ncolor: #777;
\n}<\/p>\n

header#pm_header-desktop ul.navigation li a strong {
\ncolor: #777;
\n}<\/p>\n

\/* TN Dropdown Menu *\/
\nheader#pm_header-desktop .pm_buttons .pm_button.primary {
\nbackground-color: #398ee7 !important;
\nborder-color: #398ee7 !important;
\n}<\/p>\n

\/* TN Links Hover *\/
\nheader#pm_header-desktop ul.navigation li.active a, header#pm_header-desktop ul.navigation li:hover a {
\nborder-top-color: #398ee7 !important;
\n}<\/p>\n

header#pm_header-desktop ul.navigation li.active a strong, header#pm_header-desktop ul.navigation li:hover a strong {
\ncolor: #f00;
\n}<\/p>\n

header#pm_header-desktop ul.navigation li.active a .fa, header#pm_header-desktop ul.navigation li:hover a .fa {
\ncolor: #333;
\n}<\/p>\n

header#pm_header-desktop ul.navigation li.active a strong, header#pm_header-desktop ul.navigation li:hover a strong {
\ncolor: #333;
\n}<\/p>\n

\/* Sidebar Navigation *\/
\nbody section.sidebar ul.menu {
\nmargin-bottom: 0px;
\n}<\/p>\n

body section.sidebar ul.menu li a i.fa {
\ncolor: #333;
\n}<\/p>\n

body section.sidebar ul.menu li a {
\ncolor: #333;
\nfont-size: 12px;
\n}<\/p>\n

body section.sidebar ul.menu li a:hover {
\ncolor: #398ee7;
\n}<\/p>\n

body section.sidebar ul.menu li.active a i.fa,
\nbody section.sidebar ul.menu li.active a {
\ncolor: #da4a38;
\n}<\/p>\n

body section.sidebar #sidebarLabels {
\nheight: calc(100% – 355px);
\nmin-height: 40px;
\n}<\/p>\n

body section.sidebar div.footer {
\npadding-top: 0px;
\npadding-bottom: 0px;
\n}<\/p>\n

body section.sidebar div.footer div.link a {
\ncolor: #777;
\nvisibility: hidden;
\n}<\/p>\n

body section.sidebar div.footer .bar em {
\nbackground-color: #000;
\n}<\/p>\n

body section.sidebar div.footer div.storage strong {
\ncolor: #777;
\n}
\n\/* Label Navigation *\/<\/p>\n

body section.sidebar div.labels ul li a:hover {
\ncolor: #398ee7;
\n}<\/p>\n

body section.sidebar div.labels ul li.active a {
\ncolor: #da4a38;
\n}<\/p>\n

body section.sidebar div.labels ul li a {
\ncolor: #333;
\nfont-size: 13px;
\nheight: 30px;
\n}<\/p>\n

body section.sidebar {
\npadding: 10px;
\n}<\/p>\n

\/* Settings Navigation *\/<\/p>\n

#pm_settings .pm_tabs li.active a.pm_button {
\nbackground: #fff !important;
\ncolor: #000;
\n}<\/p>\n

#pm_settings .pm_tabs li a.pm_button {
\nborder-color: #ddd;
\nbackground: #f5f6f8;
\ncolor: #222;
\n}<\/p>\n

#pm_settings .pm_tabs li a.pm_button:hover {
\nbackground: #fff;
\n}<\/p>\n

#pm_settings .pm_tabs {
\n\/*background: #2f2e2e;*\/
\nbackground: #e6eaf0;
\n}<\/p>\n

\/* Dashboard Settings *\/<\/p>\n

#pm_settings #plans header .link {
\ncolor: #398ee7;
\n}<\/p>\n

#pm_settings #plans .plans .plan header {
\nbackground: #1c1c1c;
\nborder: 1px solid #1c1c1c;
\n}<\/p>\n

#pm_settings #plans .plans .plan .price, #pm_settings #plans .plans .plan h3 {
\ncolor: #1c1c1c;
\n}<\/p>\n

.pm_button.primary.disabled, .pm_button.primary[disabled] {
\nbackground: #398ee7;
\n}<\/p>\n

.pm_button.primary:active, .pm_button.primary:focus {
\nbackground: #398ee7;
\nborder-color: #398ee7;
\n}<\/p>\n

html.protonmail .text-purple {
\ncolor: #398ee7;
\n}<\/p>\n

\/* Label Settings *\/<\/p>\n

.pm_button.round {
\nborder-radius: 2px;
\nborder: 1px solid #7b7b7b;
\n}<\/p>\n

.pm_button.round .fa {
\ncolor: #398ee7;
\n}<\/p>\n

\/* Security Settings *\/
\n.pm_button {
\ncolor: #1c1c1c;
\n}<\/p>\n

.pm_table td {
\ncolor: #1c1c1c;
\n}<\/p>\n

\/* Contacts *\/
\n.pm_table th a {
\ncolor: #1c1c1c;
\n}<\/p>\n

.pm_table th .fa {
\ncolor: #1c1c1c;
\n}<\/p>\n

\/* Report Bug *\/
\n.pm_toggle.off .off {
\nbackground: #398ee7;
\n}<\/p>\n

p a {
\ncolor: #398ee7;
\n}<\/p>\n

\/* Links *\/<\/p>\n

.pm_button.link {
\ncolor: #398ee7;
\n}<\/p>\n

\/* Inbox *\/<\/p>\n

.pm_buttons a {
\ncolor: #1c1c1c;
\n}<\/p>\n

.conversation,
\n.conversation.read,
\n.conversation.active {
\nbox-shadow: inset 0 -1px 0 #CCC;
\n}<\/p>\n

.conversation.read {
\ncolor: #777 !important;
\n}<\/p>\n

.conversation.read {
\ncolor: #333;
\nbackground: #FFF;
\n}
\n.conversation.read .pm_labels label {
\ncolor: #333;
\nbackground: #FFF;
\nbox-shadow: none;
\n}<\/p>\n

.conversation.active,
\n.conversation.active h4 {
\ncolor: #333;
\n}<\/p>\n

\/* Reading e-mail. *\/
\n#conversation-view .message .toggleDetails {
\ncolor: #398ee7;
\n}<\/p>\n

\/* Composing e-mail *\/
\n#pm_composer .composer header {
\nbackground: #2c2b2b;
\n}<\/p>\n

#pm_composer .composer header .pm_button {
\ncolor: #398ee7;
\n}<\/p>\n

#pm_composer .composer footer .pm_button.primary {
\nbackground: #398ee7;
\n}<\/p>\n

\/* apparence du logo (ETAT = normal + survol) *\/
\nheader#pm_header-desktop a.logo img {
\nvisibility: hidden;
\n}<\/p>\n

header#pm_header-desktop a.logo {
\n\/*\u00a0\u00a0 background-color: #f1f1f1;*\/
\nbackground-image: url(\u00ab\u00a0http:\/\/wilibre.ml\/blog\/wp-content\/uploads\/2016\/02\/Protonmail_logomini.png\u00a0\u00bb);
\nbackground-repeat: no-repeat;
\nbackground-position: center center;
\n}<\/p>\n

\/* Notifications *\/
\nbody .cg-notify-message.notification-success {
\n\/*\u00a0\u00a0\u00a0 background-color: #398ee7;
\nborder-color: #398ee7;*\/
\nbackground-color: #222;
\nborder-color: #222;
\ncolor: #fff;
\n}<\/p>\n

\/* Tootips *\/<\/p>\n

\/*
\ndiv.tooltip.inner {
\nbackground: #2c2b2b !important;
\n}*\/<\/p>\n

\/* Mobile *\/<\/p>\n

header#pm_header-mobile {
\nbackground: #1a1a1a;
\n}<\/p>\n

body.mobileMode #pm_sidebar section.sidebar {
\nbackground: #2c2b2b;
\n}<\/p>\n

body.mobileMode #pm_sidebar section.sidebar .pm_button.round .fa {
\ncolor: #398ee7;
\n}<\/p>\n

header#pm_header-mobile a.compose {
\ncolor: #398ee7;
\n}<\/p>\n

body.mobileMode #body #pm_main .fa-check-square, body.mobileMode #body #pm_main .fa-square-o {
\ncolor: #398ee7;
\n}<\/p>\n","protected":false},"excerpt":{"rendered":"

Voici une nouvelle version de mon th\u00e8me clair pour protonmail. Cette version est compatible avec Protonmail 3.5.4.<\/p>\n<\/div>","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-1206","post","type-post","status-publish","format-standard","hentry","category-internet"],"_links":{"self":[{"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/posts\/1206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/comments?post=1206"}],"version-history":[{"count":1,"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/posts\/1206\/revisions"}],"predecessor-version":[{"id":1207,"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/posts\/1206\/revisions\/1207"}],"wp:attachment":[{"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/media?parent=1206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/categories?post=1206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wilibre.tk\/blog\/wp-json\/wp\/v2\/tags?post=1206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}