Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: static/css/main-mobile.css

Issue 29551738: Issue 5634 - Replaced logo and refactored navbar width and colors (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Major refactoring & mobile styles Created Sept. 28, 2017, 12:45 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: static/css/main-mobile.css
===================================================================
--- a/static/css/main-mobile.css
+++ b/static/css/main-mobile.css
@@ -1,123 +1,8 @@
-header
-{
- width: auto;
- min-height: 60px;
- padding: 10px;
-}
-
-header li a
-{
- display: block;
-}
-
-header nav li.selected
-{
- position: absolute;
- top: 0;
- bottom: 0;
- right: 10px;
- left: 85px;
- height: 80px;
- padding-right: 40px;
- padding-left: 0;
- line-height: 84px;
- font-size: 28px;
- color: black;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
-}
-
-html[dir="rtl"] header nav li.selected
-{
- left: 10px;
- right: 85px;
- padding-left: 40px;
- padding-right: 0;
-}
-
-#hamburger
-{
- content: "";
- cursor: pointer;
- display: inline-block;
- position: absolute;
- width: 30px;
- height: 30px;
- top: 25px;
- right: 10px;
- left: auto;
- font-size: 30px;
- background-image: url(../img/sprite-main.png);
- background-position: 0px -166px;
-}
-
-html[dir="rtl"] #hamburger
-{
- left: 10px;
- right: auto;
-}
-
-header nav>ul
-{
- margin-top: 55px;
- margin-left: -11px;
- margin-right: -11px;
- padding: 12px 12px 0px 12px;
- border: 1px solid #d9d9d9;
- border-top: none;
- border-bottom: none;
- background-color: white;
-}
-
-header nav>ul>li.selected, #footer-main nav section h1
-{
- cursor: pointer;
-}
-
-header nav>ul>li:not(.selected)
-{
- display: none;
- padding: 10px 5px;
-}
-
-header nav>ul.visible>li
-{
- display: block;
-}
-
-header nav>ul>li a
-{
- font-size: 24px;
-}
-
-#language-selector, .language-entry
-{
- display: inline-block;
-}
-
-#logo
-{
- width: 76px;
- height: 76px;
- top: 2px;
- left: 2px;
- right: auto;
- background-size: 128px;
- background-position: -50px -50px;
-}
-
-html[dir="rtl"] #logo
-{
- right: 2px;
- left: auto;
-}
-
#content
{
margin: 20px 10px 50px 10px;
}
#footer-main
{
text-align: center;

Powered by Google App Engine
This is Rietveld