1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-23 23:32:40 +01:00
phorge-phorge/webroot/rsrc/css/application/feed/feed.css
Chad Little 9ca8c8cd9c Mobile feed css
Summary: Makes the width fluid under mobile devices.

Test Plan: Test in small Chrome and iOS.

Reviewers: epriestley

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5556
2013-04-03 10:18:09 -07:00

63 lines
939 B
CSS

/**
* @provides phabricator-feed-css
*/
.phabricator-feed-frame {
margin: 10px;
}
.device-desktop .phabricator-feed-frame {
width: 640px;
margin: 20px;
}
.phabricator-chromeless-page .phabricator-feed-frame {
width: auto;
}
.phabricator-feed-story {
padding-left: 64px;
margin: .5em 0 1em;
background: 5px 2px no-repeat;
min-height: 64px;
}
.phabricator-feed-story-one-line {
min-height: 0;
color: #555;
}
.phabricator-feed-story-head {
}
.phabricator-feed-story-body {
padding: .5em 0;
color: #444444;
}
.phabricator-feed-story-foot {
color: #888888;
font-size: 11px;
}
.phabricator-feed-story-date {
color: #555;
font-weight: bold;
border-bottom: 1px solid #eeeeee;
padding: .5em 0;
}
.phabricator-feed-story-date-separator {
margin-top: 2em;
}
.phabricator-feed-newer-link {
float: left;
font-weight: bold;
}
.phabricator-feed-older-link {
float: right;
font-weight: bold;
}