chrome/browser/resources/ntp_search/thumbnail_page.css - Issue 10823052: Refactoring the NTP.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
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

	Issue
u :	up to list of issues
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

Side by Side Diff: chrome/browser/resources/ntp_search/thumbnail_page.css

Issue 10823052: Refactoring the NTP. (Closed) Base URL: http://git.chromium.org/chromium/src.git@master

Patch Set: Created 8 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« chrome/browser/resources/ntp_search/page_list_view.js ('K') | « chrome/browser/resources/ntp_search/page_list_view.js ('k') | chrome/browser/resources/ntp_search/thumbnail_page.js » ('j') | chrome/browser/resources/ntp_search/thumbnail_page.js » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 .close-button {

	2 position: absolute;

	3 background: no-repeat;

	4 background-color: transparent;

	5 /* TODO(estade): this should animate between states. */

	6 background-image: -webkit-image-set(

	7 url('../../../../ui/resources/default_100_percent/close_bar.png') 1x,

	8 url('../../../../ui/resources/default_200_percent/close_bar.png') 2x);

	9 border: 0;

	10 cursor: default;

	11 display: inline-block;

	12 height: 16px;

	13 padding: 0;

	14 width: 16px;

	15 z-index: 999;

	16 }

	17

	18 .close-button:hover,

	19 .close-button:focus {

	20 background-image: -webkit-image-set(

	21 url('../../../../ui/resources/default_100_percent/close_bar_hover.png')

	22 1x,

	23 url('../../../../ui/resources/default_200_percent/close_bar_hover.png')

	24 2x);

	25 }

	26

	27 .close-button:active {

	28 background-image: -webkit-image-set(

	29 url('../../../../ui/resources/default_100_percent/close_bar_pressed.png')

	30 1x,

	31 url('../../../../ui/resources/default_200_percent/close_bar_pressed.png')

	32 2x);

	33 }

	34

	35 /* other */

	36

	37 .most-visited {

	38 display: block;

	39 width: 100%;

	40 height: 100%;

	41 position: relative;

	42 }

	43

	44 .most-visited .thumbnail-wrapper {

	45 display: block;

	46 }

	47

	48 .most-visited .thumbnail {

	49 display: block;

	50 position: absolute;

	51 width: 100%;

	52 height: 100%;

	53 background-size: 100%;

	54 }

	55

	56 .most-visited .title {

	57 position: absolute;

	58 display: none;

	59 width: 100%;

	60 font: 11px Arial;

	61 color: #777;

	62 text-align: center;

	63 text-overflow: ellipsis;

	64 white-space: nowrap;

	65 overflow: hidden;

	66 }

	67

	68 .most-visited:hover .title {

	69 display: block;

	70 bottom: -18px;

	71 }

	72

	73 .most-visited .close-button {

	74 right: 2px;

	75 top: 2px;

	76 opacity: 0;

	77 -webkit-transition: opacity 500ms ease-in-out;

	78 }

	79

	80 html[dir=rtl] .most-visited .close-button {

	81 left: 0;

	82 right: auto;

	83 }

	84

	85 .most-visited:hover .close-button {

	86 -webkit-transition-delay: 500ms;

	87 opacity: 1;

	88 }

	89

	90 .most-visited .close-button:hover {

	91 -webkit-transition: none;

	92 }

OLD	NEW