From 1248b37584e912c3615351b44a2b328516ba9bb8 Mon Sep 17 00:00:00 2001 From: Matteo Manzinello Date: Wed, 8 May 2019 11:15:58 +0200 Subject: [PATCH] aggiunto mailgo.css (in src), WIP --- src/mailgo.css | 89 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 89 insertions(+) create mode 100644 src/mailgo.css diff --git a/src/mailgo.css b/src/mailgo.css new file mode 100644 index 0000000..cdc8310 --- /dev/null +++ b/src/mailgo.css @@ -0,0 +1,89 @@ +.mailgo-title { + display: block; + margin-bottom: 5px; +} +.mailgo-details { + margin-bottom: 10px; +} +.mailgo-details p { + font-size: 12px; + margin-top: 3px; + margin-bottom: 3px; +} +.mailgo-modal-background { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-color: rgba(10, 10, 10, 0.86); + opacity: 0.8; +} +.mailgo-modal { + position: fixed; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: none; + justify-content: center; + align-items: center; + flex-direction: column; + overflow: hidden; + z-index: 100000; +} +.mailgo-modal.is-active { + display: flex; +} +.mailgo-modal-content { + z-index: 1000; + text-align: center; + width: 200px; + background-color: #fff; + border-radius: 6px; + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + color: #4a4a4a; + display: block; + overflow: auto; + padding: 1.25rem; +} +.mailgo-modal-content a { + display: block; + color: #4a4a4a; + border-radius: 4px; + text-decoration: none; +} +.mailgo-modal-content a { + padding: 10px; +} +.mailgo-modal-content a.mailgo-open:hover, +.mailgo-modal-content a.mailgo-copy:hover { + background-color: rgba(0, 0, 0, 0.08); +} +.mailgo-modal-content a.outlook { + color: #0072c6; +} +.mailgo-modal-content a.gmail { + color: #d44638; +} +.mailgo-modal-content a.outlook:hover { + background-color: rgba(0, 114, 198, 0.08); +} +.mailgo-modal-content a.gmail:hover { + background-color: rgba(212, 70, 56, 0.08); +} +.mailgo-modal-content a.mailgo-copy { + padding: 16px 10px; +} +.mailgo-modal-content a.mailgo-by { + display: block; + font-size: 8px; + margin-top: 1rem; + padding: 0px; + font-style: italic; +} +.mailgo-weight-500 { + font-weight: 500; +}