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
+#video, #maxthon-teaser
 {
   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
+{
+  display: inline-block;
+  padding: 0px;
+}
+
 #summary h1, #summary h2
 {
   font-weight: normal;
   margin: 0;
 }
 
 #summary h1
 {
   font-size: 60px;
   line-height: 50px;
@@ skipping 38 matching lines @@
   width: 12px;
   height: 11px;
   margin-top: 4px;
   margin-left: -17px;
   margin-right: 0px;
   background-image: url(../img/sprite-main.png);
   background-repeat: no-repeat;
   background-position: -166px 0px;
 }
 
+.license-note
+{
+  display: none;
+  font-weight: normal;
+}
+
+html[lang="fr"] .license-note.lang-fr
+{
+  display: inline;
+}
+
 html[dir="rtl"] #summary li .sprite
 {
   margin-right: -17px;
   margin-left: 0px;
 }
 
 /* This cannot be just .install-button because a:link will have a higher
    specificity otherwise (overrides text color) */
-#install-container .install-button
+#install .install-button
 {
   display: none;
   position: relative;
   width: 305px;
   height: 50px;
   color: #fff;
   font-size: 20px;
   text-decoration: none;
   text-align: center;
   line-height: 50px;
@@ skipping 30 matching lines @@
   background: linear-gradient(bottom, #cacaca, #a2a2a2);
   box-shadow: 0px 0px 7px #6f6f6f;
   -webkit-transition: none;
   -moz-transition: none;
   -ms-transition: none;
   -o-transition: none;
   transition: none;
   bottom: 4px;
 }
 
-#install-container.android .install-button,
-#install-container.firefox.ua-firefox .install-button,
-#install-container.chrome.ua-chrome .install-button,
-#install-container.opera.ua-opera .install-button,
-#install-container.internet-explorer.ua-internet-explorer .install-button,
+#content.android .install-button,
+#content.firefox.ua-firefox .install-button,
+#content.chrome.ua-chrome .install-button,
+#content.opera.ua-opera .install-button,
+#content.internet-explorer.ua-internet-explorer .install-button,
+#content.safari.ua-safari .install-button,
+#content.yandex-browser.ua-yandex-browser .install-button,
 /* IE6 fixes */
-#install-container.firefox_ua-firefox .install-button,
-#install-container.chrome_ua-chrome .install-button,
-#install-container.opera_ua-opera .install-button,
-#install-container.internet-explorer_ua-internet-explorer .install-button
+#content.firefox_ua-firefox .install-button,
+#content.chrome_ua-chrome .install-button,
+#content.opera_ua-opera .install-button,
+#content.internet-explorer_ua-internet-explorer .install-button,
+#content.safari_ua-safari .install-button,
+#content.yandex-browser_ua-yandex-browser .install-button
 {
   background: #62c52b;
   background: -webkit-linear-gradient(top, #62c52b, #4f9d22);
   background: -moz-linear-gradient(top, #62c52b, #4f9d22);
   background: -ms-linear-gradient(top, #62c52b, #4f9d22);
   background: -o-linear-gradient(top, #62c52b, #4f9d22);
   background: linear-gradient(top, #62c52b, #4f9d22);
   box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422;
   text-shadow: 2px 2px 2px #327d14;
 }
 
-#install-container.android .install-button:hover,
-#install-container.firefox.ua-firefox .install-button:hover,
-#install-container.chrome.ua-chrome .install-button:hover,
-#install-container.opera.ua-opera .install-button:hover,
-#install-container.internet-explorer.ua-internet-explorer .install-button:hover,
+#content.android .install-button:hover,
+#content.firefox.ua-firefox .install-button:hover,
+#content.chrome.ua-chrome .install-button:hover,
+#content.opera.ua-opera .install-button:hover,
+#content.internet-explorer.ua-internet-explorer .install-button:hover,
+#content.safari.ua-safari .install-button:hover,
+#content.yandex-browser.ua-yandex-browser .install-button:hover,
 /* IE6 fixes */
-#install-container.firefox_ua-firefox .install-button:hover,
-#install-container.chrome_ua-chrome .install-button:hover,
-#install-container.opera_ua-opera .install-button:hover,
-#install-container.internet-explorer_ua-internet-explorer .install-button:hover
+#content.firefox_ua-firefox .install-button:hover,
+#content.chrome_ua-chrome .install-button:hover,
+#content.opera_ua-opera .install-button:hover,
+#content.internet-explorer_ua-internet-explorer .install-button:hover,
+#content.safari_ua-safari .install-button:hover,
+#content.yandex-browser_ua-yandex-browser .install-button:hover
 {
   box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15;
 }
 
-#install-container.android .install-button:active,
-#install-container.firefox.ua-firefox .install-button:active,
-#install-container.chrome.ua-chrome .install-button:active,
-#install-container.opera.ua-opera .install-button:active,
-#install-container.internet-explorer.ua-internet-explorer .install-button:active,
+#content.android .install-button:active,
+#content.firefox.ua-firefox .install-button:active,
+#content.chrome.ua-chrome .install-button:active,
+#content.opera.ua-opera .install-button:active,
+#content.internet-explorer.ua-internet-explorer .install-button:active,
+#content.safari.ua-safari .install-button:active,
+#content.yandex-browser.ua-yandex-browser .install-button:active,
 /* IE6 fixes */
-#install-container.firefox_ua-firefox .install-button:active,
-#install-container.chrome_ua-chrome .install-button:active,
-#install-container.opera_ua-opera .install-button:active
-#install-container.internet-explorer_ua-internet-explorer .install-button:active
+#content.firefox_ua-firefox .install-button:active,
+#content.chrome_ua-chrome .install-button:active,
+#content.opera_ua-opera .install-button:active,
+#content.internet-explorer_ua-internet-explorer .install-button:active,
+#content.safari_ua-safari .install-button:active,
+#content.yandex-browser_ua-yandex-browser .install-button:active
 {
   background: #4f9d22;
   background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22);
   background: -moz-linear-gradient(bottom, #62c52b, #4f9d22);
   background: -ms-linear-gradient(bottom, #62c52b, #4f9d22);
   background: -o-linear-gradient(bottom, #62c52b, #4f9d22);
   background: linear-gradient(bottom, #62c52b, #4f9d22);
   box-shadow: 0px 0px 7px #486c15;
 }
 
-#install-container.firefox #install-firefox,
-#install-container.chrome #install-chrome,
-#install-container.opera #install-opera,
-#install-container.android #install-android,
-#install-container.internet-explorer #install-internet-explorer
+#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 17 matching lines @@
 #platform-firefox
 {
   background-position: -108px -89px;
 }
 
 #information-android
 {
   display: none;
 }
 
-#install-container.android #information-android
+#content.android #information-android
 {
   display: block;
 }
 
-#install-container.firefox #platform-firefox
+#content.firefox #platform-firefox
 {
   background-position: -108px -68px;
 }
 
 #platform-chrome
 {
   background-position: -88px -89px;
 }
 
-#install-container.chrome #platform-chrome
+#content.chrome #platform-chrome
 {
   background-position: -88px -68px;
 }
 
 #platform-android
 {
   background-position: -68px -89px;
 }
 
-#install-container.android #platform-android
+#content.android #platform-android
 {
   background-position: -68px -68px;
 }
 
 #platform-opera
 {
   background-position: -68px -131px;
 }
 
-#install-container.opera #platform-opera
+#content.opera #platform-opera
 {
   background-position: -68px -110px;
 }
 
 #platform-internet-explorer
 {
   background-position: -108px -131px;
 }
 
-#install-container.internet-explorer #platform-internet-explorer
+#content.internet-explorer #platform-internet-explorer
 {
   background-position: -108px -110px;
 }
 
-.warning-platform
+#platform-safari
+{
+  background-position: -88px -131px;
+}
+
+#content.safari #platform-safari
+{
+  background-position: -88px -110px;
+}
+
+#platform-yandex-browser
+{
+  background-position: -128px -89px;
+}
+
+#content.yandex-browser #platform-yandex-browser
+{
+  background-position: -128px -68px;
+}
+
+.warning-platform,
+.disclaimer
 {
   display: none;
   color: #D00;
   text-align: center;
   border: 1px solid #D00;
   padding: 5px;
   border-radius: 5px;
 }
 
-#install-container.ua-firefox .warning-platform.firefox,
-#install-container.ua-chrome .warning-platform.chrome,
-#install-container.ua-android .warning-platform.android,
-#install-container.ua-opera .warning-platform.opera,
-#install-container.ua-internet-explorer .warning-platform.internet-explorer
+.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
 {
   display: block;
 }
 
-#install-container.firefox.ua-firefox .warning-platform.firefox,
-#install-container.chrome.ua-chrome .warning-platform.chrome,
-#install-container.android.ua-android .warning-platform.android,
-#install-container.opera.ua-opera .warning-platform.opera,
-#install-container.internet-explorer.ua-internet-explorer .warning-platform.internet-explorer,
+#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,
 /* IE6 fixes */
-#install-container.firefox_ua-firefox .warning-platform.firefox,
-#install-container.chrome_ua-chrome .warning-platform.chrome,
-#install-container.opera_ua-opera .warning-platform.opera,
-#install-container.internet-explorer_ua-internet-explorer .warning-platform.internet-explorer
+#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
 {
   display: none;
 }
 
+html[lang="fr"] .disclaimer.lang-fr
+{
+  display: block;
+}
+
 #key-facts section
 {
   display: inline-block;
 }
 
 #key-facts section h1
 {
   margin-top: 0px;
 }
 
@@ skipping 18 matching lines @@
 #facts-open-source
 {
   background-position: -68px 0px;
 }
 
 #facts-downloads
 {
   background-position: 0px 0px;
 }
 
-#facts-acceptable-ads
+#facts-privacy
 {
   background-position: 0px -68px;
 }
 
 #key-facts section p
 {
   margin-bottom: 0px;
   font-size: 14px;
 }
 
@@ skipping 71 matching lines @@
 #more-container.hidden #less,
 #more-container.hidden #more-tabs
 {
   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.internet-explorer #tab-internet-explorer,
+#more-container.safari #tab-safari,
+#more-container.yandex-browser #tab-yandex-browser
 {
   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.internet-explorer #more-internet-explorer,
+#more-container.safari #more-safari,
+#more-container.yandex-browser #more-yandex-browser
 {
   background-color: #dbd4c7;
 }