diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/style.css | 149 |
1 files changed, 24 insertions, 125 deletions
diff --git a/design/style.css b/design/style.css index 0743fc2..94008f2 100644 --- a/design/style.css +++ b/design/style.css @@ -2,7 +2,7 @@ /* STUFF FOR MOBILE VERSION - MUST BE OVERWRITTEN IN SECTON FOR LARGE SCREENS */ body { - background: #FBFBFB; + background: #FFFFFF; padding: 0px; margin: 0px; width: 400px; @@ -13,8 +13,8 @@ body { .menu { padding: 4px; margin-bottom: 8px; - background: #F5F5F5; - border-bottom: 1px solid #F0F0F0; + border-bottom: 1px solid black; + background: white; } .contents-left, .contents-right { @@ -60,7 +60,7 @@ body { left: 0px; bottom: 0px; width: 270px; - border-right: 1px solid #ddd; + border-right: 1px solid black; overflow: auto; padding: 16px; } @@ -83,11 +83,8 @@ body { } form { - padding-left: 8px; - padding-bottom: 8px; - border: 1px solid #DDD; - border-top: 0px; - border-right: 0px; + padding: 16px; + border: 1px solid black; margin-top: 16px; } @@ -106,7 +103,7 @@ body { } iframe, textarea { - border: 1px solid #CCC; + border: 1px solid black; width: 98%; height: 300px; } @@ -114,6 +111,12 @@ body { textarea { margin: 8px; } + + input, button { + border:1px solid black; + background: white; + } + } /* GENERAL STUFF */ @@ -121,7 +124,7 @@ body { a { - color: #007; + color: #00F; text-decoration: none; } @@ -150,18 +153,16 @@ iframe, textarea { margin-top: 8px; margin-bottom: 8px; padding: 8px; - border: 1px solid #FBB; - color: #A22; - background-color: #FFE0FF; + border: 1px solid red; + color: red; } .message { margin-top: 8px; margin-bottom: 8px; padding: 8px; - border: 1px solid #CFC; - background-color: #E7FFE7; - color: #060; + border: 1px solid green; + color: green; } .tree_branch { @@ -208,17 +209,17 @@ table { } td, th { - border: 1px solid #E0E0E0; + border: 1px solid black; } td { - background-color: #F7F7F7; padding: 6px; vertical-align: top; } th { - background-color: #E7E7E7; + background-color: black; + color: white; padding: 2px; text-align: center; } @@ -240,7 +241,7 @@ abbr { hr { border: 0px; - border-bottom: 1px dashed #AAA; + border-bottom: 1px solid AAA; } li .info { @@ -254,115 +255,13 @@ li p { margin-bottom: 4px; } - -/* CARDS */ - -.study_card { - margin: 16px; - border-left: 1px solid #ccc; - border-bottom: 1px solid #ccc; - padding: 8px; - background: #F7F7F7; -} - -.study_card code { - margin-left: 16px; - margin-bottom: 8px; - display: block; -} - -.scb1 { - border-left: 1px solid #DD00DD; - border-bottom: 1px solid #DD00DD; -} - -.scb2 { - border-left: 1px solid #FF7777; - border-bottom: 1px solid #FF7777; -} - -.scb3 { - border-left: 1px solid #FFAA00; - border-bottom: 1px solid #FFAA00; -} - -.scb4, .scb5, .scb6 { - border-left: 1px solid #00CC00; - border-bottom: 1px solid #00CC00; -} - -.scb7 { - border-left: 1px solid #0000FF; - border-bottom: 1px solid #0000FF; -} - -/* Study lists */ - -.study_note_td { - font-size: 0.8em; - background: white; - text-align: right; - padding: 2px; - padding-right: 16px; - padding-left: 16px; - padding-bottom: 4px; -} - -.review_item{ - text-align: center; -} -.review_item .box, .review_item .box2, .review_item .boxn { - width: 400px; - margin: auto; - border: 1px solid #eeeeee; - background: #ffffff; - padding: 8px; -} - -.review_item .box { - height: 300px; -} - -.review_item .box2 { - height: 220px; -} - -.review_item .boxn { - border-top: 0px; - height: 64px; - font-size: 0.8em; -} - -.review_item .boxn em { - color: grey; -} - -.review_item_prop span { - display: inline-block; - padding-right: 8px; - font-size: 0.8em; -} - -.rtk_kr_q_1, .rtk_kr_a_1, .rtk_kr_q_2, .rtk_kr_a_2, .vocabqa, .vocabqb, .vocaba - { margin: 0px; padding: 0px; padding-top: 50px; } -.rtk_kr_q_1, .rtk_kr_a_2 span { font-size: 4em; font-family: "IPAMincho", serif; } -.rtk_kr_q_2, .rtk_kr_a_1 span { font-size: 1.3em; } - -.vocabqa { font-size: 1.5em; } -.vocabqb { font-size: 2em; } -.vocaba { font-size: 1.5em; } -.vocaba .vocabreading { font-size: 0.7em; } -.vocaba span { padding-top: 16px; } - /* blog */ .blog_post { margin: 4px; margin-top: 16px; - border-left: 1px solid #ccc; - border-bottom: 1px dashed #ccc; - padding: 8px; - padding-top: 16px; + padding: 16px; + border: 1px solid black; } .blog_post .inside { |