Index: static/css/index.css |
=================================================================== |
--- a/static/css/index.css |
+++ b/static/css/index.css |
@@ -1,25 +1,59 @@ |
/****************************************************************************** |
* Temparary styles |
*****************************************************************************/ |
.avoid-wrap {display: inline-block;} |
.small {font-size: smaller;} |
-.maxthon-only {display: none;} |
-.maxthon .maxthon-only {display: block;} |
/****************************************************************************** |
* Browser-based styles |
*****************************************************************************/ |
+.show-on-chrome { display: none; } |
+.chrome .show-on-chrome { display: inherit; } |
+.chrome .hide-on-chrome { display: none; } |
+ |
+.show-on-opera { display: none; } |
+.opera .show-on-opera { display: inherit; } |
+.opera .hide-on-opera { display: none; } |
+ |
+.show-on-samsungBrowser { display: none; } |
+.samsungBrowser .show-on-samsungBrowser { display: inherit; } |
+.samsungBrowser .hide-on-samsungBrowser { display: none; } |
+ |
+.show-on-yandexbrowser { display: none; } |
+.yandexbrowser .show-on-yandexbrowser { display: inherit; } |
+.yandexbrowser .hide-on-yandexbrowser { display: none; } |
+ |
+.show-on-maxthon { display: none; } |
+.maxthon .show-on-maxthon { display: inherit; } |
+.maxthon .hide-on-maxthon { display: none; } |
+ |
.show-on-msie { display: none; } |
-.msie .show-on-msie { display: block; } |
+.msie .show-on-msie { display: inherit; } |
.msie .hide-on-msie { display: none; } |
+.show-on-msedge { display: none; } |
+.msedge .show-on-msedge { display: inherit; } |
+.msedge .hide-on-msedge { display: none; } |
+ |
+.show-on-firefox { display: none; } |
+.firefox .show-on-firefox { display: inherit; } |
+.firefox .hide-on-firefox { display: none; } |
+ |
+.show-on-ios { display: none; } |
+.ios .show-on-ios { display: inherit; } |
+.ios .hide-on-ios { display: none; } |
+ |
+.show-on-safari { display: none; } |
+.safari .show-on-safari { display: inherit; } |
+.safari .hide-on-safari { display: none; } |
+ |
/****************************************************************************** |
* #hero-download |
*****************************************************************************/ |
#hero-download |
{ |
padding: 3em 1em; |
} |