Files
zulip/zephyr/static/styles/portico.css
Allen Rabinovich 23c729a904 Switched to Source Sans Pro as the base font for the app and made a number of other cosmetic changes.
What changed:
   * Vector icons swapped in for the left sidebar buttons and filters
   * Lighter font weight in the stream filters list
   * Round color swatches in the stream filters list, with an inner shadow
   * Tighter line height in the individual messages in the message pane
   * Fixed button widths in the left sidebar (so the buttons are equal in width)

(imported from commit 337dc4a3d8e29945cfc8cfb9524ac76a7b038ad8)
2013-05-09 10:35:46 -04:00

151 lines
2.3 KiB
CSS

body {
font-family: 'Humbug', Helvetica, Arial, sans-serif;
line-height: 150%;
}
li {
line-height: 150%;
}
.title {
font-family: Helvetica;
font-size: 100px;
font-weight: bold;
margin-top: 50px;
margin-bottom: 60px;
}
.lead {
font-weight: bold;
}
.jobs-lead {
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
}
.pitch {
width: 600px;
}
.signup {
width: 650px;
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: LightGray;
border: 1px solid DarkGray;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.for_you {
font-size: 30px;
font-style: italic;
}
#company-email {
display: none;
}
a.title {
color: black;
}
a.title:hover {
color: gray;
text-decoration: none;
}
.login-area {
/* Often, the form itself overshoots the containing span, which
is an issue because then it collides with the "Sign in with Google"
button. This fix, though hackish, makes sure it's big enough at
all times. */
min-width: 400px;
}
.fakecontrol {
padding-top: 5px;
font-weight: bold;
}
img.screenshot{
/* This makes it so screenshots are still shown if they are larger than their span.*/
max-width: 150%;
}
.little-bullet {
/* In our footer navbar, the · doesn't get appropriate padding without this */
padding-left: 15px;
}
/* Silly easter egg for /integrations */
.integral {
font-weight: normal;
display: none;
}
.show-integral {
position: relative;
}
.show-integral:hover:after {
content: "dx";
font-weight: normal;
font-style: italic;
font-size: 70%;
}
.integration {
margin-top: 2em;
padding-top: 1em;
border-top: 1px dashed black;
}
.integration p {
margin-top: 2em;
}
#pw_strength {
/* Same width as a Bootstrap default text <input> with padding */
width: 220px;
}
.def:before {
content:" - "
}
.api-details {
margin-left: 2em;
}
.api-details ul {
list-style-type:none
}
.api-details dd {
margin-bottom: 1em;
}
.python {
display: none;
}
.commandline {
display: none;
}
@media print {
#portico-area {
margin-left: 1.5em;
}
}
.feature-list div {
padding-bottom: 2.5em;
height: 6em;
}