From 1528e6a946595a4dcb6f56910fafe750403c403f Mon Sep 17 00:00:00 2001 From: Iuri Matias Date: Wed, 10 Apr 2019 22:04:36 -0400 Subject: [PATCH] make css changes a theme --- index.html | 57 +---------------------------------------------- themes/status.css | 54 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 55 insertions(+), 56 deletions(-) create mode 100644 themes/status.css diff --git a/index.html b/index.html index 6a576a3..bbb9757 100644 --- a/index.html +++ b/index.html @@ -4,65 +4,10 @@ body { background-color: #eef2f5; } - - ._status-chat-widget { - background-color: white; - width: 33%; - border-radius: 16px; - font-family: "Inter UI",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; - background: url(https://status.im/img/status-logo-symbol.svg) 99% 3% no-repeat white; - background-size: 55px; - border-top: 1px solid #ddd; - border-left: 1px solid #ddd; - border-right: 1px solid #ddd; - } - - ._status-chat-widget h3 { - margin-top: 0px; - color: #4360df; - font-weight: 600; - font-size: 20px; - padding: 24px; - padding-bottom: 5px; - } - - ._status-chat-widget .chat { - height: 218px; - overflow: auto; - padding: 24px; - border-top: 1px solid #ddd; - background-color: #eef2f5; - } - - ._status-chat-widget .post { - width: 100%; - height: 60px; - padding-left: 30px; - border-radius: 0px 0px 10px 10px; - border: 0px; - border-top: 1px solid #ddd; - border-bottom: 1px solid #ddd; - font-size: 14px; - } - - ._status-chat-widget .username { - color: #939ba1; - font-size: 14px; - } - - ._status-chat-widget .message { - background-color: white; - padding: 5px 10px; - border-radius: 10px; - border: 1px solid #eee; - display: block; - margin-top: 3px; - margin-bottom: 10px; - } - +
diff --git a/themes/status.css b/themes/status.css new file mode 100644 index 0000000..b9ac4bd --- /dev/null +++ b/themes/status.css @@ -0,0 +1,54 @@ +._status-chat-widget { + background-color: white; + width: 33%; + border-radius: 16px; + font-family: "Inter UI",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif; + background: url(https://status.im/img/status-logo-symbol.svg) 99% 3% no-repeat white; + background-size: 55px; + border-top: 1px solid #ddd; + border-left: 1px solid #ddd; + border-right: 1px solid #ddd; +} + +._status-chat-widget h3 { + margin-top: 0px; + color: #4360df; + font-weight: 600; + font-size: 20px; + padding: 24px; + padding-bottom: 5px; +} + +._status-chat-widget .chat { + height: 218px; + overflow: auto; + padding: 24px; + border-top: 1px solid #ddd; + background-color: #eef2f5; +} + +._status-chat-widget .post { + width: 100%; + height: 60px; + padding-left: 30px; + border-radius: 0px 0px 10px 10px; + border: 0px; + border-top: 1px solid #ddd; + border-bottom: 1px solid #ddd; + font-size: 14px; +} + +._status-chat-widget .username { + color: #939ba1; + font-size: 14px; +} + +._status-chat-widget .message { + background-color: white; + padding: 5px 10px; + border-radius: 10px; + border: 1px solid #eee; + display: block; + margin-top: 3px; + margin-bottom: 10px; +}