1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-05 05:02:44 +01:00
phorge-phorge/webroot/rsrc/css/phui/phui-info-panel.css
Chad Little e478706769 PHUIInfoPanel
Summary: First cut of an 'info panel' for phabricator. Basic concept is for display a list of items with a bit more info and depth and an object item list. Projects could be a good first example.

Test Plan: UIExamples

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: Korvin, epriestley, aran

Differential Revision: https://secure.phabricator.com/D7398
2013-10-25 11:09:06 -07:00

50 lines
874 B
CSS

/**
* @provides phui-info-panel-css
*/
.phui-info-panel .phui-object-box .phui-header-has-image {
padding: 2px 0 0 2px;
}
.phui-info-panel .phui-object-box .phui-header-image {
margin: 0 8px 0 0;
}
.phui-info-panel-table {
border-collapse: collapse;
border-style: hidden;
width: 100%;
}
.phui-info-panel-table td,
.phui-info-panel-table th {
border: 1px solid {$thinblueborder};
}
.phui-info-panel-table-cell {
padding: 8px;
}
.phui-info-panel-number,
.phui-info-panel-number a {
font-size: 30px;
font-weight: bold;
color: {$lightgreytext};
-webkit-font-smoothing: antialiased;
}
.phui-info-panel-text,
.phui-info-panel-text a {
color: {$lightgreytext};
}
.phui-info-panel-number a:hover,
.phui-info-panel-text a:hover {
color: {$greytext};
text-decoration: none;
}
.phui-info-panel-progress {
background: {$green};
height: 6px;
}