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

Unified Diff: static/css/main.css

Issue 29722640: Fixes #22 - Add download page (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Resize abb logo, use linkify function Created March 20, 2018, 7:24 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
« no previous file with comments | « static/css/index.css ('k') | static/img/abb-icon.png » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: static/css/main.css
===================================================================
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -787,8 +787,114 @@
margin-top: -60px;
margin-left: -40px;
}
.hide-disclaimer .video-play
{
margin-top: -40px;
}
+
+/******************************************************************************
+ * .item-group
+ *****************************************************************************/
+
+.item-group
+{
+ text-align: center;
+ padding-top: 3em;
+ padding-bottom: 3em;
+}
+
+.item-group img
+{
+ height: 5em;
+ width: auto;
+}
+
+.item-group h2
+{
+ text-transform: uppercase;
+}
+
+@media (max-width: 575px)
+{
+ .item-group .column
+ {
+ margin-bottom: 3em;
+ }
+
+ .item-group .column:last-of-type
+ {
+ margin-bottom: 0;
+ }
+}
+
+@media (min-width: 576px) and (max-width: 1023px)
+{
+ .item-group
+ {
+ text-align: left;
+ }
+
+ [dir="rtl"] .item-group
+ {
+ text-align: right;
+ }
+
+ .item-group .column
+ {
+ position: relative;
+ width: auto;
+ padding: 0 3em 2em 10.5em;
+ min-height: 7em; /* Height of image plus 2em bottom padding */
+ }
+
+ [dir="rtl"] .item-group .column
+ {
+ padding: 0 10.5em 2em 3em;
+ }
+
+ .item-group .column:last-of-type
+ {
+ padding-bottom: 0;
+ min-height: 6em; /* Height of image */
+ }
+
+ .item-group img
+ {
+ position: absolute;
+ left: 3em;
+ top: 0.5em;
+ }
+
+ [dir="rtl"] .item-group img
+ {
+ left: auto;
+ right: 3em;
+ }
+
+ .item-group h2
+ {
+ margin: 0;
+ }
+}
+
+/* Horizontal List
+ ******************************************************************************/
+
+.horizontal-list
+{
+ display: inline;
+ list-style: none;
+}
+
+.horizontal-list,
+.content .horizontal-list
+{
+ padding: 0;
+}
+
+.horizontal-list li
+{
+ display: inline;
+ list-style: none;
+}
« no previous file with comments | « static/css/index.css ('k') | static/img/abb-icon.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld