diff --git a/emails/assets/css/style.css b/emails/assets/css/style.css index 63c7aaa5b3b..6f46d36581d 100644 --- a/emails/assets/css/style.css +++ b/emails/assets/css/style.css @@ -84,6 +84,10 @@ margin-top:25px; margin-bottom: 25px; } +.data { + font-size: 16px; +} + .footer { background-color: #2e2e2e; color: #999999; @@ -138,6 +142,45 @@ table.columns td.better-button { color: #FFFFFF !important; } +table.better-button-alt { + margin-top: 10px; + margin-bottom: 20px; +} + +table.columns td.better-button-alt { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + padding-bottom: 0px; +} + +.better-button-alt a { + text-decoration: none; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + + padding: 12px 25px; + border: 1px solid #ff8f2b; + background-color: #EFEFEF; + display: inline-block; + color: #ff8f2b; +} + +.better-button-alt:hover a { + color: #ff8f2b !important; + background-color: #DDDDDD; + border: 1px solid #F2821E; +} + +.better-button-alt:visited a { + color: #ff8f2b !important; +} + +.better-button-alt:active a { + color: #ff8f2b !important; +} + .verification-code { background-color: #EEEEEE; padding: 3px; diff --git a/emails/templates/alert_notification.html b/emails/templates/alert_notification.html index 2f64854ce4e..4c7eed1d5d9 100644 --- a/emails/templates/alert_notification.html +++ b/emails/templates/alert_notification.html @@ -16,7 +16,7 @@ -
+
@@ -31,24 +31,24 @@ [[if ne .State "ok" ]] -
+
- - - [[range .EvalMatches]] dwds + [[range .EvalMatches]] - - [[end]] @@ -79,8 +79,23 @@
- Metric name + +
Metric name
 - Value + +
Value
- [[.Metric]] + +
[[.Metric]]
 - [[.Value]] + +
[[.Value]]
- +
- Alert rule - Alerts page + + + + + +
+ View your Alert rule +
+ 		+ + + + +
+ Go to the Alerts page +
diff --git a/emails/templates/alert_notification_example.html b/emails/templates/alert_notification_example.html new file mode 100644 index 00000000000..7b618130e57 --- /dev/null +++ b/emails/templates/alert_notification_example.html @@ -0,0 +1,115 @@ + + + + +
+ + + + +
+

[CRITICAL] Imaginary timeserie alert

+
+
+ + + + + +
+ + + + +
+

Alert message that will support markdown in some distant future.

+
+
+ + + + + + +
+
+ + + + + + + + + + + + + + + + + +
+ Metric name + + Value +
+ desktop + + 40 +
+ mobile + + 20 +
+
+
+ + + + + + +
+ + + + +
+ +
+
+ + + + + + +
+ + + + + +
+ + + + +
+ View your Alert rule +
+ 		+ + + + +
+ Go to the Alerts page +
+
+
+ + + \ No newline at end of file diff --git a/emails/templates/invited_to_org.html b/emails/templates/invited_to_org.html index 59e76cd5a77..681830604b9 100644 --- a/emails/templates/invited_to_org.html +++ b/emails/templates/invited_to_org.html @@ -9,7 +9,7 @@ @@ -25,7 +25,7 @@
-

You have been added to [[.OrgName]]

+

You have been added to [[.OrgName]]
diff --git a/emails/templates/layouts/default.html b/emails/templates/layouts/default.html index eb968ed7cbc..6dece2f29c3 100644 --- a/emails/templates/layouts/default.html +++ b/emails/templates/layouts/default.html @@ -10,25 +10,25 @@ @@ -174,14 +135,14 @@ td[class="stack-column-center"] {
-

[[.InvitedBy]] has added you to the [[.OrgName]] organization in Grafana. +

[[.InvitedBy]] has added you to the [[.OrgName]] organization in Grafana.

Once logged in, [[.OrgName]] will be available in the left side menu, in the dropdown below your username.
- +
- +
- diff --git a/public/emails/alert_notification.html b/public/emails/alert_notification.html index a292fb45af9..07e41a06876 100644 --- a/public/emails/alert_notification.html +++ b/public/emails/alert_notification.html @@ -48,6 +48,15 @@ color: #FFFFFF !important; .better-button:active a { color: #FFFFFF !important; } +.better-button-alt:hover a { +color: #ff8f2b !important; background-color: #DDDDDD; border: 1px solid #F2821E; +} +.better-button-alt:visited a { +color: #ff8f2b !important; +} +.better-button-alt:active a { +color: #ff8f2b !important; +} body { height: 100% !important; width: 100% !important; } @@ -88,12 +97,21 @@ text-decoration: underline; table[class="body"] .columns { table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; } + table[class="body"] .column { + table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; + } table[class="body"] table.columns td { width: 100% !important; } table[class="body"] .columns td.six { width: 50% !important; } + table[class="body"] .column td.six { + width: 50% !important; + } + table[class="body"] .columns td.twelve { + width: 100% !important; + } table[class="body"] table.columns td.expander { width: 1px !important; } @@ -111,12 +129,6 @@ text-decoration: underline; img[class="fluid-centered"] { margin: auto !important; } - table[class="articles"] { - width: 90% !important; - } - table[class="article-links"] { - width: 100% !important; - } td[class="comms-content"] { padding: 20px !important; } @@ -156,41 +168,8 @@ text-decoration: underline; td[class="spacer mb-shorten"] { height: 25px !important; } - a[class="footer-legal-links"] { - display: block !important; margin-bottom: 6px !important; font-size: 12px !important; line-height: 18px !important; - } - td[class="footer-links-list"] { - margin: 12px 0; - } - a[class="post-title"] { - font-size: 22px !important; line-height: 32px !important; - } - a[class="post-title spotlight"] { - font-size: 22px !important; line-height: 32px !important; - } - td[class="legal-text"] { - font-size: 12px !important; line-height: 18px !important; - } - td[class="avatar"] { - width: 30% !important; - } - td[class="links"] { - width: 30% !important; - } - td[class="links"] { - width: 70% !important; - } - a[class="main-cta"] { - width: 90% !important; font-size: 18px !important; - } - table[class="button"] { - width: 90% !important; font-size: 18px !important; - } - a[class="cta-big-link"] { - font-size: 18px !important; line-height: 26px !important; - } - a[class="btn-white"] { - font-size: 13px !important; width: 90px !important; + .two-up td { + width: 270px; } } @@ -251,7 +230,7 @@ text-decoration: underline;
+
-

+

Sent by Grafana v[[.BuildVersion]]
© 2016 Grafana and raintank

diff --git a/emails/templates/new_user_invite.html b/emails/templates/new_user_invite.html index 86948a665f6..6e75a203953 100644 --- a/emails/templates/new_user_invite.html +++ b/emails/templates/new_user_invite.html @@ -9,7 +9,7 @@ @@ -25,7 +25,7 @@
-

You're invited to join [[.OrgName]]

+

You're invited to join [[.OrgName]]
diff --git a/emails/templates/reset_password.html b/emails/templates/reset_password.html index f3aca5da95e..e9d1527116c 100644 --- a/emails/templates/reset_password.html +++ b/emails/templates/reset_password.html @@ -7,7 +7,7 @@
-

You've been invited to join the [[.OrgName]] organization by [[.InvitedBy]]. To accept your invitation and join the team, please click the link below:

+

You've been invited to join the [[.OrgName]] organization by [[.InvitedBy]]. To accept your invitation and join the team, please click the link below:
@@ -24,7 +24,7 @@ @@ -29,6 +34,13 @@ + + +
-

Hi [[.Name]]

+

Hi [[.Name]],

- Please click the following link to reset your password within [[.EmailCodeValidHours]] hours. + Please click the following link to reset your password within [[.EmailCodeValidHours]] hours.

[[.AppUrl]]user/password/reset?code=[[.Code]] diff --git a/emails/templates/signup_started.html b/emails/templates/signup_started.html index 39b369a1f7c..15689a0e62c 100644 --- a/emails/templates/signup_started.html +++ b/emails/templates/signup_started.html @@ -7,7 +7,7 @@ diff --git a/emails/templates/welcome_on_signup.html b/emails/templates/welcome_on_signup.html index b93c56b77b1..0e0e4dbe3bc 100644 --- a/emails/templates/welcome_on_signup.html +++ b/emails/templates/welcome_on_signup.html @@ -7,10 +7,15 @@
-

Complete the signup

+

Complete the signup
+ + +
-

Hi [[.Name]]

+

Hi [[.Name]],
+ Welcome! Ready to start building some beautiful metric and analytic dashboards? +

+ Thank you for joining our community. +
+

The Grafana Team

+
-
+
@@ -266,24 +245,24 @@ text-decoration: underline; {{if ne .State "ok" }} -
+
- - - {{range .EvalMatches}} dwds + {{range .EvalMatches}} - - {{end}} @@ -314,8 +293,23 @@ text-decoration: underline;
- Metric name + +
Metric name
 - Value + +
Value
- {{.Metric}} + +
{{.Metric}}
 - {{.Value}} + +
{{.Value}}
- +
- Alert rule - Alerts page + + + + + +
+ View your Alert rule +
+ 		+ + + + +
+ Go to the Alerts page +
@@ -330,12 +324,12 @@ text-decoration: underline;
- +
-
- +
+ -
+

Sent by Grafana v{{.BuildVersion}} diff --git a/public/emails/alert_notification_example.html b/public/emails/alert_notification_example.html new file mode 100644 index 00000000000..9b3fe1911a8 --- /dev/null +++ b/public/emails/alert_notification_example.html @@ -0,0 +1,359 @@ + + + + + + + + + + + + + +
+
+ + + + + +
+
+ + + + + +
+ + + + + + +
+ +
+ +
+ +
+
+ + + + + + + + +
+ + + + +
+ + + + +
+

[CRITICAL] Imaginary timeserie alert

+
+
+ + + + + +
+ + + + +
+

Alert message that will support markdown in some distant future.

+
+
+ + + + + + +
+
+ + + + + + + + + + + + + + + + + +
+ Metric name + + Value +
+ desktop + + 40 +
+ mobile + + 20 +
+
+
+ + + + + + +
+ + + + +
+ +
+
+ + + + + + +
+ + + + + +
+ + + + +
+ View your Alert rule +
+ 		+ + + + +
+ Go to the Alerts page +
+
+
+ + + + +
+ + + + + +
+ + + + + +
+
+

+ Sent by Grafana v{{.BuildVersion}} +
© 2016 Grafana and raintank +

+
+
+
+
+
+ + diff --git a/public/emails/invited_to_org.html b/public/emails/invited_to_org.html index ac80a3983ae..0aa52751453 100644 --- a/public/emails/invited_to_org.html +++ b/public/emails/invited_to_org.html @@ -48,6 +48,15 @@ color: #FFFFFF !important; .better-button:active a { color: #FFFFFF !important; } +.better-button-alt:hover a { +color: #ff8f2b !important; background-color: #DDDDDD; border: 1px solid #F2821E; +} +.better-button-alt:visited a { +color: #ff8f2b !important; +} +.better-button-alt:active a { +color: #ff8f2b !important; +} body { height: 100% !important; width: 100% !important; } @@ -88,12 +97,21 @@ text-decoration: underline; table[class="body"] .columns { table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; } + table[class="body"] .column { + table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; + } table[class="body"] table.columns td { width: 100% !important; } table[class="body"] .columns td.six { width: 50% !important; } + table[class="body"] .column td.six { + width: 50% !important; + } + table[class="body"] .columns td.twelve { + width: 100% !important; + } table[class="body"] table.columns td.expander { width: 1px !important; } @@ -111,12 +129,6 @@ text-decoration: underline; img[class="fluid-centered"] { margin: auto !important; } - table[class="articles"] { - width: 90% !important; - } - table[class="article-links"] { - width: 100% !important; - } td[class="comms-content"] { padding: 20px !important; } @@ -156,41 +168,8 @@ text-decoration: underline; td[class="spacer mb-shorten"] { height: 25px !important; } - a[class="footer-legal-links"] { - display: block !important; margin-bottom: 6px !important; font-size: 12px !important; line-height: 18px !important; - } - td[class="footer-links-list"] { - margin: 12px 0; - } - a[class="post-title"] { - font-size: 22px !important; line-height: 32px !important; - } - a[class="post-title spotlight"] { - font-size: 22px !important; line-height: 32px !important; - } - td[class="legal-text"] { - font-size: 12px !important; line-height: 18px !important; - } - td[class="avatar"] { - width: 30% !important; - } - td[class="links"] { - width: 30% !important; - } - td[class="links"] { - width: 70% !important; - } - a[class="main-cta"] { - width: 90% !important; font-size: 18px !important; - } - table[class="button"] { - width: 90% !important; font-size: 18px !important; - } - a[class="cta-big-link"] { - font-size: 18px !important; line-height: 26px !important; - } - a[class="btn-white"] { - font-size: 13px !important; width: 90px !important; + .two-up td { + width: 270px; } } @@ -244,7 +223,7 @@ text-decoration: underline; @@ -260,7 +239,7 @@ text-decoration: underline;
-

You have been added to {{.OrgName}}

+

You have been added to {{.OrgName}}
@@ -286,12 +265,12 @@ text-decoration: underline;
-

{{.InvitedBy}} has added you to the {{.OrgName}} organization in Grafana. +

{{.InvitedBy}} has added you to the {{.OrgName}} organization in Grafana.

Once logged in, {{.OrgName}} will be available in the left side menu, in the dropdown below your username.
- +
-
- +
+ -
+

Sent by Grafana v{{.BuildVersion}} diff --git a/public/emails/new_user_invite.html b/public/emails/new_user_invite.html index 3bd942ac051..d6bde373431 100644 --- a/public/emails/new_user_invite.html +++ b/public/emails/new_user_invite.html @@ -48,6 +48,15 @@ color: #FFFFFF !important; .better-button:active a { color: #FFFFFF !important; } +.better-button-alt:hover a { +color: #ff8f2b !important; background-color: #DDDDDD; border: 1px solid #F2821E; +} +.better-button-alt:visited a { +color: #ff8f2b !important; +} +.better-button-alt:active a { +color: #ff8f2b !important; +} body { height: 100% !important; width: 100% !important; } @@ -88,12 +97,21 @@ text-decoration: underline; table[class="body"] .columns { table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; } + table[class="body"] .column { + table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; + } table[class="body"] table.columns td { width: 100% !important; } table[class="body"] .columns td.six { width: 50% !important; } + table[class="body"] .column td.six { + width: 50% !important; + } + table[class="body"] .columns td.twelve { + width: 100% !important; + } table[class="body"] table.columns td.expander { width: 1px !important; } @@ -111,12 +129,6 @@ text-decoration: underline; img[class="fluid-centered"] { margin: auto !important; } - table[class="articles"] { - width: 90% !important; - } - table[class="article-links"] { - width: 100% !important; - } td[class="comms-content"] { padding: 20px !important; } @@ -156,41 +168,8 @@ text-decoration: underline; td[class="spacer mb-shorten"] { height: 25px !important; } - a[class="footer-legal-links"] { - display: block !important; margin-bottom: 6px !important; font-size: 12px !important; line-height: 18px !important; - } - td[class="footer-links-list"] { - margin: 12px 0; - } - a[class="post-title"] { - font-size: 22px !important; line-height: 32px !important; - } - a[class="post-title spotlight"] { - font-size: 22px !important; line-height: 32px !important; - } - td[class="legal-text"] { - font-size: 12px !important; line-height: 18px !important; - } - td[class="avatar"] { - width: 30% !important; - } - td[class="links"] { - width: 30% !important; - } - td[class="links"] { - width: 70% !important; - } - a[class="main-cta"] { - width: 90% !important; font-size: 18px !important; - } - table[class="button"] { - width: 90% !important; font-size: 18px !important; - } - a[class="cta-big-link"] { - font-size: 18px !important; line-height: 26px !important; - } - a[class="btn-white"] { - font-size: 13px !important; width: 90px !important; + .two-up td { + width: 270px; } } @@ -244,7 +223,7 @@ text-decoration: underline; @@ -260,7 +239,7 @@ text-decoration: underline;
-

You're invited to join {{.OrgName}}

+

You're invited to join {{.OrgName}}
@@ -287,12 +266,12 @@ text-decoration: underline;
-

You've been invited to join the {{.OrgName}} organization by {{.InvitedBy}}. To accept your invitation and join the team, please click the link below:

+

You've been invited to join the {{.OrgName}} organization by {{.InvitedBy}}. To accept your invitation and join the team, please click the link below:
- +
-
- +
+ -
+

Sent by Grafana v{{.BuildVersion}} diff --git a/public/emails/reset_password.html b/public/emails/reset_password.html index e32821d6c57..88148f6eddc 100644 --- a/public/emails/reset_password.html +++ b/public/emails/reset_password.html @@ -48,6 +48,15 @@ color: #FFFFFF !important; .better-button:active a { color: #FFFFFF !important; } +.better-button-alt:hover a { +color: #ff8f2b !important; background-color: #DDDDDD; border: 1px solid #F2821E; +} +.better-button-alt:visited a { +color: #ff8f2b !important; +} +.better-button-alt:active a { +color: #ff8f2b !important; +} body { height: 100% !important; width: 100% !important; } @@ -88,12 +97,21 @@ text-decoration: underline; table[class="body"] .columns { table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; } + table[class="body"] .column { + table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; + } table[class="body"] table.columns td { width: 100% !important; } table[class="body"] .columns td.six { width: 50% !important; } + table[class="body"] .column td.six { + width: 50% !important; + } + table[class="body"] .columns td.twelve { + width: 100% !important; + } table[class="body"] table.columns td.expander { width: 1px !important; } @@ -111,12 +129,6 @@ text-decoration: underline; img[class="fluid-centered"] { margin: auto !important; } - table[class="articles"] { - width: 90% !important; - } - table[class="article-links"] { - width: 100% !important; - } td[class="comms-content"] { padding: 20px !important; } @@ -156,41 +168,8 @@ text-decoration: underline; td[class="spacer mb-shorten"] { height: 25px !important; } - a[class="footer-legal-links"] { - display: block !important; margin-bottom: 6px !important; font-size: 12px !important; line-height: 18px !important; - } - td[class="footer-links-list"] { - margin: 12px 0; - } - a[class="post-title"] { - font-size: 22px !important; line-height: 32px !important; - } - a[class="post-title spotlight"] { - font-size: 22px !important; line-height: 32px !important; - } - td[class="legal-text"] { - font-size: 12px !important; line-height: 18px !important; - } - td[class="avatar"] { - width: 30% !important; - } - td[class="links"] { - width: 30% !important; - } - td[class="links"] { - width: 70% !important; - } - a[class="main-cta"] { - width: 90% !important; font-size: 18px !important; - } - table[class="button"] { - width: 90% !important; font-size: 18px !important; - } - a[class="cta-big-link"] { - font-size: 18px !important; line-height: 26px !important; - } - a[class="btn-white"] { - font-size: 13px !important; width: 90px !important; + .two-up td { + width: 270px; } } @@ -242,7 +221,7 @@ text-decoration: underline; @@ -259,7 +238,7 @@ text-decoration: underline;
-

Hi {{.Name}}

+

Hi {{.Name}},

- Please click the following link to reset your password within {{.EmailCodeValidHours}} hours. + Please click the following link to reset your password within {{.EmailCodeValidHours}} hours.

{{.AppUrl}}user/password/reset?code={{.Code}} @@ -281,12 +260,12 @@ text-decoration: underline;

- +
-
- +
+ -
+

Sent by Grafana v{{.BuildVersion}} diff --git a/public/emails/signup_started.html b/public/emails/signup_started.html index 1dad4fd4e04..e9a1dc9b29e 100644 --- a/public/emails/signup_started.html +++ b/public/emails/signup_started.html @@ -48,6 +48,15 @@ color: #FFFFFF !important; .better-button:active a { color: #FFFFFF !important; } +.better-button-alt:hover a { +color: #ff8f2b !important; background-color: #DDDDDD; border: 1px solid #F2821E; +} +.better-button-alt:visited a { +color: #ff8f2b !important; +} +.better-button-alt:active a { +color: #ff8f2b !important; +} body { height: 100% !important; width: 100% !important; } @@ -88,12 +97,21 @@ text-decoration: underline; table[class="body"] .columns { table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; } + table[class="body"] .column { + table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; + } table[class="body"] table.columns td { width: 100% !important; } table[class="body"] .columns td.six { width: 50% !important; } + table[class="body"] .column td.six { + width: 50% !important; + } + table[class="body"] .columns td.twelve { + width: 100% !important; + } table[class="body"] table.columns td.expander { width: 1px !important; } @@ -111,12 +129,6 @@ text-decoration: underline; img[class="fluid-centered"] { margin: auto !important; } - table[class="articles"] { - width: 90% !important; - } - table[class="article-links"] { - width: 100% !important; - } td[class="comms-content"] { padding: 20px !important; } @@ -156,41 +168,8 @@ text-decoration: underline; td[class="spacer mb-shorten"] { height: 25px !important; } - a[class="footer-legal-links"] { - display: block !important; margin-bottom: 6px !important; font-size: 12px !important; line-height: 18px !important; - } - td[class="footer-links-list"] { - margin: 12px 0; - } - a[class="post-title"] { - font-size: 22px !important; line-height: 32px !important; - } - a[class="post-title spotlight"] { - font-size: 22px !important; line-height: 32px !important; - } - td[class="legal-text"] { - font-size: 12px !important; line-height: 18px !important; - } - td[class="avatar"] { - width: 30% !important; - } - td[class="links"] { - width: 30% !important; - } - td[class="links"] { - width: 70% !important; - } - a[class="main-cta"] { - width: 90% !important; font-size: 18px !important; - } - table[class="button"] { - width: 90% !important; font-size: 18px !important; - } - a[class="cta-big-link"] { - font-size: 18px !important; line-height: 26px !important; - } - a[class="btn-white"] { - font-size: 13px !important; width: 90px !important; + .two-up td { + width: 270px; } } @@ -242,7 +221,7 @@ text-decoration: underline; @@ -285,12 +264,12 @@ text-decoration: underline;
-

Complete the signup

+

Complete the signup
- +
-
- + @@ -276,12 +267,12 @@ text-decoration: underline;
+ - @@ -264,6 +248,13 @@ text-decoration: underline; + + +
+

Sent by Grafana v{{.BuildVersion}} diff --git a/public/emails/welcome_on_signup.html b/public/emails/welcome_on_signup.html index 265281b7eb1..123e2e145d6 100644 --- a/public/emails/welcome_on_signup.html +++ b/public/emails/welcome_on_signup.html @@ -48,6 +48,15 @@ color: #FFFFFF !important; .better-button:active a { color: #FFFFFF !important; } +.better-button-alt:hover a { +color: #ff8f2b !important; background-color: #DDDDDD; border: 1px solid #F2821E; +} +.better-button-alt:visited a { +color: #ff8f2b !important; +} +.better-button-alt:active a { +color: #ff8f2b !important; +} body { height: 100% !important; width: 100% !important; } @@ -88,12 +97,21 @@ text-decoration: underline; table[class="body"] .columns { table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; } + table[class="body"] .column { + table-layout: fixed !important; float: none !important; width: 100% !important; padding-right: 0px !important; padding-left: 0px !important; display: block !important; + } table[class="body"] table.columns td { width: 100% !important; } table[class="body"] .columns td.six { width: 50% !important; } + table[class="body"] .column td.six { + width: 50% !important; + } + table[class="body"] .columns td.twelve { + width: 100% !important; + } table[class="body"] table.columns td.expander { width: 1px !important; } @@ -111,12 +129,6 @@ text-decoration: underline; img[class="fluid-centered"] { margin: auto !important; } - table[class="articles"] { - width: 90% !important; - } - table[class="article-links"] { - width: 100% !important; - } td[class="comms-content"] { padding: 20px !important; } @@ -156,41 +168,8 @@ text-decoration: underline; td[class="spacer mb-shorten"] { height: 25px !important; } - a[class="footer-legal-links"] { - display: block !important; margin-bottom: 6px !important; font-size: 12px !important; line-height: 18px !important; - } - td[class="footer-links-list"] { - margin: 12px 0; - } - a[class="post-title"] { - font-size: 22px !important; line-height: 32px !important; - } - a[class="post-title spotlight"] { - font-size: 22px !important; line-height: 32px !important; - } - td[class="legal-text"] { - font-size: 12px !important; line-height: 18px !important; - } - td[class="avatar"] { - width: 30% !important; - } - td[class="links"] { - width: 30% !important; - } - td[class="links"] { - width: 70% !important; - } - a[class="main-cta"] { - width: 90% !important; font-size: 18px !important; - } - table[class="button"] { - width: 90% !important; font-size: 18px !important; - } - a[class="cta-big-link"] { - font-size: 18px !important; line-height: 26px !important; - } - a[class="btn-white"] { - font-size: 13px !important; width: 90px !important; + .two-up td { + width: 270px; } } @@ -242,10 +221,15 @@ text-decoration: underline; + + +
-

Hi {{.Name}}

+

Hi {{.Name}},
+ Welcome! Ready to start building some beautiful metric and analytic dashboards? +

+ Thank you for joining our community. +
+

The Grafana Team

+
- +
-
- +
+ -
+

Sent by Grafana v{{.BuildVersion}}