Zach's git repos / php-xmpp-invitation
XMPP invitation landing page, without javascript
Diffstat (limited to 'stylesheets/styles.css')
-rw-r--r--stylesheets/styles.css66
1 files changed, 66 insertions, 0 deletions
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
new file mode 100644
index 0000000..abdd5f7
--- /dev/null
+++ b/stylesheets/styles.css
@@ -0,0 +1,66 @@
+/* Mostly cherrypicked from bootstrap https://getbootstrap.com/css/ */
+.btn {
+ display: inline-block;
+ margin-bottom: 0;
+ font-weight: normal;
+ text-align: center;
+ vertical-align: middle; text-transform: uppercase;
+ border-right: none;
+ border-bottom: none;
+ color: #666;
+ text-decoration: none;
+ transition: all .2s;
+ touch-action: manipulation;
+ cursor: pointer;
+ border: 1px solid transparent;
+ white-space: nowrap;
+ padding: 6px 16px;
+ font-size: 13px;
+ line-height: 1.846;
+ border-radius: 3px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+}
+
+.btn:hover, .btn:focus, .btn.focus {
+ color: #666;
+ text-decoration: none;
+}
+
+textarea, textarea.form-control, input.form-control, input[type="text"], input[type="password"], input[type="email"], input[type="number"], .form-control[type="text"], .form-control[type="password"], .form-control[type="email"], .form-control[type="tel"] {
+ padding: 0;
+ border: none;
+ border-radius: 0;
+ -webkit-box-shadow: inset 0 -1px 0 #ddd;
+ box-shadow: inset 0 -1px 0 #ddd;
+ font-size: 1.1em;
+}
+
+.form-control {
+ display: block;
+ width: 100%;
+ height: 37px;
+ line-height: 1.846;
+ color: #666;
+ background-color: transparent;
+ background-image: none;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+ box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
+ -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
+ transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+}
+
+input, button {
+ -webkit-font-smoothing: antialiased;
+ letter-spacing: .1px;
+ text-rendering: optimizeLegibility;
+}
+
+a {
+ text-decoration: none;
+}
+
+a:hover, a:focus {
+ color: #165d16;
+ text-decoration: underline;
+}