summaryrefslogtreecommitdiffabout
diff options
context:
space:
mode:
authorArmael <armael.gueneau@ens-lyon.fr>2016-01-24 14:53:44 (CET)
committer Armael <armael.gueneau@ens-lyon.fr>2016-01-24 14:53:44 (CET)
commit209d223e2c0ca0d3d7d160ff31177a29178cb2b5 (patch)
treedbbb0792e31085768009f0e1ddc768898a77b6a7
parenta013a9106bc784f06dfff3561c45ec4b6af9f2d3 (diff)
downloaddict-209d223e2c0ca0d3d7d160ff31177a29178cb2b5.tar.gz
dict-209d223e2c0ca0d3d7d160ff31177a29178cb2b5.tar.bz2
upgrade style.css
-rw-r--r--css/style.css172
1 files changed, 93 insertions, 79 deletions
diff --git a/css/style.css b/css/style.css
index baae8e3..0fe1b5d 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,80 +1,94 @@
-body {
- margin: 0;
- letter-spacing: 0.06em;
- font-family: Arial, sans-serif;
- background: #f5f5f5;
-}
-
-* {
- box-sizing: border-box;
-}
-
-.search {
- padding: 2em 0;
- text-align: center;
- background: lightgrey;
-}
-
-.search input {
- max-width: 100%;
- font-size: 1.5em;
- background: none;
- border: none;
- border-bottom: 2px solid grey;
-}
-
-.results {
- padding: 10px 0;
-}
-
-.head {
- display: flex;
-}
-
-.head h2 {
- flex: 1;
- color: dimgrey;
- font-size: 1em;
- font-weight: normal;
-}
-
-.trad {
- margin-bottom: 5px;
- padding: 5px 10px;
- display: flex;
- flex-wrap: wrap;
- background: #fff;
- box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.50);
-}
-
-.trad > div {
- flex: 1;
- min-width: 180px;
- padding: 5px 0;
-}
-
-.trad_info {
- display: none;
- margin-bottom: 3px;
- font-size: 12px;
- color: #9B9B9B;
- line-height: 13px;
-}
-
-.container {
- max-width: 800px;
- margin: 0 auto;
- padding: 0 10px;
-}
-
-@media screen and (max-width: 400px) {
- .head {
- display: none;
- }
- .trad_info {
- display: block;
- }
- .trad > div:nth-child(odd) {
- border-bottom: 1px solid lightgrey;
- }
+body {
+ margin: 0;
+ letter-spacing: 0.06em;
+ font-family: Arial, sans-serif;
+ background: #f5f5f5;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+.search {
+ padding: 2em 0;
+ text-align: center;
+ background: lightgrey;
+}
+
+.search input {
+ max-width: 100%;
+ font-size: 1.5em;
+ background: none;
+ border: none;
+ border-bottom: 2px solid grey;
+}
+
+.results {
+ padding: 10px 0;
+}
+
+.head {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.head h2 {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ color: dimgrey;
+ font-size: 1em;
+ font-weight: normal;
+}
+
+.trad {
+ margin-bottom: 5px;
+ padding: 5px 10px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ background: #fff;
+ box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.50);
+}
+
+.trad > div {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ min-width: 180px;
+ padding: 5px 0;
+}
+
+.trad_info {
+ display: none;
+ margin-bottom: 3px;
+ font-size: 12px;
+ color: #9B9B9B;
+ line-height: 13px;
+}
+
+.container {
+ max-width: 800px;
+ margin: 0 auto;
+ padding: 0 10px;
+}
+
+@media screen and (max-width: 400px) {
+ .head {
+ display: none;
+ }
+ .trad_info {
+ display: block;
+ }
+ .trad > div:nth-child(odd) {
+ border-bottom: 1px solid lightgrey;
+ }
} \ No newline at end of file