1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-22 13:30:55 +01:00
phorge-phorge/webroot/rsrc/css/aphront/pager-view.css
Chad Little 280751f539 Pager buttons
Summary: This makes the pager a little more button like.

Test Plan: tested UIexamples and a search query

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

Differential Revision: https://secure.phabricator.com/D7670
2013-11-28 07:33:27 -08:00

39 lines
780 B
CSS

/**
* @provides aphront-pager-view-css
*/
.aphront-pager-view {
clear: both;
text-align: right;
padding: 8px 4px 16px;
font-weight: bold;
}
.phui-box .aphront-pager-view {
padding: 0;
}
.aphront-pager-view a {
padding: 3px 7px;
border: 1px solid {$lightblueborder};
border-bottom: 1px solid {$blueborder};
margin: 0 2px;
background: #fff;
color: {$lightbluetext};
display: inline-block;
border-radius: 2px;
}
.aphront-pager-view a:hover {
text-decoration: none;
border: 1px solid {$greyborder};
border-bottom: 1px solid {$darkgreyborder};
color: {$darkgreytext};
}
.aphront-pager-view a.current {
background: {$greybackground};
border: 1px solid {$greyborder};
border-bottom: 1px solid {$darkgreyborder};
color: {$darkgreytext};
}