Unified Diff: chrome/skin/firstRun.css
Issue 5056848617013248:
Issue 1706 - Move first-run page to adblockplusui repository (Closed)
Patch Set: Export variables differently in common.js
Created Jan. 7, 2015, 6:58 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« chrome/skin/features/tracking.png ('k')
|
chrome/skin/fonts/CreteRound-Italic.otf » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: chrome/skin/firstRun.css |
| =================================================================== |
| deleted file mode 100644 |
| --- a/chrome/skin/firstRun.css |
| +++ /dev/null |
| @@ -1,590 +0,0 @@ |
| -/* |
| - * This file is part of Adblock Plus <http://adblockplus.org/>, |
| - * Copyright (C) 2006-2014 Eyeo GmbH |
| - * |
| - * Adblock Plus is free software: you can redistribute it and/or modify |
| - * it under the terms of the GNU General Public License version 3 as |
| - * published by the Free Software Foundation. |
| - * |
| - * Adblock Plus is distributed in the hope that it will be useful, |
| - * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| - * GNU General Public License for more details. |
| - * |
| - * You should have received a copy of the GNU General Public License |
| - * along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. |
| - */ |
| - |
| -@font-face { |
| - font-family: 'CreteRound'; |
| - font-style: normal; |
| - src: url(fonts/CreteRound-Regular.otf); |
| - src: local ('Ø'), |
| - /*local ('Ø') forces using no local font called CreteRound*/ |
| - url(fonts/CreteRound-Regular.otf) format('otf'); |
| -} |
| - |
| -@font-face { |
| - font-family: 'CreteRound'; |
| - font-style: italic; |
| - src: url(fonts/CreteRound-Italic.otf); |
| - src: local ('Ø'), |
| - /*local ('Ø') forces using no local font called CreteRound*/ |
| - url(fonts/CreteRound-Italic.otf) format('otf'); |
| -} |
| - |
| -body |
| -{ |
| - font-family: Helvetica, Arial, sans-serif; |
| - font-size: 15px; |
| - line-height: 140%; |
| - color: #7f776b; |
| - background-color: #f8f6f2; |
| - background-image: url(background-main.png); |
| - margin: 0; |
| - padding: 0; |
| -} |
| - |
| -a, a:link, a:visited |
| -{ |
| - color: #5a84b3; |
| - text-decoration: underline; |
| -} |
| - |
| -a:hover |
| -{ |
| - text-decoration: none; |
| -} |
| - |
| -button |
| -{ |
| - cursor: pointer; |
| -} |
| - |
| -ul |
| -{ |
| - margin: 0; |
| - padding: 0; |
| -} |
| - |
| -li |
| -{ |
| - margin: 0; |
| - padding: 0; |
| - list-style-type: none; |
| -} |
| - |
| -header |
| -{ |
| - background-image: url(background.png); |
| - background-repeat: repeat-x; |
| - width: 100%; |
| - padding: 40px 0 0 0; |
| -} |
| - |
| -header h1 |
| -{ |
| - font-size: 24px; |
| - font-weight: normal; |
| - color: #57ab5b; |
| - text-align: center; |
| - margin: 21px auto; |
| - padding: 16px 0 14px 0; |
| - border: 1px #57ab5b; |
| - border-style: dashed none; |
| - /* border parallel fix - 957px is the value |
| - * closest to 960px(page width) which makes |
| - * the dashed border parallel |
| - */ |
| - max-width: 957px; |
| -} |
| - |
| -h1,h2,h3 |
| -{ |
| - font-family: CreteRound, Helvetica, Arial, sans-serif; |
| -} |
| - |
| -h2 |
| -{ |
| - font-size: 26px; |
| - font-weight: lighter; |
| - color: #968d81; |
| - line-height: 28px; |
| - text-align: center; |
| - margin: 0; |
| - padding: 0; |
| -} |
| - |
| -h3 |
| -{ |
| - font-size: 22px; |
| - color: #7F776B; |
| - font-weight: normal; |
| - margin: 0 0 10px 0; |
| - padding: 0; |
| - line-height: 24px; |
| -} |
| - |
| -h4 |
| -{ |
| - font-size: 15px; |
| - color: #7f776b; |
| - font-weight: normal; |
| - text-align: center; |
| - margin: 0; |
| - padding: 0; |
| -} |
| - |
| -section |
| -{ |
| - margin: 0 auto; |
| - margin-bottom: 30px; |
| - max-width: 760px; |
| - background-image: url(background.png); |
| - padding: 40px 100px; |
| -} |
| - |
| -section > p |
| -{ |
| - margin: 15px 0 0 0; |
| -} |
| - |
| -#logo |
| -{ |
| - margin: 0 auto; |
| - height: 100px; |
| - width: 99px; |
| - display: block; |
| - background-image: url(abp-icon-big.png); |
| - background-repeat: no-repeat; |
| -} |
| - |
| -#can-do-more |
| -{ |
| - max-width: 960px; |
| - padding: 40px 0px 0px 0px; |
| - border-bottom: 4px solid #968D81; |
| -} |
| - |
| -#can-do-more > h2 |
| -{ |
| - margin: 0 100px; |
| -} |
| - |
| -.feature-malware-image |
| -{ |
| - background-image: url(features/malware.png); |
| - background-repeat: no-repeat; |
| -} |
| - |
| -.feature-social-image |
| -{ |
| - background-image: url(features/social.png); |
| - background-repeat: no-repeat; |
| -} |
| - |
| -.feature-tracking-image |
| -{ |
| - background-image: url(features/tracking.png); |
| - background-repeat: no-repeat; |
| -} |
| - |
| -#can-do-more-content |
| -{ |
| - margin: 30px 100px 20px 100px; |
| -} |
| - |
| -#can-do-more #features |
| -{ |
| - border-spacing: 10px; |
| - margin: 0px; |
| - padding: 0px; |
| -} |
| - |
| -#can-do-more .feature:not([hidden]) |
| -{ |
| - display: block; |
| - list-style-type: none; |
| - padding: 30px 0; |
| - padding-bottom: 20px; |
| - border-top: 1px dashed #c0bebb; |
| -} |
| - |
| -#can-do-more .feature-image, #can-do-more .feature-description |
| -{ |
| - display: inline-block; |
| - *display: inline; /* IE6 inline-block fix */ |
| - *zoom: 1; |
| - vertical-align: top; |
| -} |
| - |
| -#can-do-more .feature-description |
| -{ |
| - margin: 0px 0px 0 20px; |
| - width: 625px; |
| - max-width: 85%; |
| -} |
| - |
| -#can-do-more .feature-description-textblock |
| -{ |
| - width: 480px; |
| - max-width: 100%; |
| - margin: 0 40px 0 0; |
| - display: inline-block; |
| -} |
| - |
| -#can-do-more .feature-description-textblock > span |
| -{ |
| - margin: 15px 0 0 0; |
| -} |
| - |
| -#can-do-more .feature-image |
| -{ |
| - width: 59px; |
| - height: 59px; |
| - margin: 8px 0 10px 20px; |
| -} |
| - |
| -#share |
| -{ |
| - background-image: url(background-share.png); |
| - padding: 50px 100px 40px 100px; |
| - max-width: 760px; |
| - text-align: center; |
| - font-family: CreteRound, Helvetica, Arial, sans-serif; |
| -} |
| - |
| -#share h2 |
| -{ |
| - color: #fff; |
| - margin: 0 0 30px 0; |
| -} |
| - |
| -#share h2 > a |
| -{ |
| - color: #fff; |
| -} |
| - |
| -#share h2 > a:hover |
| -{ |
| - color: #2e5075; |
| -} |
| - |
| -#share span |
| -{ |
| - color: #bed1e6; |
| - text-align: center; |
| - line-height: 34px; |
| - font-size: 22px; |
| - display: block; |
| -} |
| - |
| -#donate:hover, .share-buttons a:hover |
| -{ |
| - box-shadow: 0px 0px 0px 2px #8ca7c4; |
| - border-radius: 30px; |
| -} |
| - |
| -#donate-block span, #share-block span |
| -{ |
| - margin: 10px 20px 0px 20px; |
| -} |
| - |
| -#donate-block, #share-block |
| -{ |
| - min-width: 250px; |
| - display: inline-block; |
| - vertical-align: top; |
| - padding: 5px 0 5px 0; |
| - border: 1px dashed #37506d; |
| - border-style: none dashed; |
| -} |
| - |
| -#donate-block |
| -{ |
| - width: 50%; |
| -} |
| - |
| -#share-block |
| -{ |
| - width: 49%; |
| - |
| - -webkit-border-start-style: none; |
| - -moz-border-start-style: none; |
| -} |
| - |
| -.share-buttons |
| -{ |
| - margin: 6px 0 0 0; |
| - cursor: pointer; |
| - vertical-align: top; |
| - /* because inline block creates |
| - * space if not captured with |
| - * font-size and line-height 0px |
| - */ |
| - font-size: 0px; |
| - line-height: 0px; |
| -} |
| - |
| -.share-buttons > a |
| -{ |
| - width: 50px; |
| - height: 50px; |
| - margin: 0 8px; |
| - text-decoration: none; |
| - display: inline-block; |
| -} |
| - |
| -#share-general, |
| -:root[lang^="zh-"] #share-chinese |
| -{ |
| - display: block; |
| -} |
| - |
| -:root[lang^="zh-"] #share-general, |
| -#share-chinese |
| -{ |
| - display: none; |
| -} |
| - |
| -#share-chinese > a |
| -{ |
| - border-bottom: 2px solid transparent; |
| -} |
| - |
| -#share-chinese > a:hover |
| -{ |
| - box-shadow: none; |
| - border-radius: 0; |
| - border-bottom: 2px solid #8CA7C4; |
| -} |
| - |
| -#share-facebook |
| -{ |
| - background-image: url(social/facebook.png); |
| - background-repeat: no-repeat; |
| -} |
| - |
| -#share-twitter |
| -{ |
| - background-image: url(social/twitter.png); |
| - background-repeat: no-repeat; |
| -} |
| - |
| -#share-gplus |
| -{ |
| - background-image: url(social/googleplus.png); |
| - background-repeat: no-repeat; |
| -} |
| - |
| -#share-renren |
| -{ |
| - background-image: url(social/renren.png); |
| - background-repeat: no-repeat; |
| -} |
| - |
| -#share-weibo |
| -{ |
| - background-image: url(social/weibo.png); |
| - background-repeat: no-repeat; |
| -} |
| - |
| -.warning |
| -{ |
| - font-size: 160%; |
| - border: 3px dashed red; |
| - text-align: center; |
| - line-height: 1.3em; |
| -} |
| - |
| -#social ul |
| -{ |
| - list-style: none; |
| - display: inline-block; |
| - padding: 0; |
| - margin: 0; |
| -} |
| - |
| -#social:hover h1 |
| -{ |
| - opacity: 0; |
| -} |
| - |
| -#social ul:hover li { |
| - opacity: 0.3; |
| -} |
| - |
| -#social ul li |
| -{ |
| - display: inline-block; |
| - margin: 0px 5px; |
| - -webkit-transition: opacity .5s ease, bottom .3s ease; |
| - transition: opacity .5s ease, bottom .3s ease; |
| - position: relative; |
| - bottom: -30px; |
| -} |
| - |
| -#social ul li:hover |
| -{ |
| - opacity: 1.0; |
| - bottom: 0px; |
| -} |
| - |
| -.share-button |
| -{ |
| - display: inline-block; |
| - width: 82px; |
| - height: 82px; |
| -} |
| - |
| -#glass-pane, #share-popup |
| -{ |
| - visibility: hidden; |
| - opacity: 0; |
| - -webkit-transition-property: opacity; |
| - transition-property: opacity; |
| -} |
| - |
| -#glass-pane |
| -{ |
| - position: fixed; |
| - top: 0; |
| - right: 0; |
| - bottom: 0; |
| - left: 0; |
| - background: rgba(0, 0, 0, 0.5) url(ajax-loader.gif) no-repeat 50% 50%; |
| - z-index: 101; |
| - -webkit-transition-duration: 0.2s; |
| - transition-duration: 0.2s; |
| -} |
| - |
| -#share-popup |
| -{ |
| - position: absolute; |
| - top: 50%; |
| - left: 50%; |
| - border: none; |
| - -webkit-transition-delay: 0.1s; |
| - transition-delay: 0.1s; |
| -} |
| - |
| -#glass-pane.visible, #share-popup.visible |
| -{ |
| - visibility: visible; |
| - opacity: 1; |
| -} |
| - |
| -#share-popup.visible |
| -{ |
| - -webkit-transition-duration: 0.15s; |
| - transition-duration: 0.15s; |
| -} |
| - |
| -.toggle |
| -{ |
| - cursor: pointer; |
| - position: relative; |
| - display: inline-block; |
| - vertical-align: top; |
| - height: 22px; |
| - margin: 32px 0px 7px 0px; |
| - border-radius: 9999px; |
| - border: 1px solid #999; |
| - overflow: hidden; |
| - -moz-user-select: none; |
| - -webkit-user-select: none; |
| - user-select: none; |
| -} |
| - |
| -.toggle:hover |
| -{ |
| - box-shadow: 0px 0px 3px 0px #968d81; |
| -} |
| - |
| -.toggle:active |
| -{ |
| - cursor: wait; |
| -} |
| - |
| -.toggle-on, .toggle-off |
| -{ |
| - min-width: 42px; |
| - height: 100%; |
| - font-size: 11px; |
| - font-weight: 500; |
| - text-align: center; |
| - line-height: 23px; |
| - border-radius: 9999px; |
| -} |
| - |
| -.toggle-on |
| -{ |
| - padding: 0px 30px 0px 10px; |
| - color: rgba(255,255,255, 0.8); |
| - text-shadow: 1px 1px rgba(0,0,0,0.2); |
| - box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2); |
| - background: rgb(69,163,31); |
| -} |
| - |
| -.toggle-off |
| -{ |
| - padding: 0px 10px 0px 30px; |
| - color: rgba(0,0,0,0.6); |
| - text-shadow: 1px 1px rgba(255,255,255,0.2); |
| - background: #cfcfcf; |
| - background: -moz-linear-gradient(top, #cfcfcf 0%, #f5f5f5 100%); |
| - background: -webkit-linear-gradient(top, #cfcfcf 0%,#f5f5f5 100%); |
| - background: linear-gradient(to bottom, #cfcfcf 0%,#f5f5f5 100%); |
| -} |
| - |
| -.toggle-blob |
| -{ |
| - position: absolute; |
| - top: 0px; |
| - right: 0px; |
| - height: 100%; |
| - width: 22px; |
| - border-radius: 50px; |
| - background: #cfcfcf; |
| - background: -moz-linear-gradient(bottom, #cfcfcf 0%, #f5f5f5 100%); |
| - background: -webkit-linear-gradient(bottom, #cfcfcf 0%,#f5f5f5 100%); |
| - background: linear-gradient(to top, #cfcfcf 0%,#f5f5f5 100%); |
| - box-shadow: 1px 1px 2px #888; |
| -} |
| - |
| -.off .toggle-on |
| -{ |
| - margin-top: -22px; |
| -} |
| - |
| -.off .toggle-blob |
| -{ |
| - left: 0px; |
| - right: auto; |
| -} |
| - |
| -#donate |
| -{ |
| - height: 21px; |
| - display: inline-block; |
| - margin: 15px 0px 2px 0px; |
| - font-size: 16px; |
| - color: #003366; |
| - cursor: pointer; |
| - font-weight: bold; |
| - padding: 5px 18px; |
| - text-decoration: none; |
| - border-radius: 20px; |
| - border: 1px solid #FF9933; |
| - overflow: hidden; |
| - font-family: arial, sans-serif; |
| - background-image: url(donate.png); |
| - background-repeat: repeat-x; |
| -} |
| - |
| -footer |
| -{ |
| - margin: 0 auto 30px; |
| - max-width: 960px; |
| - text-align: center; |
| -} |
« no previous file with comments
|
« chrome/skin/features/tracking.png ('k')
|
chrome/skin/fonts/CreteRound-Italic.otf » ('j')
|
no next file with comments »
