mirror of
https://we.phorge.it/source/phorge.git
synced 2024-11-10 08:52:39 +01:00
0e5cd478c4
Summary: Should make it simpler here to have more `rgba` rules in CSS for things like hovers, selected states. Maybe only use `rgb` colors? Color pallette probably needs an overhaul. Test Plan: Bounce around random pages, buttons, menus. Everything appears normal. Reviewers: epriestley Reviewed By: epriestley Subscribers: Korvin Differential Revision: https://secure.phabricator.com/D15273
90 lines
1.6 KiB
CSS
90 lines
1.6 KiB
CSS
/**
|
|
* @provides people-profile-css
|
|
*/
|
|
|
|
form.profile-image-form {
|
|
display: inline-block;
|
|
margin: 0 8px 8px 0;
|
|
}
|
|
|
|
button.profile-image-button {
|
|
padding: 4px;
|
|
margin: 0;
|
|
}
|
|
|
|
.compose-dialog button.profile-image-button-selected {
|
|
background-image: none;
|
|
background-color: {$lightblue};
|
|
border-color: {$blueborder};
|
|
}
|
|
|
|
.compose-header {
|
|
color: {$bluetext};
|
|
border-bottom: 1px solid {$lightblueborder};
|
|
padding: 4px 0;
|
|
margin: 0 0 8px;
|
|
}
|
|
|
|
form.compose-dialog {
|
|
width: 80%;
|
|
}
|
|
|
|
.compose-dialog .phui-icon-view {
|
|
display: block;
|
|
position: relative;
|
|
width: 50px;
|
|
height: 50px;
|
|
background-color: {$darkgreytext};
|
|
}
|
|
|
|
.compose-dialog .compose-icon-bg {
|
|
color: rgba({$alphawhite},0.8);
|
|
line-height: 50px;
|
|
width: 50px;
|
|
text-align: center;
|
|
font-size: 32px;
|
|
}
|
|
|
|
.compose-dialog .compose-background-red {
|
|
background-color: {$red};
|
|
}
|
|
|
|
.compose-dialog .compose-background-orange {
|
|
background-color: {$orange};
|
|
}
|
|
|
|
.compose-dialog .compose-background-yellow {
|
|
background-color: {$yellow};
|
|
}
|
|
|
|
.compose-dialog .compose-background-green {
|
|
background-color: {$green};
|
|
}
|
|
|
|
.compose-dialog .compose-background-blue {
|
|
background-color: {$blue};
|
|
}
|
|
|
|
.compose-dialog .compose-background-sky {
|
|
background-color: {$sky};
|
|
}
|
|
|
|
.compose-dialog .compose-background-indigo {
|
|
background-color: {$indigo};
|
|
}
|
|
|
|
.compose-dialog .compose-background-violet {
|
|
background-color: {$violet};
|
|
}
|
|
|
|
.compose-dialog .compose-background-pink {
|
|
background-color: {$pink};
|
|
}
|
|
|
|
.compose-dialog .compose-background-charcoal {
|
|
background-color: {$charcoal};
|
|
}
|
|
|
|
.compose-dialog .compose-background-backdrop {
|
|
background-color: {$backdrop};
|
|
}
|