From 0b6169a1e57843b1d5330df64515dbb89ee9d4ca Mon Sep 17 00:00:00 2001 From: Robbie Antenesse Date: Tue, 7 Jun 2016 18:20:16 -0600 Subject: [PATCH] Big, bright new styling! --- LOGIN.form | 6 ++-- css/lexiconga.css | 72 +++++++++++++++++++++++++++-------------------- css/styles.css | 37 +++++++++++++----------- index.php | 20 ++++++++----- 4 files changed, 78 insertions(+), 57 deletions(-) diff --git a/LOGIN.form b/LOGIN.form index 6368802..3990acc 100644 --- a/LOGIN.form +++ b/LOGIN.form @@ -15,7 +15,7 @@

Create a New Account

Creating an account allows you to save and switch between as many dictionaries as you need and access them from any device for free! If you have a dictionary you've been working on loaded already, it will automatically be uploaded to your account when you log in for the first time.

Plus if you allow us to send you emails, we'll make sure that you're the first to hear about any new features that get added or if any of our policies change for any reason. We'll never spam you or sell your information.

-

By creating an account, you are indicating that you agree to the Terms of Service and that you understand Lexiconga's Privacy Policy.

+

By creating an account, you are indicating that you agree to the Terms of Service and that you understand Lexiconga's Privacy Policy.

@@ -25,12 +25,12 @@ - ?
diff --git a/css/lexiconga.css b/css/lexiconga.css index 4819c6d..37c3df9 100644 --- a/css/lexiconga.css +++ b/css/lexiconga.css @@ -1,13 +1,16 @@ body { - background: #e6cfaa; + background: #ecf0f1; } header { height: 50px; width: 100%; - background: #eacc9d; - margin-bottom: 3px; - border-bottom: 3px solid #e3bb7d; + background: #8e44ad; + margin-bottom: 10px; + border: none; + -webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75); + -moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75); + box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75); } /* Smartphones (portrait and landscape) ----------- */ @@ -27,8 +30,9 @@ td, th { } a { - text-decoration: underline; - color: #a01000; + text-decoration: none; + color: #2980b9; + font-weight: bold; } #siteLogo { @@ -42,7 +46,7 @@ a { } #aboutButton { - background: #dcb078; + background: #f1c40f; } #loginoutArea { @@ -86,16 +90,19 @@ and (max-device-width : 480px) { } #wordEntryForm { - background: #c05d5d; - border-color: #c08d8d #b00d0d #b00d0d #c08d8d; + background: #e74c3c; + -webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); + box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); + border: none; } -input, textarea, select, option, button { - background: #efdfc0; +input, textarea, select, option { + background: #ecf0f1; } #announcementArea { - background:#a0c066; + background: #2ecc71; } #notificationArea { @@ -103,20 +110,21 @@ input, textarea, select, option, button { } #dictionaryContainer { - background: #bd7251; + background: #e67e22; padding: 15px; - border: outset; - border-color: #d09b84 #915237 #915237 #d09b84; + border: none; + -webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); + box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); } -#dictionaryDescription, .management, #settingsOptions, #infoPage, #loadAfterDeletePage, -#accountSettingsPage, #fullScreenTextboxPage { - background: #f2d5b2; +#dictionaryDescription, #settingsOptions, #infoPage, #loadAfterDeletePage, #accountSettingsPage, #fullScreenTextboxPage { + background: #bdc3c7; } .management { border-width: 2px; - border-color: #ebbe87 #f9ecdd #f9ecdd #ebbe87; + border: none; } #dictionaryName { @@ -127,28 +135,30 @@ input, textarea, select, option, button { width: 90%; } -#loginLink, #logoutLink, -#descriptionToggle, #searchFilterToggle, #settingsButton, -.deleteCancelButton, .deleteConfirmButton, -#settingsScreenCloseButton, #infoScreenCloseButton, -.clickable, .helperlink { - background: #e0c19c; +#loginLink, #logoutLink, #descriptionToggle, #searchFilterToggle, #settingsButton, .deleteCancelButton, .deleteConfirmButton, #settingsScreenCloseButton, #infoScreenCloseButton, .clickable, button { + background: #f1c40f; } entry { - background: #d7ad7d; - border-color: #e7cfb3 #c78b47 #c78b47 #e7cfb3; + background: #bdc3c7; + border: none; + -webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75); + -moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75); + box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.75); } .editButton { - background: #89cb89; + background: #2ecc71; } .deleteButton { - background: #cc8888; + background: #e74c3c; } footer { - background: #d69c42; - border-top: 3px solid #e3bb7d; + background: #e67e22; + border: none; + -webkit-box-shadow: 0px -3px 7px -1px rgba(0,0,0,0.75); + -moz-box-shadow: 0px -3px 7px -1px rgba(0,0,0,0.75); + box-shadow: 0px -3px 7px -1px rgba(0,0,0,0.75); } \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index 7408a05..94a1f05 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,8 +1,8 @@ -body { +body { padding: 0; margin: 0; border: none; - font-family: Georgia, 'Times New Roman', Times, serif; + font-family: "Helvetica", Arial, sans-serif; } contents { @@ -18,7 +18,7 @@ footer { bottom: 0px; left: 0px; background: #aaaaaa; - padding: 6px; + padding: 8px; max-height: 32px; /* Update Dictionary Container's bottom margin to account for footer */ } @@ -72,10 +72,6 @@ label span { font-weight: bold; } -label span .helperlink { - font-size: 10px; -} - label label { margin-left: 20px; } @@ -141,17 +137,19 @@ input[type=checkbox] { #announcementArea, #notificationArea { text-align:center; padding:10px; - border-radius:5px; margin:0 auto; width:50%; min-width:200px; + -webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); + box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); } #dictionaryContainer { margin: 15px 0 36px 15px; /* bottom margin must clear footer */ width: 60%; min-width: 260px; - max-width: 600px; + max-width: 800px; float: left; } @@ -168,19 +166,24 @@ input[type=checkbox] { margin: 10px; } -.clickable, .helperlink { +.clickable, button { display: inline; font-weight: bold; font-size: 13px; padding: 4px; + border: none; background: #dddddd; - border-radius: 5px; } -.clickable { +.clickable, button { cursor: pointer; } +.inline-button { + font-size: 11px; + padding: 2px 4px; +} + #descriptionToggle, #searchFilterToggle { display: inline-block; margin: 8px; @@ -323,8 +326,8 @@ searchTerm { left: 0; width: 100%; height: 100%; - background: #aaaaaa; - opacity: 0.75; + background: #000000; + opacity: 0.6; } #settingsOptions, #infoPage, #loadAfterDeletePage, @@ -341,8 +344,10 @@ searchTerm { overflow-x: hidden; background: #ffffff; opacity: 1; - border-radius: 5px; - border: 1px solid black; + border: none; + -webkit-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); + -moz-box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); + box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.75); } #announcementCloseButton, #notificationCloseButton, diff --git a/index.php b/index.php index b63e575..464bd46 100644 --- a/index.php +++ b/index.php @@ -115,7 +115,7 @@ if ($is_viewing) { -