mirror of
https://we.phorge.it/source/phorge.git
synced 2025-02-07 04:18:31 +01:00
4b061a766a
Summary: This adds a number of new styles for Diviner documentation. Not sure I've covered all the bases or wrote this in the most efficient manner, but passing it along now for early review before tightening everything up. Test Plan: Review various class pages. Reviewers: epriestley, btrahan Reviewed By: epriestley CC: Korvin, aran Differential Revision: https://secure.phabricator.com/D6888
155 lines
3 KiB
CSS
155 lines
3 KiB
CSS
/**
|
|
* @provides phui-document-view-css
|
|
*/
|
|
|
|
.phui-document-view {
|
|
margin-bottom: 16px;
|
|
position: relative;
|
|
}
|
|
|
|
.device-desktop .phui-document-view {
|
|
border: 1px solid #BFCFDA;
|
|
border-bottom: 1px solid #95A6C5;
|
|
max-width: 960px;
|
|
margin: 16px auto;
|
|
}
|
|
|
|
.device-desktop .phui-document-view.phui-offset-view {
|
|
max-width: 800px;
|
|
}
|
|
|
|
.phui-document-sidenav {
|
|
position:absolute;
|
|
width: 200px;
|
|
text-overflow: ellipsis;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.device-phone .phui-document-sidenav {
|
|
position: static;
|
|
width: auto;
|
|
border-top: 1px solid #d7d7d7;
|
|
border-bottom: 1px solid #d7d7d7;
|
|
}
|
|
|
|
.device-phone .phui-sidenav-view .phui-document-inner {
|
|
margin: 0;
|
|
}
|
|
|
|
.phui-sidenav-view .phui-document-inner {
|
|
margin-right: 200px;
|
|
border-right: 1px solid #e7e7e7;
|
|
background: #fff;
|
|
}
|
|
|
|
.phui-document-bookname {
|
|
padding: 8px 16px;
|
|
color: #9ca5b5;
|
|
background-color: #fff;
|
|
border-bottom: 1px solid #BFCFDA;
|
|
}
|
|
|
|
.device-phone .phui-document-bookname {
|
|
padding: 8px;
|
|
}
|
|
|
|
.phui-document-bookname .bookname {
|
|
float: left;
|
|
}
|
|
|
|
.phui-document-bookname .bookdescription {
|
|
float: right;
|
|
}
|
|
|
|
.phui-document-content .phabricator-header-shell {
|
|
border-top: none;
|
|
border-bottom: 1px solid #BFCFDA;
|
|
}
|
|
|
|
.phui-document-content
|
|
.phabricator-header-shell.phabricator-header-no-backgound {
|
|
border-bottom: 1px solid {$thinblueborder};
|
|
margin: 0 0 16px 0;
|
|
}
|
|
|
|
.phui-document-content
|
|
.phabricator-header-shell.phabricator-header-no-backgound
|
|
.phabricator-header-view {
|
|
padding: 8px 0 4px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.phui-document-content .phabricator-header-view {
|
|
padding: 16px;
|
|
color: #6b748c;
|
|
text-shadow: 0 1px 2px #fff;
|
|
}
|
|
|
|
.phui-document-content .phabricator-property-list-container {
|
|
border-color: #dde8ef;
|
|
}
|
|
|
|
.phui-document-content .phabricator-property-list-view {
|
|
border: none;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
background-color: #f6f7f8;
|
|
}
|
|
|
|
.phui-document-content {
|
|
min-height: 240px;
|
|
background: #fff;
|
|
|
|
/* NOTE: This fixes margins, not floats, and can not be replaced with
|
|
the ".group" class. See T3150.
|
|
*/
|
|
overflow: hidden;
|
|
}
|
|
|
|
.device-desktop .phui-document-content .phabricator-action-list-view {
|
|
margin: 10px 10px 0 0;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.device-phone .phui-document-content .phabricator-action-list-view {
|
|
margin: 0;
|
|
border-bottom: 1px solid #c0c5d1;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.phui-document-content .phabricator-remarkup {
|
|
padding: 16px;
|
|
}
|
|
|
|
.device-phone .phui-document-content .phabricator-remarkup {
|
|
padding: 8px;
|
|
}
|
|
|
|
.device-desktop .phui-document-content .phabricator-action-list-view {
|
|
position: absolute;
|
|
top: 50px;
|
|
right: -172px;
|
|
float: none;
|
|
background: #fff;
|
|
border-radius: 0;
|
|
box-shadow: none;
|
|
border: none;
|
|
border-top: 1px solid #e7e7e7;
|
|
border-bottom: 1px solid #e7e7e7;
|
|
border-right: 1px solid #e7e7e7;
|
|
width: 160px;
|
|
}
|
|
|
|
.device-phone .phui-document-content .phabricator-remarkup-toc {
|
|
width: 120px;
|
|
}
|
|
|
|
.phui-document-content .phabricator-remarkup .remarkup-code-block {
|
|
clear: both;
|
|
margin: 16px 0;
|
|
}
|
|
|
|
.device-desktop .phui-document-offset {
|
|
padding-right: 160px;
|
|
}
|