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

Unified Diff: includes/index/style.html

Issue 29499714: Issue 4912 - Update media coverage links on eyeo.com (Closed) Base URL: https://hg.adblockplus.org/web.eyeo.com
Patch Set: Use macro, move external link icon to HTML Created Aug. 1, 2017, 9:58 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: includes/index/style.html
===================================================================
new file mode 100644
--- /dev/null
+++ b/includes/index/style.html
@@ -0,0 +1,57 @@
+<style>
+
+#media-links
+{
+ text-align: center;
+ list-style: none;
+ padding: 0;
+}
+
+#media-links li
+{
+ display: inline-block;
+ position: relative;
+ margin: 0px 10px 20px;
+}
+
+.publication-logo
+{
+ max-height: 25px;
+ max-width: 100%;
+}
+
+.external-link-icon
+{
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ height: 20px;
+ width: 20px;
+ margin-left: -10px;
+ margin-top: -12px;
+ opacity: 0;
+}
+
+#media-links a:hover .external-link-icon,
+#media-links a:focus .external-link-icon
+{
+ opacity: 1;
+}
+
+#media-links a:hover .publication-logo,
+#media-links a:focus .publication-logo
+{
+ opacity: 0.2;
+}
+
+@media (max-width: 930px) and (min-width: 620px)
+{
+ #media-links
ire 2017/08/01 10:04:06 This is to force more than just one lone logo to a
juliandoucette 2017/08/02 20:31:13 NIT: Would you mind adding a comment to make this
+ {
+ max-width: 600px;
+ margin-right: auto;
+ margin-left: auto;
+ }
+}
+
+</style>
« includes/index/media.tmpl ('K') | « includes/index/media.tmpl ('k') | pages/index.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld