diff options
author | Evgeny Fadeev <evgeny.fadeev@gmail.com> | 2012-11-15 13:23:46 -0300 |
---|---|---|
committer | Evgeny Fadeev <evgeny.fadeev@gmail.com> | 2012-11-15 13:23:46 -0300 |
commit | 8fb693146db9ada774d01ef51691dd3c6d7cc6ab (patch) | |
tree | c50e6b39d6c17ef87087cf1cbaef613f8ede7c75 | |
parent | 8728a90c5b342d16bfa93dc4f2d2e3c75aece0e8 (diff) | |
download | askbot-8fb693146db9ada774d01ef51691dd3c6d7cc6ab.tar.gz askbot-8fb693146db9ada774d01ef51691dd3c6d7cc6ab.tar.bz2 askbot-8fb693146db9ada774d01ef51691dd3c6d7cc6ab.zip |
added beginning of responsive layout
-rw-r--r-- | askbot/media/style/style.css | 58 | ||||
-rw-r--r-- | askbot/media/style/style.less | 43 |
2 files changed, 87 insertions, 14 deletions
diff --git a/askbot/media/style/style.css b/askbot/media/style/style.css index 79bc422b..ea81746f 100644 --- a/askbot/media/style/style.css +++ b/askbot/media/style/style.css @@ -120,13 +120,9 @@ pre { font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace; font-size: 100%; margin-bottom: 10px; - /*overflow: auto;*/ - background-color: #F5F5F5; padding-left: 5px; padding-top: 5px; - /*width: 671px;*/ - padding-bottom: 20px ! ie7; } code { @@ -1797,6 +1793,7 @@ ul#related-tags li { width: 100%; } .wmd-preview { + color: #525252; margin: 0; padding: 5px; background-color: #F5F5F5; @@ -1819,9 +1816,16 @@ ul#related-tags li { .wmd-preview blockquote { background-color: #eee; } -.wmd-preview IMG { +.wmd-preview img { max-width: 600px; } +.wmd-preview a { + color: #1b79bd; +} +.wmd-preview li { + margin-bottom: 7px; + font-size: 14px; +} .defaultSkin table.mceLayout, .defaultSkin table.mceLayout tr.mceFirst td { border: none; @@ -3748,14 +3752,6 @@ p.signup_p { .simple-subscribe-options input { display: inline; } -/* a workaround to set link colors correctly */ -.wmd-preview a { - color: #1b79bd; -} -.wmd-preview li { - margin-bottom: 7px; - font-size: 14px; -} .search-result-summary { font-weight: bold; font-size: 18px; @@ -4146,3 +4142,39 @@ textarea.tipped-input { width: 515px; margin-bottom: 0px; } +/* modifications for small screens */ +@media screen and (max-width: 960px) { + /* content margins touch viewport */ +} +@media screen and (max-width: 480px) { + .content-wrapper { + width: 100%; + } + #ContentRight { + display: none; + } + #ContentLeft { + width: 100%; + } + #secondaryHeader #scopeWrapper { + display: none; + } + #askButton { + display: block; + float: none; + margin: auto; + margin-top: 5px; + } + .main-page h1, + .main-page .counts .views, + .main-page .counts .votes, + .main-page .rss, + .main-page .tabBar, + .main-page .tags, + .main-page .userinfo { + display: none; + } + .short-summary { + width: 100%; + } +} diff --git a/askbot/media/style/style.less b/askbot/media/style/style.less index 828bf996..ed0e0572 100644 --- a/askbot/media/style/style.less +++ b/askbot/media/style/style.less @@ -404,7 +404,7 @@ body.user-messages { display:block; float:left; } - + #homeButton:hover{ .sprites(-6px-45,-36px); } @@ -425,6 +425,7 @@ body.user-messages { line-height:55px; margin-left:16px } + .on{ background:url(../images/scopearrow.png) no-repeat center bottom; } @@ -4003,3 +4004,43 @@ textarea.tipped-input { width: 515px; margin-bottom: 0px; } + +/* modifications for small screens */ +@media screen and (max-width: 960px) {/* content margins touch viewport */ +} +@media screen and (max-width: 480px) { + .content-wrapper { + width: 100%; + } + #ContentRight { + display: none; + } + #ContentLeft { + width: 100%; + } + #secondaryHeader #scopeWrapper { + display: none; + } + #askButton { + display: block; + float: none; + margin: auto; + margin-top: 5px; + } + #homeButton { + } + .main-page { + h1, + .counts .views, + .counts .votes, + .rss, + .tabBar, + .tags, + .userinfo { + display: none; + } + } + .short-summary { + width: 100%; + } +} |