1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-12-04 20:52:43 +01:00
phorge-phorge/webroot/rsrc/css/aphront/two-column.css
Chad Little 7b9b872b29 Phriction Redesign
Summary: This is mostly minor, but visually it makes the wiki feel more 'page like' and better separates the actual content from other data displayed.

Test Plan: Tested Chrome, iPhone, and iPad.

Reviewers: epriestley, btrahan

Reviewed By: epriestley

CC: aran, Korvin, AnhNhan

Maniphest Tasks: T2686

Differential Revision: https://secure.phabricator.com/D5366
2013-04-11 15:05:50 -07:00

41 lines
756 B
CSS

/**
* @provides aphront-two-column-view-css
*/
.aphront-two-column {
position: relative;
}
.device-desktop .aphront-two-column.aphront-two-column-padded {
margin: 20px;
}
.device-desktop .aphront-two-column .aphront-main-column {
margin-right: 300px;
}
.device-desktop .aphront-two-column .aphront-side-column {
width: 300px;
position: absolute;
top: 0;
right: 0;
}
.device-desktop .aphront-two-column-centered {
width: 980px;
margin: 0 auto;
}
.device-desktop .aphront-two-column-centered .aphront-main-column {
float: left;
width: 820px;
}
.device-desktop .aphront-two-column-centered .aphront-side-column {
width: 160px;
float: right;
}
.device-phone .aphront-two-column.aphront-two-column-padded {
margin: 10px;
}