diff --git a/.gitignore b/.gitignore
index 79cb5e4..9dbb225 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
+php/google/
ipa_character_picker/
diff --git a/css/styles.css b/css/styles.css
index 370a3cc..f9c3785 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -5,6 +5,11 @@
font-family: Georgia, 'Times New Roman', Times, serif;
}
+contents {
+ display: block;
+ width: 100%;
+}
+
footer {
width: 100%;
text-align: center;
@@ -21,17 +26,34 @@ footer {
display: inline !important;
}
+/* Smartphones (portrait and landscape) ----------- */
+@media only screen
+and (min-device-width : 320px)
+and (max-device-width : 480px) {
+ footer {
+ position: relative;
+ clear: both;
+ max-height: 100%;
+ }
+
+ #dictionaryContainer {
+ margin-bottom: 15px !important;
+ }
+}
+
#leftColumn {
float: left;
}
form {
- margin: 15px;
padding: 15px;
}
#wordEntryForm {
+ width: 30%;
max-width: 400px;
+ min-width: 260px;
+ margin: 15px 0 15px 15px;
border: outset 3px;
}
@@ -69,13 +91,18 @@ input[type=checkbox] {
}
#longDefinition {
- width: 350px;
- height: 200px;
+ width: 80%;
+ min-width: 260px;
+ height: 150px;
+}
+
+#updateConflict {
+ width: 260px;
}
#errorMessage, #updateConflictMessage, #settingsErrorMessage {
display: block;
- color: red;
+ color: maroon;
font-weight: bold;
}
@@ -84,10 +111,20 @@ input[type=checkbox] {
margin: 0 10px 0 0;
}
+#notificationArea {
+ text-align:center;
+ padding:10px;
+ border-radius:5px;
+ margin:0 auto;
+ width:50%;
+ min-width:200px;
+}
+
#dictionaryContainer {
margin: 15px 0 36px 15px; /* bottom margin must clear footer */
- width: 50%;
- min-width: 350px;
+ width: 60%;
+ min-width: 260px;
+ max-width: 600px;
float: left;
}
@@ -128,8 +165,8 @@ input[type=checkbox] {
entry {
display: block;
- width: 50%;
- min-width: 300px;
+ width: 90%;
+ min-width: 200px;
padding: 10px 10px 3px;
border: outset 3px;
margin-bottom: 5px;
@@ -138,6 +175,9 @@ entry {
.wordLink {
text-decoration: none;
float: right;
+ font-size: 13px;
+ padding: 2px;
+ line-height: 10px;
}
word {
@@ -233,7 +273,7 @@ searchTerm {
margin: 10px;
}
-#settingsBackgroundFade, #aboutBackgroundFade {
+#settingsBackgroundFade, #infoBackgroundFade {
position: fixed;
top: 0;
left: 0;
@@ -243,14 +283,14 @@ searchTerm {
opacity: 0.75;
}
-#settingsOptions, #aboutPage {
+#settingsOptions, #infoPage {
position: fixed;
- top: 10%;
- left: 10%;
- right: 10%;
- bottom: 10%;
- min-width: 300px;
- min-height: 300px;
+ top: 6%;
+ left: 6%;
+ right: 6%;
+ bottom: 6%;
+ min-width: 260px;
+ min-height: 260px;
padding: 5px 5% 5%;
overflow-y: auto;
overflow-x: hidden;
@@ -259,8 +299,9 @@ searchTerm {
border: 1px solid black;
}
+#notificationCloseButton,
#settingsButton, #settingsScreenCloseButton,
-#settingsSaveButtons button, #aboutScreenCloseButton {
+#settingsSaveButtons button, #infoScreenCloseButton {
float: right;
font-size: 12px;
}
@@ -271,9 +312,14 @@ searchTerm {
margin: 0;
}
+#dictionaryDescriptionEdit, #dictionaryPartsOfSpeechEdit {
+ width: 100%;
+ max-width: 360px;
+ min-width: 200px;
+}
+
#dictionaryDescriptionEdit {
- width: 280px;
- height: 130px;
+ height: 200px;
}
#settingsErrorMessage {
@@ -289,6 +335,8 @@ searchTerm {
.settingsCol {
display: block;
float: left;
- width: 300px;
+ width: 30%;
+ min-width: 260px;
+ max-width: 400px;
margin: 0 30px 0 0;
}
diff --git a/index.html b/index.html
index 2caa962..4e7707f 100644
--- a/index.html
+++ b/index.html
@@ -18,6 +18,11 @@
+
+
-
+
+
+
+