1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-30 10:42:41 +01:00
phorge-phorge/webroot/rsrc/css/application/countdown/timer.css
Chad Little 504579850f Make countdown embed width more forgiving
Summary: For smaller feed columns, make countdown embed attempt to fit.

Test Plan: Narrow Feed Column on Dashboard.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D13741
2015-07-27 21:02:16 -07:00

76 lines
1.4 KiB
CSS

/**
* @provides phabricator-countdown-css
*/
.phabricator-timer {
margin: 16px 16px 0 16px;
border: 1px solid {$lightblueborder};
border-radius: 3px;
background: #ffffff;
}
.device .phabricator-timer {
margin-left: 8px;
margin-right: 8px;
}
.phabricator-remarkup .phabricator-timer {
max-width: 360px;
margin: 0 0 12px 0;
}
.device-phone .phabricator-remarkup .phabricator-timer {
width: auto;
}
.phabricator-timer-header {
font-weight: bold;
padding: 8px;
background: {$bluebackground};
border-radius: 3px 3px 0 0;
}
.phabricator-timer-header a {
color: {$darkbluetext};
font-weight: normal;
}
.phabricator-timer-table {
width: 100%;
margin: 8px 0 0 0;
}
.phabricator-timer-table th {
text-align: center;
font-size: {$biggerfontsize};
color: {$bluetext};
width: 10%;
padding: 4px;
}
.phabricator-timer-table td {
padding: 4px;
text-align: center;
font-size: 36px;
font-weight: bold;
overflow: hidden;
line-height: auto;
height: auto;
line-height: 44px;
}
.phabricator-timer-table td.phabricator-timer-foot {
font-size: {$normalfontsize};
line-height: 16px;
border-top: 1px solid {$thinblueborder};
color: {$bluetext};
font-weight: normal;
padding: 8px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
text-align: center;
}
.phabricator-timer-table small {
color: {$lightgreytext};
}