includes/index/style.html - Issue 29499714: Issue 4912 - Update media coverage links on eyeo.com

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments.

Keyboard Shortcuts

	File
u :	up to issue
m :	publish + mail comments
M :	edit review message
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line
<Enter> :	respond to / edit current comment
d :	mark current comment as done

	Issue
u :	up to list of issues
m :	publish + mail comments
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue
# :	close issue

	Comment/message editing
<Ctrl> + s or <Ctrl> + Enter :	save comment
<Esc> :	cancel edit

Side by Side 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.

Left:
Right:

Use n/p to move between diff chunks; N/P to move between comments.

Jump to:

OLD	NEW
(Empty)
	1 <style>

	2

	3 #media-links

	4 {

	5 text-align: center;

	6 list-style: none;

	7 padding: 0;

	8 }

	9

	10 #media-links li

	11 {

	12 display: inline-block;

	13 position: relative;

	14 margin: 0px 10px 20px;

	15 }

	16

	17 .publication-logo

	18 {

	19 max-height: 25px;

	20 max-width: 100%;

	21 }

	22

	23 .external-link-icon

	24 {

	25 position: absolute;

	26 top: 50%;

	27 left: 50%;

	28 height: 20px;

	29 width: 20px;

	30 margin-left: -10px;

	31 margin-top: -12px;

	32 opacity: 0;

	33 }

	34

	35 #media-links a:hover .external-link-icon,

	36 #media-links a:focus .external-link-icon

	37 {

	38 opacity: 1;

	39 }

	40

	41 #media-links a:hover .publication-logo,

	42 #media-links a:focus .publication-logo

	43 {

	44 opacity: 0.2;

	45 }

	46

	47 @media (max-width: 930px) and (min-width: 620px)

	48 {

	49 #media-links
	ire 2017/08/01 10:04:06 This is to force more than just one lone logo to a This is to force more than just one lone logo to a second line juliandoucette 2017/08/02 20:31:13 NIT: Would you mind adding a comment to make this Show quoted text On 2017/08/01 10:04:06, ire wrote: > This is to force more than just one lone logo to a second line NIT: Would you mind adding a comment to make this clear? + Ack
	50 {

	51 max-width: 600px;

	52 margin-right: auto;

	53 margin-left: auto;

	54 }

	55 }

	56

	57 </style>

OLD	NEW