Issue 1170 - [adblockplus.org Anwiki to CMS migration] Migrate content

static/css/index.css

 #content h1, #content h2
 {
   font-size: 16px;
 }
 
 #content .sprite
 {
   background-image: url(../img/sprite-index.png);
 }
 
 #main, #video
 {
   display: inline-block;
 }
 
-#video, #maxthon-teaser
+#video, #maxthon-instruction
 {
   background: white;
   padding: 10px;
   border: 1px solid #c9c9c9;
   box-shadow: 1px 1px 0 0 #dbdbdb;
 }
 
-#maxthon-teaser,
-#content.maxthon #video
-{
-  display: none;
-}
-
-#content.maxthon #maxthon-teaser
+#maxthon-instruction,
+html[lang^="zh_"] #content.maxthon #video,
+#content.maxthon #feature-free,
+#feature-maxthon
+{
+  display: none;
+}
+
+html[lang^="zh_"] #content.maxthon #maxthon-instruction
 {
   display: inline-block;
   padding: 0px;
+}
+
+#content.maxthon #feature-maxthon
+{
+  display: inline-block;
 }
 
 #summary h1, #summary h2
 {
   font-weight: normal;
   margin: 0;
 }
 
 #summary h1
 {
@@ skipping 186 matching lines @@
 
 #content.firefox #install-firefox, #content.chrome #install-chrome,
 #content.opera #install-opera, #content.android #install-android,
 #content.internet-explorer #install-internet-explorer,
 #content.safari #install-safari,
 #content.yandex-browser #install-yandex-browser
 {
   display: inline-block;
 }
 
-#summary #maxthon-news,
-#content.maxthon #install,
-#content.maxthon #features
-{
-  display: none;
-}
-
-#content.maxthon #maxthon-news
-{
-  display: inline-block;
-  padding-left: 0px;
-}
-
-#maxthon-news strong
-{
-  display: block;
-  color: #2d79c0;
-}
-
-#maxthon-news a
-{
-  color: #2d79c0;
-}
-
-#maxthon-news li.emphasized
-{
-  font-weight: normal;
-  font-size: 18px;
-}
-
 #install ul
 {
   list-style: none;
   display: inline-block;
   margin: 0 0 0 5px;
   padding: 0;
   vertical-align: bottom;
 }
 
 html[dir="rtl"] #install ul
@@ skipping 87 matching lines @@
 #platform-yandex-browser
 {
   background-position: -128px -89px;
 }
 
 #content.yandex-browser #platform-yandex-browser
 {
   background-position: -128px -68px;
 }
 
+#platform-maxthon
+{
+  background-position: -128px -130px;
+}
+
+#content.maxthon #platform-maxthon
+{
+  background-position: -128px -109px;
+}
+
 .warning-platform,
-.disclaimer
+.disclaimer,
+#maxthon-notification
 {
   display: none;
   color: #D00;
   text-align: center;
   border: 1px solid #D00;
   padding: 5px;
   border-radius: 5px;
 }
 
 .disclaimer
 {
   font-size: 14px;
   color: #000;
   text-align: left;

[Sebastian Noack, 2015/02/13 17:51:49]

I suppose the text should be aligned to the read starting position, not
necessarily to the left. Mind right-to-left languages:

text-align: start

[kzar, 2015/02/20 14:55:18]

CSS and other static files like images are imported from the live site. Fixes
need to be made to the live site currently and then imported here.

 }
 
 #content.ua-firefox .warning-platform.firefox,
 #content.ua-chrome .warning-platform.chrome,
 #content.ua-android .warning-platform.android,
 #content.ua-opera .warning-platform.opera,
 #content.ua-internet-explorer .warning-platform.internet-explorer,
 #content.ua-safari .warning-platform.safari,
-#content.ua-yandex-browser .warning-platform.yandex-browser
+#content.ua-yandex-browser .warning-platform.yandex-browser,
+#content.ua-maxthon .warning-platform.maxthon,
+html[lang^="zh_"] #maxthon-notification
 {
   display: block;
 }
 
 #content.firefox.ua-firefox .warning-platform.firefox,
 #content.chrome.ua-chrome .warning-platform.chrome,
 #content.android.ua-android .warning-platform.android,
 #content.opera.ua-opera .warning-platform.opera,
 #content.internet-explorer.ua-internet-explorer .warning-platform.internet-explorer,
 #content.safari.ua-safari .warning-platform.safari,
 #content.yandex-browser.ua-yandex-browser .warning-platform.yandex-browser,
+#content.maxthon.ua-maxthon .warning-platform.maxthon,
+#content.ua-maxthon #maxthon-notification,
+#content.maxthon #maxthon-notification,
 /* IE6 fixes */
 #content.firefox_ua-firefox .warning-platform.firefox,
 #content.chrome_ua-chrome .warning-platform.chrome,
 #content.opera_ua-opera .warning-platform.opera,
 #content.internet-explorer_ua-internet-explorer .warning-platform.internet-explorer,
 #content.safari_ua-safari .warning-platform.safari,
-#content.yandex-browser_ua-yandex-browser .warning-platform.yandex-browser
+#content.yandex-browser_ua-yandex-browser .warning-platform.yandex-browser,
+#content.maxthon_ua-maxthon .warning-platform.maxthon
 {
   display: none;
 }
 
 html[lang="fr"] .disclaimer.lang-fr
 {
   display: block;
 }
 
 #key-facts section
@@ skipping 121 matching lines @@
 {
   display: none;
 }
 
 #more-container.firefox #tab-firefox,
 #more-container.chrome #tab-chrome,
 #more-container.opera #tab-opera,
 #more-container.android #tab-android,
 #more-container.internet-explorer #tab-internet-explorer,
 #more-container.safari #tab-safari,
-#more-container.yandex-browser #tab-yandex-browser
+#more-container.yandex-browser #tab-yandex-browser,
+#more-container.maxthon #tab-maxthon
 {
   display: inline-block;
 }
 
 #more-container.firefox #more-firefox,
 #more-container.chrome #more-chrome,
 #more-container.opera #more-opera,
 #more-container.android #more-android,
 #more-container.internet-explorer #more-internet-explorer,
 #more-container.safari #more-safari,
-#more-container.yandex-browser #more-yandex-browser
+#more-container.yandex-browser #more-yandex-browser,
+#more-container.maxthon #more-maxthon
 {
   background-color: #dbd4c7;
 }