mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 08:52:39 +01:00
1c84d2719c
Summary: Ref T8099, Ref T8614. Reasonable attempt at a larger font size PostProcessor, will need additional UI cleanup (places where we fix height) but overall very decent. Test Plan: Use lots of the UI elements with new font sizes. Reviewers: btrahan, epriestley Reviewed By: epriestley Subscribers: epriestley, Korvin Maniphest Tasks: T8099, T8614 Differential Revision: https://secure.phabricator.com/D13457
123 lines
1.7 KiB
CSS
123 lines
1.7 KiB
CSS
/**
|
|
* @provides phame-css
|
|
*/
|
|
|
|
.notice {
|
|
background: #F3F3FF;
|
|
border: 1px solid #008;
|
|
margin: 16px 16px 4px 26px;
|
|
}
|
|
.notice h3 {
|
|
background: #E3E3FF;
|
|
padding: 8px;
|
|
}
|
|
|
|
.notice h4 {
|
|
font-weight: normal;
|
|
padding: 8px;
|
|
}
|
|
|
|
.phame-post-preview-header {
|
|
margin: 0px 0px 16px 0px;
|
|
}
|
|
|
|
.device-desktop .phame-post-list {
|
|
max-width: 600px;
|
|
}
|
|
|
|
.phame-post-list .phui-info-view {
|
|
margin: 0;
|
|
}
|
|
|
|
.phame-post-list .phui-icon-view:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.blog-post-list {
|
|
clear: left;
|
|
float: left;
|
|
width: 70%;
|
|
margin: 16px 0px 16px 16px;
|
|
padding: 0px 8px 12px 8px;
|
|
}
|
|
|
|
.device .blog-post-list {
|
|
float: none;
|
|
width: 90%;
|
|
margin: 16px auto;
|
|
}
|
|
|
|
.blog-post-list-full {
|
|
clear: left;
|
|
float: left;
|
|
margin: 16px 0px 0px 0px;
|
|
padding: 0px 16px 0px 16px;
|
|
}
|
|
|
|
.device .blog-post-list-full {
|
|
float: none;
|
|
margin: 16px auto;
|
|
}
|
|
|
|
.blog-detail {
|
|
float: right;
|
|
clear: right;
|
|
width: 20%;
|
|
margin: 16px 16px 16px 0px;
|
|
}
|
|
|
|
.device .blog-detail {
|
|
float: none;
|
|
margin: 16px auto;
|
|
width: 90%;
|
|
}
|
|
|
|
.blog-detail .description {
|
|
margin: 16px 0px 16px 0px;
|
|
}
|
|
|
|
.blog-detail .bloggers {
|
|
font-size: {$smallerfontsize};
|
|
}
|
|
|
|
.blog-post,
|
|
.blog-detail {
|
|
border: 1px solid #DBDBDB;
|
|
background: #F9F9F9;
|
|
padding: 20px;
|
|
}
|
|
|
|
.blog-post {
|
|
margin: 0px 0px 20px 0px;
|
|
}
|
|
|
|
.blog-post .header {
|
|
padding: 0px 0px 16px 0px;
|
|
}
|
|
|
|
.blog-post .header h1 {
|
|
clear: none;
|
|
}
|
|
|
|
.blog-post .header .last-updated {
|
|
color: {$greytext};
|
|
clear: none;
|
|
font-size: {$smallerfontsize};
|
|
}
|
|
|
|
.blog-post .header .buttons {
|
|
float: right;
|
|
}
|
|
.blog-post .header .buttons a {
|
|
margin: 0px 0px 0px 12px;
|
|
}
|
|
|
|
.more-and-comments {
|
|
padding: 12px 0px 12px 0px;
|
|
}
|
|
|
|
.fb-comments,
|
|
.fb-comments span,
|
|
.fb-comments iframe[style] {
|
|
width: 100% !important;
|
|
}
|