2017-07-06 03:09:37 +02:00
|
|
|
body {
|
|
|
|
background-color: #fafafa;
|
|
|
|
}
|
|
|
|
|
2013-05-16 21:24:11 +02:00
|
|
|
.container-fluid {
|
|
|
|
padding: 0px;
|
2013-06-19 21:15:01 +02:00
|
|
|
min-height: 100%;
|
|
|
|
|
|
|
|
/* Hack for IE */
|
|
|
|
height: auto !important;
|
|
|
|
height: 100%;
|
|
|
|
|
2013-06-19 21:58:46 +02:00
|
|
|
margin: 0 auto -56px;
|
2013-05-16 21:24:11 +02:00
|
|
|
}
|
|
|
|
|
2017-07-27 03:05:45 +02:00
|
|
|
.normal {
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
.why-page h3.normal {
|
2017-10-13 23:39:31 +02:00
|
|
|
font-size: 1.2em;
|
2017-07-27 03:05:45 +02:00
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
|
2013-05-16 21:24:11 +02:00
|
|
|
.navbar {
|
|
|
|
margin-bottom: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-inner {
|
|
|
|
border-radius: 0px;
|
|
|
|
-webkit-border-radius: 0px;
|
|
|
|
-moz-border-radius: 0px;
|
|
|
|
}
|
|
|
|
|
2017-02-14 00:08:58 +01:00
|
|
|
.header {
|
2017-07-06 03:09:37 +02:00
|
|
|
position: relative;
|
|
|
|
|
2017-02-14 00:08:58 +01:00
|
|
|
padding: 6px 0px;
|
2017-02-24 05:05:51 +01:00
|
|
|
height: 29px;
|
2017-02-14 00:08:58 +01:00
|
|
|
|
2017-07-06 03:09:37 +02:00
|
|
|
background-color: #fff;
|
2017-08-01 19:13:03 +02:00
|
|
|
box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
|
2017-02-14 00:08:58 +01:00
|
|
|
|
2017-08-01 19:13:03 +02:00
|
|
|
z-index: 100;
|
2017-02-14 00:08:58 +01:00
|
|
|
}
|
|
|
|
|
2016-08-01 04:24:56 +02:00
|
|
|
.navbar.footer .nav > li {
|
2013-06-19 21:58:46 +02:00
|
|
|
line-height: 56px;
|
2013-06-19 21:53:56 +02:00
|
|
|
}
|
|
|
|
|
2016-08-01 04:24:56 +02:00
|
|
|
.navbar.footer .nav > li > a {
|
2013-06-19 21:53:56 +02:00
|
|
|
padding-top: 0;
|
|
|
|
padding-bottom: 0;
|
|
|
|
}
|
|
|
|
|
2017-03-26 22:24:35 +02:00
|
|
|
.push {
|
2013-06-19 21:58:46 +02:00
|
|
|
height: 56px;
|
2013-06-19 21:15:01 +02:00
|
|
|
}
|
|
|
|
|
2016-12-06 01:23:21 +01:00
|
|
|
.breakpoint {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2013-06-19 21:15:01 +02:00
|
|
|
html {
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
2012-09-25 22:58:59 +02:00
|
|
|
body {
|
2017-08-29 01:12:55 +02:00
|
|
|
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
|
2012-12-04 18:59:17 +01:00
|
|
|
line-height: 150%;
|
2013-06-19 21:15:01 +02:00
|
|
|
height: 100%;
|
2016-04-17 23:44:01 +02:00
|
|
|
font-weight: 300;
|
|
|
|
font-size: 17px;
|
2017-02-14 00:08:58 +01:00
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
2012-12-04 18:59:17 +01:00
|
|
|
}
|
|
|
|
|
2017-07-25 02:37:04 +02:00
|
|
|
.code-section ul.nav {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.code-section ul.nav li {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 3px 10px;
|
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border-bottom: none;
|
|
|
|
border-radius: 4px 4px 0px 0px;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.code-section ul.nav li.active {
|
|
|
|
color: hsl(176, 46%, 41%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.code-section .blocks {
|
|
|
|
padding: 20px;
|
|
|
|
|
|
|
|
background-color: #fafafa;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
|
|
|
|
border-radius: 0px 4px 4px 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.code-section .blocks > div {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.code-section .blocks > .active {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2017-07-10 20:50:11 +02:00
|
|
|
.app.help {
|
|
|
|
position: fixed;
|
|
|
|
width: 100vw;
|
|
|
|
height: calc(100vh - 64px);
|
|
|
|
left: 0px;
|
|
|
|
|
|
|
|
box-shadow: 0px -20px 50px rgba(0, 0, 0, 0.04);
|
|
|
|
overflow: auto;
|
2017-10-03 19:54:14 +02:00
|
|
|
|
2017-08-22 07:28:04 +02:00
|
|
|
color: hsl(0, 0%, 27%);
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.help .sidebar {
|
|
|
|
width: 300px;
|
|
|
|
|
|
|
|
position: fixed;
|
|
|
|
z-index: 1;
|
|
|
|
/* 100vh - navbar - paddingTop - paddingBottom - bottomNav */
|
|
|
|
height: calc(100vh - 64px - 10px - 10px);
|
|
|
|
padding: 10px 20px 10px 20px;
|
|
|
|
|
2017-10-03 20:11:23 +02:00
|
|
|
border-right: 1px solid hsl(219, 10%, 97%);
|
2017-07-10 20:50:11 +02:00
|
|
|
overflow: auto;
|
2017-08-22 21:03:28 +02:00
|
|
|
|
2017-08-22 07:28:04 +02:00
|
|
|
background-color: hsl(153, 32%, 55%);
|
|
|
|
color: hsl(0, 0%, 100%);
|
2017-10-03 20:11:23 +02:00
|
|
|
|
2017-08-22 21:03:28 +02:00
|
|
|
-webkit-overflow-scrolling: touch;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
2017-10-02 23:00:00 +02:00
|
|
|
.help .sidebar h1,
|
2017-07-10 20:50:11 +02:00
|
|
|
.help .sidebar h2 {
|
|
|
|
font-size: 1.2em;
|
|
|
|
font-weight: 400;
|
2017-08-21 07:27:42 +02:00
|
|
|
margin-bottom: 5px;
|
|
|
|
line-height: 105%;
|
2017-10-01 23:00:00 +02:00
|
|
|
}
|
|
|
|
|
2017-08-21 07:27:42 +02:00
|
|
|
.help .sidebar h1 {
|
|
|
|
font-size: 1.25em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.help .sidebar h1:not(:first-of-type) {
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
|
2017-12-09 11:24:21 +01:00
|
|
|
.help .sidebar.slide h1,
|
|
|
|
.help .sidebar.slide h2 {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2017-11-08 21:48:45 +01:00
|
|
|
.help .sidebar.slide h2::before {
|
2017-10-01 23:00:00 +02:00
|
|
|
display: inline-block;
|
|
|
|
font: normal normal normal 14px/1 FontAwesome;
|
|
|
|
font-size: inherit;
|
|
|
|
text-rendering: auto;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
|
|
|
content: "\f107";
|
|
|
|
margin-right: 5px;
|
2017-10-03 20:38:49 +02:00
|
|
|
|
|
|
|
opacity: 0.5;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.help .sidebar ul {
|
2017-08-21 07:27:42 +02:00
|
|
|
margin: 5px 0px 10px 12px;
|
2017-11-08 21:48:45 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.help .sidebar.slide ul {
|
|
|
|
margin-left: 19px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.help .sidebar.slide ul {
|
2017-10-01 23:00:00 +02:00
|
|
|
display: none;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.help .sidebar li {
|
2017-10-03 20:11:51 +02:00
|
|
|
list-style-type: none;
|
2017-10-03 22:02:50 +02:00
|
|
|
font-size: 0.95em;
|
2017-08-24 23:35:34 +02:00
|
|
|
font-weight: 400;
|
2017-07-10 20:50:11 +02:00
|
|
|
line-height: 1.7;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
2017-10-02 23:00:00 +02:00
|
|
|
.help .sidebar li a,
|
|
|
|
.help .sidebar h1 a {
|
2017-07-10 20:50:11 +02:00
|
|
|
color: inherit;
|
2017-07-14 15:03:17 +02:00
|
|
|
display: block;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .hamburger {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2017-02-01 20:24:00 +01:00
|
|
|
.markdown h1[id]:before,
|
|
|
|
.markdown h2[id]:before,
|
|
|
|
.markdown h3[id]:before,
|
|
|
|
.markdown h4[id]:before {
|
2017-01-29 23:36:16 +01:00
|
|
|
display: block;
|
|
|
|
content: " ";
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
2017-10-19 01:17:16 +02:00
|
|
|
.markdown h1[id]:before {
|
|
|
|
margin-top: -30px;
|
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown h2[id]:before,
|
|
|
|
.markdown h3[id]:before,
|
|
|
|
.markdown h4[id]:before {
|
|
|
|
margin-top: -10px;
|
|
|
|
height: 10px;
|
|
|
|
}
|
|
|
|
|
2017-01-25 02:12:43 +01:00
|
|
|
.markdown ul,
|
|
|
|
.markdown ol {
|
|
|
|
margin-left: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown li {
|
2012-12-04 18:59:17 +01:00
|
|
|
line-height: 150%;
|
2012-09-25 22:58:59 +02:00
|
|
|
}
|
|
|
|
|
2017-01-25 02:12:43 +01:00
|
|
|
.markdown ol {
|
|
|
|
counter-reset: item;
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
2017-02-28 01:45:55 +01:00
|
|
|
.markdown ol > li,
|
|
|
|
.portico-landing.integrations ol > li {
|
2017-01-25 02:12:43 +01:00
|
|
|
counter-increment: item;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
|
2017-02-28 01:45:55 +01:00
|
|
|
.markdown ol > li:before,
|
|
|
|
.portico-landing.integrations ol > li:before {
|
2017-01-25 02:12:43 +01:00
|
|
|
content: counter(item);
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
|
|
|
padding: 3px 6.5px 3px 7.5px;
|
|
|
|
margin-right: 5px;
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(170, 47%, 54%);
|
2017-01-25 02:12:43 +01:00
|
|
|
color: white;
|
|
|
|
border-radius: 100%;
|
|
|
|
font-size: 0.9em;
|
|
|
|
line-height: 1.1;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2017-02-28 01:45:55 +01:00
|
|
|
.markdown ol > li > p,
|
|
|
|
.portico-landing.integrations ol > li > p {
|
2017-01-25 02:12:43 +01:00
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
2017-01-27 20:50:12 +01:00
|
|
|
max-width: calc(100% - 30px);
|
2017-01-25 02:12:43 +01:00
|
|
|
position: relative;
|
|
|
|
top: -2px;
|
|
|
|
}
|
|
|
|
|
2017-02-01 17:02:48 +01:00
|
|
|
.markdown ol > li > ul {
|
|
|
|
padding-left: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown ol > li > p:not(:first-child) {
|
|
|
|
padding-left: 30px;
|
|
|
|
}
|
2017-11-13 17:26:11 +01:00
|
|
|
|
2017-02-01 17:02:48 +01:00
|
|
|
.markdown ul > li:before {
|
|
|
|
content: none;
|
|
|
|
}
|
|
|
|
|
2017-02-28 01:45:55 +01:00
|
|
|
#hubot-integrations {
|
|
|
|
margin-top: 30px;
|
|
|
|
}
|
|
|
|
|
2012-10-16 07:18:31 +02:00
|
|
|
.title {
|
2012-09-25 22:58:59 +02:00
|
|
|
font-family: Helvetica;
|
|
|
|
font-size: 100px;
|
|
|
|
font-weight: bold;
|
2013-05-06 19:57:06 +02:00
|
|
|
margin-top: 50px;
|
|
|
|
margin-bottom: 60px;
|
2012-09-25 22:58:59 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.lead {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
2012-10-16 07:18:31 +02:00
|
|
|
.pitch {
|
2013-02-22 17:58:54 +01:00
|
|
|
width: 600px;
|
2013-09-13 06:06:10 +02:00
|
|
|
max-width: 100%;
|
2012-09-25 22:58:59 +02:00
|
|
|
}
|
|
|
|
|
2016-09-16 19:05:14 +02:00
|
|
|
.help-box {
|
2016-12-06 01:23:21 +01:00
|
|
|
max-width: 500px;
|
2016-09-16 19:05:14 +02:00
|
|
|
|
|
|
|
padding: 10px;
|
|
|
|
margin: 10px 0px;
|
|
|
|
|
|
|
|
font-size: 0.9rem;
|
2017-08-24 23:35:34 +02:00
|
|
|
font-weight: 400;
|
2016-09-16 19:05:14 +02:00
|
|
|
line-height: 1.2;
|
|
|
|
|
2017-06-21 09:06:11 +02:00
|
|
|
color: hsl(0, 0%, 27%);
|
2016-09-16 19:05:14 +02:00
|
|
|
|
2017-06-21 09:06:11 +02:00
|
|
|
border: 1px solid hsl(0, 0%, 86%);
|
2016-09-16 19:05:14 +02:00
|
|
|
border-radius: 4px;
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(0, 0%, 98%);
|
2016-09-16 19:05:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.display-none {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.help-box .blob {
|
|
|
|
margin-top: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.help-inline {
|
2017-08-24 23:35:34 +02:00
|
|
|
font-weight: 400;
|
2016-09-16 19:05:14 +02:00
|
|
|
font-size: 0.9rem;
|
|
|
|
}
|
|
|
|
|
2017-01-05 17:51:00 +01:00
|
|
|
.help-inline.text-error {
|
2017-09-27 01:19:46 +02:00
|
|
|
color: hsl(1, 54%, 61%);
|
2017-01-05 17:51:00 +01:00
|
|
|
}
|
|
|
|
|
2012-09-26 20:02:37 +02:00
|
|
|
a.title {
|
|
|
|
color: black;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.title:hover {
|
|
|
|
color: gray;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
2012-10-03 17:51:15 +02:00
|
|
|
|
2012-10-16 07:18:31 +02:00
|
|
|
.fakecontrol {
|
2012-10-03 17:51:15 +02:00
|
|
|
padding-top: 5px;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
2012-12-04 18:59:17 +01:00
|
|
|
|
2016-07-11 02:29:36 +02:00
|
|
|
img.screenshot {
|
2012-12-04 18:59:17 +01:00
|
|
|
/* This makes it so screenshots are still shown if they are larger than their span.*/
|
2013-09-13 06:06:10 +02:00
|
|
|
max-width: 100%;
|
2012-12-04 18:59:17 +01:00
|
|
|
}
|
2013-02-06 17:32:06 +01:00
|
|
|
|
2013-11-13 00:19:35 +01:00
|
|
|
.android-screenshot {
|
|
|
|
margin-top: -30px;
|
|
|
|
width: 221px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.iphone-screenshot {
|
|
|
|
width: 184px;
|
|
|
|
margin: 0 32px;
|
|
|
|
}
|
|
|
|
|
2013-07-15 21:26:49 +02:00
|
|
|
.full-width-screenshot {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2013-02-06 20:25:04 +01:00
|
|
|
/* Silly easter egg for /integrations */
|
2013-02-11 22:34:20 +01:00
|
|
|
.integral {
|
|
|
|
font-weight: normal;
|
|
|
|
display: none;
|
2013-02-06 23:49:39 +01:00
|
|
|
}
|
|
|
|
|
2013-02-11 22:34:20 +01:00
|
|
|
.show-integral {
|
|
|
|
position: relative;
|
2013-02-06 20:25:04 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
2013-04-03 22:30:36 +02:00
|
|
|
|
2013-04-08 20:21:20 +02:00
|
|
|
#pw_strength {
|
2013-04-03 22:30:36 +02:00
|
|
|
/* Same width as a Bootstrap default text <input> with padding */
|
|
|
|
width: 220px;
|
2017-05-04 07:48:53 +02:00
|
|
|
height: 8px;
|
2013-04-03 22:30:36 +02:00
|
|
|
}
|
2013-04-09 22:20:46 +02:00
|
|
|
|
2017-04-20 21:02:56 +02:00
|
|
|
#registration #pw_strength {
|
|
|
|
width: 325px;
|
2017-05-01 21:33:41 +02:00
|
|
|
margin-top: 20px;
|
2017-04-20 21:02:56 +02:00
|
|
|
}
|
|
|
|
|
2013-04-09 22:20:46 +02:00
|
|
|
.def:before {
|
2017-03-14 16:18:40 +01:00
|
|
|
content: " - ";
|
2013-04-09 22:20:46 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.api-details {
|
|
|
|
margin-left: 2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.api-details ul {
|
2017-03-14 16:18:40 +01:00
|
|
|
list-style-type: none;
|
2013-04-09 22:20:46 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.api-details dd {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.python {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.commandline {
|
|
|
|
display: none;
|
|
|
|
}
|
2013-05-02 21:50:14 +02:00
|
|
|
|
|
|
|
@media print {
|
|
|
|
#portico-area {
|
|
|
|
margin-left: 1.5em;
|
|
|
|
}
|
|
|
|
}
|
2013-05-05 01:24:38 +02:00
|
|
|
|
2013-05-16 21:24:11 +02:00
|
|
|
.landing-page {
|
|
|
|
padding: 2em 0em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.landing-page-bottom {
|
|
|
|
padding-bottom: 2em;
|
|
|
|
}
|
|
|
|
|
2017-03-26 22:24:35 +02:00
|
|
|
.landing-page h2,
|
|
|
|
.landing-page h4 {
|
2013-05-16 21:24:11 +02:00
|
|
|
font-weight: lighter;
|
|
|
|
}
|
|
|
|
|
|
|
|
.landing-page p {
|
|
|
|
font-size: 120%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.laptop-image {
|
|
|
|
width: 787px;
|
|
|
|
height: 414px;
|
|
|
|
background-image: url('/static/images/landing-page/laptop.png');
|
|
|
|
background-size: contain;
|
|
|
|
}
|
|
|
|
|
|
|
|
.laptop-screen {
|
|
|
|
position: relative;
|
|
|
|
top: 32px;
|
|
|
|
width: 507px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.platform-icon {
|
2017-03-14 16:18:40 +01:00
|
|
|
width: 33%;
|
2013-05-16 21:24:11 +02:00
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
.portico-page h1 {
|
|
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
|
2013-05-16 21:24:11 +02:00
|
|
|
.shaded-background {
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(0, 0%, 93%);
|
2013-05-16 21:24:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.darker-background {
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(0, 0%, 28%);
|
2013-05-16 21:24:11 +02:00
|
|
|
color: white;
|
|
|
|
}
|
2013-05-17 21:45:37 +02:00
|
|
|
|
2013-06-10 22:14:20 +02:00
|
|
|
.alert-hidden {
|
2013-05-17 21:45:37 +02:00
|
|
|
display: none;
|
|
|
|
}
|
2013-07-11 21:40:52 +02:00
|
|
|
|
|
|
|
label.text-error {
|
|
|
|
display: inline;
|
|
|
|
|
|
|
|
padding-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
input.text-error {
|
|
|
|
border-color: red;
|
|
|
|
outline-color: red;
|
|
|
|
}
|
2013-09-13 06:06:10 +02:00
|
|
|
|
2017-06-16 04:43:18 +02:00
|
|
|
.portico-container {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2017-10-04 21:20:40 +02:00
|
|
|
.portico-container .if-zulip-electron {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* detect if the platform is `ZulipDesktop` and if so, hide this tag! */
|
|
|
|
.portico-container[data-platform="ZulipElectron"] .if-zulip-electron {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2017-03-26 22:24:35 +02:00
|
|
|
.footer {
|
2017-08-03 22:00:06 +02:00
|
|
|
margin: 20px;
|
2013-09-13 06:06:10 +02:00
|
|
|
z-index: 100;
|
2017-08-03 22:00:06 +02:00
|
|
|
width: calc(100% - 40px);
|
|
|
|
|
|
|
|
text-align: center;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
2017-05-03 19:46:24 +02:00
|
|
|
.footer .footer-navigation {
|
|
|
|
margin-left: 0px;
|
2017-08-01 02:46:42 +02:00
|
|
|
margin-right: 0px;
|
2017-05-03 19:46:24 +02:00
|
|
|
}
|
|
|
|
|
2017-08-03 22:00:06 +02:00
|
|
|
/* -- new footer -- */
|
|
|
|
.footer {
|
|
|
|
font-size: 0.9em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer a {
|
|
|
|
color: inherit !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer section {
|
2017-08-24 18:56:01 +02:00
|
|
|
width: calc(25% - 40px);
|
|
|
|
margin: 0px 20px;
|
|
|
|
max-width: 150px;
|
2017-08-03 22:00:06 +02:00
|
|
|
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer section h3 {
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-size: 1em;
|
|
|
|
font-weight: 600;
|
2017-08-28 20:22:59 +02:00
|
|
|
line-height: 1.2;
|
|
|
|
|
|
|
|
margin-bottom: 5px;
|
2017-08-03 22:00:06 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.footer section ul {
|
|
|
|
color: #aaa;
|
|
|
|
|
|
|
|
list-style-type: none;
|
|
|
|
margin-left: 0;
|
|
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* -- end new footer -- */
|
|
|
|
|
2017-06-16 04:43:18 +02:00
|
|
|
.header {
|
|
|
|
padding: 20px 0 15px;
|
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
.header-main .logo {
|
|
|
|
display: block;
|
|
|
|
text-decoration: none;
|
|
|
|
position: relative;
|
2017-02-14 00:08:58 +01:00
|
|
|
line-height: 0.8;
|
2017-03-18 05:59:00 +01:00
|
|
|
}
|
|
|
|
|
2017-07-10 20:50:11 +02:00
|
|
|
.header-main .logo .light {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
|
|
|
margin-top: 8px;
|
|
|
|
|
|
|
|
font-size: 1.2em;
|
2017-10-03 20:36:34 +02:00
|
|
|
font-weight: 400;
|
|
|
|
color: #333;
|
|
|
|
opacity: 0.5;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.header-main .logo pipe {
|
|
|
|
position: relative;
|
|
|
|
top: -1px;
|
|
|
|
}
|
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.header-main .logo .brand-logo {
|
|
|
|
width: 25px;
|
|
|
|
margin-top: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-main .logo span {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
|
|
|
margin-top: 8px;
|
|
|
|
margin-left: 10px;
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
font-size: 1.2rem;
|
|
|
|
font-weight: 600;
|
|
|
|
letter-spacing: 0.1em;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
.header-main .portico-logo {
|
2014-04-11 01:43:01 +02:00
|
|
|
height: 28px;
|
2014-03-12 19:31:52 +01:00
|
|
|
width: auto;
|
2014-04-11 01:43:01 +02:00
|
|
|
padding: 6px 0px 6px 0px;
|
2017-03-18 05:59:00 +01:00
|
|
|
}
|
2013-09-13 06:06:10 +02:00
|
|
|
|
2017-09-29 01:31:55 +02:00
|
|
|
.portico-header .dropdown {
|
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown ul {
|
|
|
|
display: none;
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
|
|
|
margin: 10px 0 0 0;
|
|
|
|
list-style-type: none;
|
|
|
|
width: 200px;
|
|
|
|
|
|
|
|
background: #fff;
|
|
|
|
padding: 5px 0px;
|
|
|
|
|
|
|
|
border-radius: 4px;
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown.show ul {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown ul::before {
|
|
|
|
content: "\25B2";
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
top: -4px;
|
|
|
|
right: 9px;
|
|
|
|
|
|
|
|
font-size: 0.5em;
|
|
|
|
color: #ddd;
|
|
|
|
|
|
|
|
line-height: 0;
|
|
|
|
|
|
|
|
-webkit-transform: scale(1.8, 1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown ul li {
|
|
|
|
display: list-item;
|
|
|
|
margin: 0;
|
|
|
|
padding: 3px 10px;
|
|
|
|
text-align: left;
|
|
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown ul li:hover {
|
|
|
|
background: linear-gradient(to bottom,#08c,#0077b3);
|
|
|
|
transition: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown ul li a {
|
|
|
|
display: block;
|
|
|
|
margin: 2px 0px;
|
|
|
|
|
|
|
|
transition: none;
|
|
|
|
font-size: 0.9em;
|
|
|
|
font-weight: 400;
|
|
|
|
|
|
|
|
color: #444;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown ul li:hover a {
|
|
|
|
background: transparent;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown ul li a i {
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
2017-10-26 20:04:27 +02:00
|
|
|
.portico-header .dropdown-pill {
|
|
|
|
border: 1px solid rgba(0,0,0,0.2);
|
|
|
|
border-radius: 4px;
|
|
|
|
font-weight: 400;
|
2017-11-22 23:14:15 +01:00
|
|
|
padding: 4px;
|
2017-10-26 20:04:27 +02:00
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown-pill .realm-name {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
|
|
|
|
|
|
|
margin: 0px 5px 0px -4px;
|
|
|
|
padding: 1px 0px 1px 5px;
|
|
|
|
|
|
|
|
font-size: 0.9em;
|
|
|
|
font-weight: 600;
|
|
|
|
|
|
|
|
line-height: 1.6;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-page-container .portico-header .dropdown-pill .realm-name {
|
|
|
|
margin-left: -3px;
|
|
|
|
}
|
|
|
|
|
2017-10-26 20:30:40 +02:00
|
|
|
.portico-header .dropdown-pill .realm-name i.fa {
|
|
|
|
position: relative;
|
|
|
|
top: -2px;
|
|
|
|
|
|
|
|
font-size: 0.6em;
|
|
|
|
margin-left: 5px;
|
|
|
|
|
|
|
|
opacity: 0.5;
|
|
|
|
transition: all 0.2s ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-header .dropdown-pill:hover .realm-name i.fa {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
2017-10-26 20:04:27 +02:00
|
|
|
.portico-header .dropdown-pill .header-realm-icon {
|
2017-09-29 01:31:55 +02:00
|
|
|
width: 26px;
|
|
|
|
height: 26px;
|
2017-10-26 20:04:27 +02:00
|
|
|
vertical-align: top;
|
2017-11-22 23:14:15 +01:00
|
|
|
border-radius: 4px;
|
2017-09-29 01:31:55 +02:00
|
|
|
}
|
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.app {
|
2013-09-13 06:06:10 +02:00
|
|
|
width: 100%;
|
|
|
|
z-index: 99;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-headline {
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(218, 84%, 85%);
|
2014-03-13 16:11:32 +01:00
|
|
|
background: url("/static/images/landing-page/gg.jpg");
|
|
|
|
background-position: center;
|
|
|
|
background-size: cover;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
a.bottom-signup-button {
|
|
|
|
color: #fff !important;
|
|
|
|
text-decoration: none !important;
|
|
|
|
font-size: 20px;
|
|
|
|
padding: 20px;
|
|
|
|
margin-top: 30px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
|
|
|
|
.signup-signature {
|
|
|
|
margin-top: 20px;
|
|
|
|
padding-bottom: 50px;
|
|
|
|
}
|
|
|
|
|
2017-03-22 21:03:45 +01:00
|
|
|
.devlogin_subheader {
|
2017-04-20 21:02:56 +02:00
|
|
|
margin-top: 10px;
|
2017-03-22 21:03:45 +01:00
|
|
|
margin-bottom: 20px;
|
|
|
|
padding-top: 0px;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
|
2013-10-21 21:19:31 +02:00
|
|
|
.portico-page-header {
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 35px;
|
|
|
|
display: block;
|
|
|
|
padding-top: 40px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-page-header .portico-page-header-icon {
|
|
|
|
margin-right: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-page-header a,
|
|
|
|
.portico-page-header a:hover {
|
2017-06-21 09:06:11 +02:00
|
|
|
color: hsl(0, 0%, 0%);
|
2013-10-21 21:19:31 +02:00
|
|
|
text-decoration: none;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-large-text {
|
|
|
|
font-size: 16px;
|
|
|
|
line-height: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-secondary-header {
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 25px;
|
|
|
|
}
|
|
|
|
|
2017-08-01 21:55:39 +02:00
|
|
|
.table.table-striped {
|
|
|
|
background: #fff;
|
|
|
|
box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
|
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team-profiles {
|
|
|
|
/* Compensate for gutter width */
|
|
|
|
margin: -10px;
|
|
|
|
margin-bottom: 20px;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .profile .profile-name {
|
|
|
|
font-weight: 600;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .profile .profile-role {
|
|
|
|
opacity: 0.5;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-size: 0.8em;
|
|
|
|
font-weight: 400;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .bdfl {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: center;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .bdfl .profile-picture {
|
2017-11-20 10:44:17 +01:00
|
|
|
flex: 0 auto;
|
2017-11-13 22:48:06 +01:00
|
|
|
width: 200px;
|
|
|
|
margin: 10px;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .bdfl .profile-picture>img {
|
|
|
|
height: auto;
|
|
|
|
border-radius: 5px;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .bdfl .profile-information {
|
|
|
|
flex: 1;
|
|
|
|
/* Wrap when screen is small to prevent very short line */
|
|
|
|
min-width: 300px;
|
2017-10-11 20:07:13 +02:00
|
|
|
font-size: 1.4em;
|
2017-11-13 22:48:06 +01:00
|
|
|
margin: 10px 10px 0 10px;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .bdfl .profile-description {
|
2017-10-11 20:07:13 +02:00
|
|
|
margin-top: 20px;
|
|
|
|
font-weight: 400;
|
|
|
|
font-size: 0.8em;
|
|
|
|
opacity: 0.8;
|
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .core-team {
|
|
|
|
display: flex;
|
|
|
|
flex-wrap: wrap;
|
|
|
|
justify-content: space-between;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .core-team .profile {
|
|
|
|
flex: 1;
|
|
|
|
min-width: 130px;
|
|
|
|
text-align: center;
|
|
|
|
align-content: center;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
margin: 10px;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-13 22:48:06 +01:00
|
|
|
.team .core-team .profile .profile-picture {
|
|
|
|
width: 130px;
|
|
|
|
height: 130px;
|
|
|
|
border-radius: 50%;
|
|
|
|
pointer-events: none;
|
|
|
|
box-shadow: 1px 2px 2px hsla(217, 47%, 17%, 0.03), 2px 2px 12px hsla(217, 47%, 17%, 0.09);
|
|
|
|
margin-bottom: 10px;
|
2017-10-11 20:07:13 +02:00
|
|
|
}
|
|
|
|
|
2017-11-17 19:50:55 +01:00
|
|
|
.team input {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.team label {
|
|
|
|
font-size: initial;
|
|
|
|
display: inline-block;
|
|
|
|
padding: 10px;
|
|
|
|
border: 1px solid transparent;
|
|
|
|
margin: 0 0 -1px 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.team label:hover {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.team input:checked + label {
|
|
|
|
border: 1px solid #eee;
|
|
|
|
border-top: 2px solid yellowgreen;
|
|
|
|
border-bottom-color: #fff;
|
|
|
|
}
|
|
|
|
|
2017-11-11 21:32:48 +01:00
|
|
|
.contributors {
|
2017-11-17 19:50:55 +01:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Activated .contributors */
|
|
|
|
input#total:checked ~ #tab-total,
|
|
|
|
input#server:checked ~ #tab-server,
|
|
|
|
input#desktop:checked ~ #tab-desktop,
|
|
|
|
input#mobile:checked ~ #tab-mobile,
|
|
|
|
input#python-zulip-api:checked ~ #tab-python-zulip-api,
|
|
|
|
input#zulipbot:checked ~ #tab-zulipbot {
|
|
|
|
border-top: 1px solid #eee;
|
|
|
|
padding-top: 20px;
|
2017-11-11 21:32:48 +01:00
|
|
|
display: grid;
|
|
|
|
grid-gap: 5px;
|
|
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
2017-01-06 18:56:36 +01:00
|
|
|
}
|
|
|
|
|
2017-07-27 03:05:45 +02:00
|
|
|
.contributors .person a {
|
2017-01-06 18:56:36 +01:00
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
2017-07-27 03:05:45 +02:00
|
|
|
.contributors .person {
|
2017-11-11 21:32:48 +01:00
|
|
|
box-sizing: border-box;
|
2017-01-06 18:56:36 +01:00
|
|
|
padding: 10px;
|
2017-07-27 03:05:45 +02:00
|
|
|
border: 1px solid #eee;
|
|
|
|
border-radius: 4px;
|
|
|
|
transition: all 0.3s ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.contributors .person:hover {
|
|
|
|
border: 1px solid #bbb;
|
2017-01-06 18:56:36 +01:00
|
|
|
}
|
|
|
|
|
2017-07-27 03:05:45 +02:00
|
|
|
.contributors .person .avatar {
|
2017-11-11 21:32:48 +01:00
|
|
|
width: 60px;
|
2017-01-06 18:56:36 +01:00
|
|
|
text-align: center;
|
2017-07-27 03:05:45 +02:00
|
|
|
display: inline-block;
|
2017-01-06 18:56:36 +01:00
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
2017-07-27 03:05:45 +02:00
|
|
|
.contributors .person .info {
|
2017-01-06 18:56:36 +01:00
|
|
|
width: 50%;
|
|
|
|
text-align: left;
|
2017-07-27 03:05:45 +02:00
|
|
|
display: inline-block;
|
2017-01-06 18:56:36 +01:00
|
|
|
vertical-align: top;
|
2017-07-27 03:05:45 +02:00
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
2017-01-06 18:56:36 +01:00
|
|
|
.avatar_img {
|
|
|
|
width: auto;
|
|
|
|
height: auto;
|
|
|
|
max-width: 80%;
|
|
|
|
max-height: 80%;
|
|
|
|
border-radius: 20%;
|
|
|
|
}
|
|
|
|
|
2017-11-11 21:32:48 +01:00
|
|
|
.last-updated {
|
|
|
|
color: #aaa;
|
|
|
|
font-size: 0.8em;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2013-10-30 19:46:29 +01:00
|
|
|
.integration-instruction-block .integration-lozenge {
|
|
|
|
float: left;
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
|
|
|
|
2017-04-06 23:16:21 +02:00
|
|
|
.integration-lozenge .square-wrapper {
|
2017-04-18 04:33:12 +02:00
|
|
|
height: 80px;
|
2017-04-06 23:16:21 +02:00
|
|
|
}
|
|
|
|
|
2013-10-21 21:19:31 +02:00
|
|
|
.integration-lozenge-static:hover {
|
|
|
|
box-shadow: none;
|
2017-06-21 09:06:11 +02:00
|
|
|
background: hsl(0, 0%, 93%);
|
2013-10-21 21:19:31 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.integration-lozenge .integration-link:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.integration-lozenge .integration-label {
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
|
|
|
padding-bottom: 18px;
|
2017-04-18 04:33:12 +02:00
|
|
|
padding-top: 10px;
|
2013-10-21 21:19:31 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.integration-instructions {
|
2017-08-01 04:18:11 +02:00
|
|
|
margin-left: 220px;
|
2013-10-21 21:19:31 +02:00
|
|
|
}
|
|
|
|
|
2017-01-06 18:56:36 +01:00
|
|
|
.api-page-header,
|
|
|
|
.authors-page-header,
|
2013-09-13 06:06:10 +02:00
|
|
|
.integrations-page-header,
|
2017-01-06 18:56:36 +01:00
|
|
|
.register-page-header {
|
2013-09-13 06:06:10 +02:00
|
|
|
font-weight: 300;
|
|
|
|
font-size: 40px;
|
|
|
|
display: block;
|
|
|
|
margin: auto;
|
2017-03-08 21:36:04 +01:00
|
|
|
width: 360px;
|
2013-09-13 06:06:10 +02:00
|
|
|
text-align: center;
|
|
|
|
margin-bottom: 50px;
|
|
|
|
}
|
|
|
|
|
2017-07-17 17:31:05 +02:00
|
|
|
.register-page-header {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2017-03-19 12:36:49 +01:00
|
|
|
.login-page-header {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2015-08-19 02:58:20 +02:00
|
|
|
.login-page-subheader {
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 24px;
|
|
|
|
display: block;
|
|
|
|
margin: auto;
|
|
|
|
width: 300px;
|
|
|
|
text-align: center;
|
|
|
|
margin-top: -30px;
|
|
|
|
margin-bottom: 50px;
|
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
.api-page-header,
|
2017-01-06 18:56:36 +01:00
|
|
|
.authors-page-header,
|
|
|
|
.integrations-page-header {
|
2017-02-14 00:08:58 +01:00
|
|
|
padding-top: 56px;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.integrations-page-header,
|
|
|
|
.register-page-header,
|
2015-08-21 01:29:55 +02:00
|
|
|
.api-page-header {
|
2013-09-13 06:06:10 +02:00
|
|
|
line-height: 42px;
|
|
|
|
width: auto;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.apps-muted {
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 20px;
|
|
|
|
display: block;
|
|
|
|
margin: auto;
|
|
|
|
text-align: center;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.integrations-page-header,
|
2015-08-21 01:29:55 +02:00
|
|
|
.api-page-header {
|
2013-09-13 06:06:10 +02:00
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2013-10-21 21:19:31 +02:00
|
|
|
.integrations-page-header {
|
|
|
|
font-size: 25px;
|
|
|
|
padding-top: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.integration-instruction-block {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
#integration-list-link {
|
|
|
|
position: absolute;
|
|
|
|
top: 200px;
|
2017-08-01 04:18:11 +02:00
|
|
|
left: 30px;
|
2013-10-21 21:19:31 +02:00
|
|
|
text-align: center;
|
|
|
|
display: none;
|
2017-02-28 01:45:55 +01:00
|
|
|
margin-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#integration-list-link span {
|
|
|
|
display: inline-block;
|
|
|
|
margin-left: 5px;
|
2013-10-21 21:19:31 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.integrations-page-header .integrations-icon {
|
|
|
|
font-size: 22px;
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
.apps-instructions-header {
|
|
|
|
font-weight: 300;
|
|
|
|
font-size: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-app-download {
|
|
|
|
font-size: 25px;
|
|
|
|
margin-top: 15px;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
}
|
|
|
|
|
2015-08-19 02:58:20 +02:00
|
|
|
.btn-direct {
|
|
|
|
margin-top: 0px;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
padding: 8px;
|
|
|
|
font-size: 18px;
|
2017-03-18 17:18:34 +01:00
|
|
|
border-radius: 0px;
|
2015-08-19 02:58:20 +02:00
|
|
|
min-width: 300px;
|
2015-08-19 05:35:29 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-user {
|
2017-03-18 17:18:34 +01:00
|
|
|
background-color: #ffffff;
|
2017-06-21 09:06:11 +02:00
|
|
|
border-color: hsl(169, 44%, 54%);
|
2017-03-18 17:18:34 +01:00
|
|
|
border-style: solid;
|
2017-06-21 09:06:11 +02:00
|
|
|
color: hsl(170, 40%, 41%);
|
2015-08-19 05:35:29 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-admin {
|
2017-03-18 17:18:34 +01:00
|
|
|
background-color: #ffffff;
|
2017-06-21 09:06:11 +02:00
|
|
|
border-color: hsl(198, 100%, 48%);
|
2017-03-18 17:18:34 +01:00
|
|
|
border-style: solid;
|
2017-06-21 09:06:11 +02:00
|
|
|
color: hsl(207, 89%, 54%);
|
2015-08-19 02:58:20 +02:00
|
|
|
}
|
|
|
|
|
2017-04-20 21:02:56 +02:00
|
|
|
.login-page {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
.login-page .alert {
|
|
|
|
width: 320px;
|
|
|
|
margin: auto;
|
|
|
|
margin-top: -30px;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-form {
|
|
|
|
margin: auto;
|
2017-04-20 21:02:56 +02:00
|
|
|
/* plus input padding. */
|
|
|
|
width: calc(300px + 28px);
|
|
|
|
margin-bottom: 10px;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.register-form {
|
2017-08-24 18:56:01 +02:00
|
|
|
display: inline-block;
|
2013-09-13 06:06:10 +02:00
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.register-button {
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
2016-06-03 01:02:58 +02:00
|
|
|
.new-organization-button {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
2017-03-18 09:21:24 +01:00
|
|
|
input.new-organization-button {
|
|
|
|
display: block;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
|
2017-03-26 22:24:35 +02:00
|
|
|
.login-form .control-label,
|
|
|
|
.register-form .control-label {
|
2013-09-13 06:06:10 +02:00
|
|
|
margin-bottom: 2px;
|
|
|
|
}
|
|
|
|
|
2015-08-19 02:58:20 +02:00
|
|
|
.login-form .direct-label {
|
|
|
|
margin-top: 50px;
|
|
|
|
margin-bottom: 6px;
|
|
|
|
}
|
|
|
|
|
2017-03-26 22:24:35 +02:00
|
|
|
.login-form .control-group,
|
|
|
|
.register-form .control-group {
|
2013-09-13 06:06:10 +02:00
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.login-forgot-password {
|
|
|
|
float: right;
|
|
|
|
line-height: 40px;
|
|
|
|
position: relative;
|
|
|
|
right: -15px;
|
|
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
|
2017-03-26 22:24:35 +02:00
|
|
|
.login-google,
|
|
|
|
.register-google,
|
|
|
|
.login-sso,
|
|
|
|
.login-github {
|
2016-10-16 06:08:25 +02:00
|
|
|
max-width: 100%;
|
|
|
|
min-width: 300px;
|
2013-09-13 06:06:10 +02:00
|
|
|
margin: auto;
|
|
|
|
text-align: center;
|
2017-08-25 02:31:01 +02:00
|
|
|
margin-top: 10px;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
2017-03-26 22:24:35 +02:00
|
|
|
.login-google-button,
|
|
|
|
.register-google-button,
|
|
|
|
.login-github-button {
|
2013-09-13 06:06:10 +02:00
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
2017-06-06 20:35:32 +02:00
|
|
|
.main-headline-container {
|
2013-09-13 06:06:10 +02:00
|
|
|
position: relative;
|
|
|
|
height: 100%;
|
|
|
|
padding-top: 40px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-headline-logo {
|
|
|
|
display: block;
|
|
|
|
width: 200px;
|
|
|
|
height: auto;
|
|
|
|
margin: auto;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-image {
|
|
|
|
display: block;
|
|
|
|
margin: auto;
|
|
|
|
width: 100%;
|
|
|
|
max-width: 900px;
|
|
|
|
height: auto;
|
|
|
|
position: relative;
|
|
|
|
bottom: -10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-headline-text {
|
|
|
|
display: block;
|
|
|
|
text-align: center;
|
2014-03-12 19:31:52 +01:00
|
|
|
color: black;
|
2013-09-13 06:06:10 +02:00
|
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-headline-text .tagline {
|
|
|
|
font-size: 40px;
|
|
|
|
line-height: 42px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-headline-text .footnote {
|
|
|
|
display: block;
|
|
|
|
font-size: 18px;
|
2014-03-12 19:31:52 +01:00
|
|
|
color: black;
|
2013-09-13 06:06:10 +02:00
|
|
|
margin-top: 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.main-signup-button {
|
|
|
|
margin-top: 15px;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
font-size: 22px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.app-main,
|
|
|
|
.header-main,
|
|
|
|
.footer-main {
|
|
|
|
min-width: 350px;
|
|
|
|
margin: 0px auto;
|
|
|
|
padding: 0px 20px 0px 20px;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2017-02-14 00:08:58 +01:00
|
|
|
.footer-main {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
.hello-main {
|
|
|
|
max-width: none;
|
|
|
|
min-width: 0;
|
2015-09-24 01:35:21 +02:00
|
|
|
padding: 0 !important;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.footer-navigation {
|
|
|
|
list-style: none;
|
2014-03-13 17:41:10 +01:00
|
|
|
padding-top: 16px;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
2017-03-26 22:24:35 +02:00
|
|
|
.footer-navigation li,
|
|
|
|
.footer-navigation li a {
|
2013-09-13 06:06:10 +02:00
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
2017-06-05 17:18:53 +02:00
|
|
|
color: hsl(0, 0%, 46%);
|
2017-02-14 00:08:58 +01:00
|
|
|
font-size: 0.9em;
|
|
|
|
font-weight: 400;
|
|
|
|
cursor: pointer;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
2017-02-14 00:08:58 +01:00
|
|
|
.footer-navigation li:hover a {
|
2017-06-21 09:06:11 +02:00
|
|
|
color: hsl(0, 0%, 27%);
|
2017-02-14 00:08:58 +01:00
|
|
|
text-decoration: none;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.little-bullet {
|
|
|
|
display: inline-block;
|
|
|
|
margin-left: 5px;
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.column-left {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.column-right {
|
|
|
|
float: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-links {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.top-links a {
|
|
|
|
display: inline-block;
|
2017-02-14 00:08:58 +01:00
|
|
|
color: #fff;
|
|
|
|
padding: 2px 7px 1px 8px;
|
|
|
|
font-weight: 600;
|
2013-09-13 06:06:10 +02:00
|
|
|
font-size: 16px;
|
2017-03-18 05:59:00 +01:00
|
|
|
-moz-transition: all 0.2s ease-in;
|
|
|
|
-webkit-transition: all 0.2s ease-in;
|
|
|
|
-o-transition: all 0.2s ease-in;
|
2013-09-13 06:06:10 +02:00
|
|
|
transition: all 0.2s ease-in;
|
2017-02-14 00:08:58 +01:00
|
|
|
border-radius: 4px;
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.top-links a:hover {
|
2017-02-14 00:08:58 +01:00
|
|
|
text-decoration: none;
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsla(0, 0%, 100%, 1.0);
|
|
|
|
color: hsl(170, 50%, 40%);
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
2013-10-07 20:26:37 +02:00
|
|
|
.centered-button {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-muted {
|
|
|
|
display: block;
|
|
|
|
font-size: 12px;
|
2017-06-21 09:06:11 +02:00
|
|
|
color: hsl(0, 0%, 86%);
|
2013-10-07 20:26:37 +02:00
|
|
|
}
|
|
|
|
|
2016-08-16 02:07:07 +02:00
|
|
|
/* -- password reset container -- */
|
|
|
|
.password-reset {
|
|
|
|
display: inline-block;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2017-05-04 07:48:53 +02:00
|
|
|
.password-reset form {
|
|
|
|
margin: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.password-reset #pw_strength {
|
|
|
|
width: 328px;
|
|
|
|
margin-top: 20px;
|
|
|
|
}
|
|
|
|
|
2016-08-16 02:07:07 +02:00
|
|
|
.password-reset .control-group .control-label {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2017-05-04 07:48:53 +02:00
|
|
|
.password-reset {
|
|
|
|
width: 328px;
|
|
|
|
}
|
|
|
|
|
2016-08-16 02:07:07 +02:00
|
|
|
.password-reset .pitch {
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
2016-09-16 19:05:14 +02:00
|
|
|
.input-group.margin {
|
|
|
|
margin: 10px 0px;
|
|
|
|
}
|
|
|
|
|
2016-10-29 08:20:19 +02:00
|
|
|
.input-group .progress {
|
|
|
|
margin: 0;
|
|
|
|
margin-top: 5px;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
2016-08-16 02:07:07 +02:00
|
|
|
.password-reset .input-group {
|
|
|
|
margin: 15px 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.password-reset p {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.password-reset .progress {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.password-reset #email-section .fakecontrol {
|
|
|
|
display: inline-block;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.password-reset .input-group input[type=text],
|
|
|
|
.password-reset .input-group input[type=password] {
|
|
|
|
width: calc(100% - 14px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.password-reset .input-group #pw_strength {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.password-reset .input-group.m-t-30 {
|
|
|
|
margin-top: 30px;
|
|
|
|
}
|
|
|
|
|
2016-08-24 03:13:56 +02:00
|
|
|
.center-container {
|
2016-12-06 01:23:21 +01:00
|
|
|
min-height: calc(100vh - 94px);
|
2016-09-16 19:05:14 +02:00
|
|
|
min-height: 700px;
|
2016-08-24 03:13:56 +02:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
-wekbit-box-align: center;
|
|
|
|
justify-content: center;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-block .submit-button-box .controls {
|
2016-09-28 03:06:44 +02:00
|
|
|
margin: 0px;
|
2016-08-24 03:13:56 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.center-block {
|
|
|
|
text-align: left;
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-block .pitch {
|
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-block .control-group {
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-block .control-group label {
|
|
|
|
width: 100%;
|
|
|
|
display: block;
|
|
|
|
margin: 0;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-block .control-group .controls {
|
|
|
|
margin: 0;
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.center-block #send_confirm input[type=text] {
|
2016-09-28 03:06:44 +02:00
|
|
|
margin-top: 20px;
|
2016-08-24 03:13:56 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.center-block .button {
|
|
|
|
margin-top: 20px;
|
|
|
|
padding: 5px 10px;
|
|
|
|
border-radius: 2px;
|
|
|
|
font-size: 16px;
|
|
|
|
font-weight: 300;
|
|
|
|
}
|
|
|
|
|
2016-12-09 21:05:09 +01:00
|
|
|
/* -- markdown styling -- */
|
|
|
|
.markdown {
|
2017-07-10 20:50:11 +02:00
|
|
|
position: absolute;
|
|
|
|
right: 0px;
|
|
|
|
/* 100vw - sidebar width - paddingTop - paddingBottom */
|
2017-08-03 22:00:06 +02:00
|
|
|
width: calc(100vw - 340px - 30px);
|
|
|
|
padding: 0px 30px 0px 30px;
|
2017-07-10 20:50:11 +02:00
|
|
|
|
2017-08-01 02:46:42 +02:00
|
|
|
height: calc(100vh - 64px);
|
2016-12-09 21:05:09 +01:00
|
|
|
font-weight: 400;
|
|
|
|
font-size: 1rem;
|
|
|
|
line-height: 1.5;
|
2017-08-01 02:46:50 +02:00
|
|
|
|
2017-10-03 20:14:11 +02:00
|
|
|
background-color: #fff;
|
2017-07-10 20:50:11 +02:00
|
|
|
|
|
|
|
overflow: auto;
|
2016-12-09 21:05:09 +01:00
|
|
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .content {
|
2017-08-24 18:59:04 +02:00
|
|
|
padding: 30px;
|
2017-08-01 02:46:42 +02:00
|
|
|
max-width: 768px;
|
2017-07-10 20:50:11 +02:00
|
|
|
margin-left: 0px;
|
2017-08-01 02:46:42 +02:00
|
|
|
|
2017-08-24 18:59:04 +02:00
|
|
|
min-height: calc(100% - 60px);
|
2017-08-01 02:46:42 +02:00
|
|
|
|
2017-08-01 02:46:50 +02:00
|
|
|
background: #fff;
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown a {
|
2017-06-21 09:06:11 +02:00
|
|
|
color: hsl(176, 46%, 41%);
|
2017-02-01 03:15:28 +01:00
|
|
|
font-weight: 600;
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
2017-02-10 00:56:43 +01:00
|
|
|
.markdown .back-to-home {
|
|
|
|
float: right;
|
|
|
|
margin-top: 13px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .back-to-home .icon-vector-chevron-left {
|
|
|
|
position: relative;
|
|
|
|
top: 1px;
|
|
|
|
margin-right: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .back-to-home a:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2016-12-09 21:05:09 +01:00
|
|
|
.markdown strong {
|
|
|
|
font-weight: 600;
|
|
|
|
white-space: pre;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown h1,
|
|
|
|
.markdown h2,
|
2017-10-13 23:39:31 +02:00
|
|
|
.markdown h3,
|
|
|
|
.why-page h1,
|
|
|
|
.why-page h2,
|
|
|
|
.why-page h3 {
|
2017-10-03 20:13:27 +02:00
|
|
|
font-weight: 700;
|
|
|
|
}
|
|
|
|
|
2017-11-13 01:46:19 +01:00
|
|
|
.markdown h1:hover,
|
|
|
|
.markdown h2:hover,
|
|
|
|
.markdown h3:hover {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown h1:hover:after,
|
|
|
|
.markdown h2:hover:after,
|
|
|
|
.markdown h3:hover:after {
|
|
|
|
display: inline-block;
|
|
|
|
font: normal normal normal 16px/1 FontAwesome;
|
|
|
|
text-rendering: auto;
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
content: "\f0c1";
|
|
|
|
margin-left: 5px;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
2017-10-13 23:39:31 +02:00
|
|
|
.markdown h1,
|
|
|
|
.why-page .main h1 {
|
2017-10-03 20:13:27 +02:00
|
|
|
border-bottom: 1px solid #eee;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
}
|
|
|
|
|
2017-08-21 07:27:42 +02:00
|
|
|
.markdown h1#using-zulip,
|
|
|
|
.markdown h1#zulip-administration {
|
|
|
|
font-size: 1.75em;
|
|
|
|
padding: 10px 0;
|
|
|
|
margin-bottom: 0px;
|
|
|
|
line-height: 100%;
|
|
|
|
}
|
|
|
|
|
2017-10-13 23:39:31 +02:00
|
|
|
.markdown h2,
|
|
|
|
.why-page h2 {
|
|
|
|
font-size: 1.4em;
|
2017-10-03 20:13:27 +02:00
|
|
|
margin: 5px 0 0 0;
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
2017-10-13 23:39:31 +02:00
|
|
|
.markdown h3,
|
|
|
|
.why-page h3 {
|
|
|
|
font-size: 1.1em;
|
|
|
|
opacity: 1;
|
2017-10-03 20:13:27 +02:00
|
|
|
margin-bottom: 0px;
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown img {
|
|
|
|
vertical-align: top;
|
2017-08-01 19:07:45 +02:00
|
|
|
box-shadow: 0px 0px 4px hsla(0, 0%, 0%, 0.05);
|
|
|
|
border: 1px solid #ddd;
|
|
|
|
border-radius: 4px;
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown img.inline {
|
|
|
|
height: 1.4em;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
2016-12-22 00:05:41 +01:00
|
|
|
.markdown .warn,
|
|
|
|
.markdown .tip {
|
|
|
|
position: relative;
|
2016-12-09 21:05:09 +01:00
|
|
|
display: block;
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(210, 22%, 96%);
|
2017-10-03 19:55:19 +02:00
|
|
|
border: 1px solid hsl(210, 22%, 90%);
|
2016-12-09 21:05:09 +01:00
|
|
|
border-radius: 4px;
|
|
|
|
padding: 10px;
|
2017-10-03 20:13:27 +02:00
|
|
|
margin: 5px 0px;
|
2016-12-22 00:05:41 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .tip {
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(46, 63%, 95%);
|
2017-10-03 19:55:19 +02:00
|
|
|
border: 1px solid hsl(46, 63%, 84%);
|
2016-12-22 00:05:41 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .warn p,
|
|
|
|
.markdown .tip p {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .tip::before {
|
|
|
|
display: inline;
|
|
|
|
content: "\f0eb Tip: ";
|
2017-08-29 01:12:55 +02:00
|
|
|
font-family: FontAwesome, "Yantramanav", Source Sans Pro;
|
2016-12-22 00:05:41 +01:00
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .tip p:first-of-type {
|
|
|
|
display: inline;
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
2017-02-01 17:02:48 +01:00
|
|
|
.markdown ol > li > div.tip,
|
|
|
|
.markdown ol > li > div.warn {
|
2017-10-03 20:14:40 +02:00
|
|
|
margin: 5px 25px 5px;
|
2017-02-01 17:02:48 +01:00
|
|
|
}
|
|
|
|
|
2017-10-03 19:56:01 +02:00
|
|
|
.markdown ol p {
|
|
|
|
margin: 0 0 2px;
|
|
|
|
}
|
|
|
|
|
2016-12-09 21:05:09 +01:00
|
|
|
.markdown .indicator {
|
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
top: 1px;
|
|
|
|
padding: 5px;
|
|
|
|
border-radius: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .indicator.grey {
|
2017-06-21 09:06:11 +02:00
|
|
|
border: 1px solid hsl(0, 0%, 80%);
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .indicator.orange {
|
2017-06-21 09:06:11 +02:00
|
|
|
border: 1px solid hsl(29, 84%, 51%);
|
|
|
|
background: linear-gradient(to bottom,hsla(0, 0%, 100%, 0.0) 50%,hsla(29, 84%, 51%, 1.0) 50%);
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .indicator.green {
|
2017-06-21 09:06:11 +02:00
|
|
|
border: 1px solid hsl(106, 74%, 44%);
|
|
|
|
background-color: hsla(106, 74%, 44%, 0.3);
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown .indicator.green.solid {
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(106, 74%, 44%);
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
/* make sure that it doesn't wrap and disappear around the line.. odd bug. */
|
|
|
|
.markdown a {
|
|
|
|
white-space: pre;
|
|
|
|
}
|
|
|
|
|
|
|
|
.markdown ul {
|
2017-02-01 17:02:48 +01:00
|
|
|
margin: 0px 10px 15px 25px;
|
2016-12-09 21:05:09 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.markdown ul li {
|
|
|
|
margin: 5px 0px;
|
|
|
|
}
|
|
|
|
|
2017-07-10 20:50:11 +02:00
|
|
|
.markdown .footer {
|
2017-08-01 02:46:42 +02:00
|
|
|
position: relative;
|
2017-08-03 22:00:06 +02:00
|
|
|
margin-top: -240px;
|
2017-07-10 20:50:11 +02:00
|
|
|
height: auto;
|
2017-08-03 22:00:06 +02:00
|
|
|
width: calc(100% - 40px);
|
|
|
|
max-width: calc(768px + 20px);
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
2017-10-05 00:44:46 +02:00
|
|
|
.error_page {
|
|
|
|
padding: 20px 0px;
|
|
|
|
min-height: calc(100vh - 290px);
|
|
|
|
background-color: #c9e9e0;
|
|
|
|
font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
.error_page .row-fluid {
|
|
|
|
margin-top: 60px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.error_page img {
|
|
|
|
display: block;
|
|
|
|
clear: right;
|
|
|
|
margin: 0 auto;
|
|
|
|
max-width: 500px;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.error_page .errorbox {
|
|
|
|
margin: auto;
|
|
|
|
border: 2px solid #44A98C;
|
|
|
|
max-width: 500px;
|
|
|
|
background-color: white;
|
|
|
|
box-shadow: 0 0 4px #44A98C;
|
|
|
|
font-size: 18px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.error_page .errorbox.config-error {
|
|
|
|
max-width: 750px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.error_page p {
|
|
|
|
color: #333333;
|
|
|
|
}
|
|
|
|
|
|
|
|
.error_page .errorcontent {
|
|
|
|
text-align: left;
|
|
|
|
padding: 40px 40px 30px 40px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.error_page .lead {
|
|
|
|
color: #39a688;
|
|
|
|
font-size: 40px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
line-height: normal;
|
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
@media (max-width: 1000px) {
|
2017-07-10 20:50:11 +02:00
|
|
|
.app.help .markdown {
|
2017-08-22 21:03:28 +02:00
|
|
|
width: calc(100vw - 50px);
|
2017-08-01 02:46:42 +02:00
|
|
|
height: calc(100vh - 64px);
|
2017-08-22 21:03:28 +02:00
|
|
|
left: 50px;
|
2017-08-30 21:17:38 +02:00
|
|
|
padding: 0px;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
2017-08-01 02:46:42 +02:00
|
|
|
.app.help .markdown .content {
|
|
|
|
max-width: none;
|
|
|
|
}
|
|
|
|
|
2017-07-10 20:50:11 +02:00
|
|
|
.app.help .hamburger {
|
|
|
|
display: block;
|
2017-08-22 21:03:28 +02:00
|
|
|
position: fixed;
|
|
|
|
top: 70px;
|
|
|
|
left: 9px;
|
2017-10-03 20:11:23 +02:00
|
|
|
fill: hsl(222, 33%, 33%);
|
2017-08-22 21:03:28 +02:00
|
|
|
z-index: 2;
|
2017-07-10 20:50:11 +02:00
|
|
|
|
2017-08-22 21:03:28 +02:00
|
|
|
|
|
|
|
transition: all 0.3s ease;
|
2017-07-10 20:50:11 +02:00
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .sidebar {
|
2017-08-22 21:03:28 +02:00
|
|
|
right: calc(100vw - 50px);
|
|
|
|
padding-right: 80px;
|
2017-07-10 20:50:11 +02:00
|
|
|
transform: translateX(0);
|
|
|
|
transition: all 0.3s ease;
|
2017-09-28 10:54:25 +02:00
|
|
|
overflow: hidden;
|
2017-08-22 21:03:28 +02:00
|
|
|
height: 100vh;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .sidebar.show {
|
2017-08-22 21:03:28 +02:00
|
|
|
padding-right: 20px;
|
|
|
|
transform: translateX(280px);
|
2017-09-28 10:54:25 +02:00
|
|
|
overflow: auto !important;
|
2017-08-22 21:03:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .sidebar.show + .hamburger {
|
|
|
|
transform: translateX(280px);
|
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .sidebar.show ~ .markdown {
|
|
|
|
-webkit-filter: brightness(0.7);
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
2017-08-24 18:56:01 +02:00
|
|
|
@media (max-width: 950px) {
|
|
|
|
.footer-main {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.footer-navigation {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 815px) {
|
|
|
|
.footer {
|
|
|
|
width: 450px;
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
2017-11-13 17:26:11 +01:00
|
|
|
|
2017-08-24 18:56:01 +02:00
|
|
|
.footer section {
|
|
|
|
width: calc(50% - 40px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
@media (max-width: 767px) {
|
2017-03-18 05:59:00 +01:00
|
|
|
body {
|
|
|
|
padding: 0px !important;
|
|
|
|
}
|
|
|
|
|
2017-03-26 22:24:35 +02:00
|
|
|
.input-medium,
|
|
|
|
.input-large {
|
2017-03-18 05:59:00 +01:00
|
|
|
display: block !important;
|
|
|
|
width: 100% !important;
|
|
|
|
min-height: 30px !important;
|
|
|
|
margin: 0px !important;
|
|
|
|
padding: 4px 6px !important;
|
|
|
|
line-height: 20px !important;
|
|
|
|
box-sizing: border-box !important;
|
|
|
|
margin-top: 10px !important;
|
|
|
|
margin-bottom: 10px !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.postal-envelope {
|
|
|
|
transform: none;
|
|
|
|
-webkit-transform: none;
|
|
|
|
-moz-transform: none;
|
|
|
|
-o-transform: none;
|
|
|
|
-ms-transform: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.letter-form {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.punc {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.signup-section {
|
|
|
|
display: inline-block;
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
2017-08-01 02:46:42 +02:00
|
|
|
@media (max-width: 648px) {
|
|
|
|
/* this is when the .markdown .footer collapses to two lines. */
|
|
|
|
.markdown .footer {
|
|
|
|
margin-top: -95px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-08-24 18:56:01 +02:00
|
|
|
@media (max-height: 600px) {
|
|
|
|
.password-container {
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-11-20 10:44:17 +01:00
|
|
|
@media (max-width: 558px) {
|
|
|
|
.team .bdfl .profile-name,
|
|
|
|
.team .bdfl .profile-role {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
@media (max-width: 500px) {
|
2017-10-05 00:20:13 +02:00
|
|
|
.error_page .lead {
|
|
|
|
font-size: 1.5em;
|
|
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
|
2017-08-22 21:03:28 +02:00
|
|
|
.markdown .content {
|
|
|
|
padding: 30px 10px 80px 10px;
|
|
|
|
}
|
|
|
|
|
2017-08-02 19:31:04 +02:00
|
|
|
.brand.logo .light {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.center-container {
|
|
|
|
display: block;
|
|
|
|
}
|
2016-12-06 01:23:21 +01:00
|
|
|
|
2017-07-10 20:50:11 +02:00
|
|
|
.app.help {
|
|
|
|
position: absolute;
|
2017-07-17 19:59:20 +02:00
|
|
|
height: calc(100vh - 40px);
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .sidebar {
|
|
|
|
width: calc(100% - 40px);
|
2017-08-22 21:03:28 +02:00
|
|
|
height: calc(100vh - 40px - 10px - 9px);
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .sidebar.show {
|
2017-08-22 21:03:28 +02:00
|
|
|
transform: translateX(calc(100% - 50px));
|
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .sidebar.show + .hamburger {
|
|
|
|
transform: translateX(calc(100vw - 50px));
|
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .hamburger {
|
|
|
|
top: 50px;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .markdown {
|
2017-08-07 16:24:31 +02:00
|
|
|
height: 100%;
|
2017-07-17 19:59:20 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.app.help .footer-main {
|
|
|
|
padding: 0;
|
2017-07-10 20:50:11 +02:00
|
|
|
}
|
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.app-main,
|
|
|
|
.header-main,
|
|
|
|
.footer-main {
|
|
|
|
min-width: auto;
|
|
|
|
}
|
2016-08-24 03:13:56 +02:00
|
|
|
|
2017-03-18 09:21:24 +01:00
|
|
|
.app-main {
|
|
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.header {
|
|
|
|
padding: 4px 0px 6px 0px;
|
|
|
|
}
|
2016-08-24 03:13:56 +02:00
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.header-main {
|
|
|
|
max-width: 100vw;
|
|
|
|
}
|
2016-08-24 03:13:56 +02:00
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.markdown ol {
|
|
|
|
margin-left: 0px;
|
|
|
|
}
|
2017-02-18 19:52:26 +01:00
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.footer-navigation {
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
2016-08-24 03:13:56 +02:00
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.markdown a {
|
|
|
|
white-space: pre-wrap;
|
|
|
|
}
|
2017-02-18 19:52:26 +01:00
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.markdown strong {
|
|
|
|
white-space: pre-wrap;
|
|
|
|
}
|
2016-08-24 03:13:56 +02:00
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
.main-headline-text .tagline {
|
|
|
|
font-size: 32px;
|
|
|
|
line-height: 34px;
|
|
|
|
}
|
2013-09-13 06:06:10 +02:00
|
|
|
|
2017-03-18 05:59:00 +01:00
|
|
|
#apps-tabs li a {
|
|
|
|
padding-left: 6px;
|
|
|
|
padding-right: 6px;
|
|
|
|
}
|
2013-09-13 06:06:10 +02:00
|
|
|
}
|
|
|
|
|
2017-08-28 20:22:59 +02:00
|
|
|
@media (max-width: 475px) {
|
|
|
|
.footer {
|
|
|
|
width: auto;
|
|
|
|
}
|
|
|
|
|
2017-08-24 18:56:01 +02:00
|
|
|
.footer section {
|
2017-08-28 20:22:59 +02:00
|
|
|
margin: 0px 3px;
|
|
|
|
width: calc(50% - 8px);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (max-width: 400px) {
|
|
|
|
.footer section {
|
|
|
|
width: calc(100% - 40px);
|
|
|
|
max-width: none;
|
|
|
|
text-align: center;
|
2017-08-24 18:56:01 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-09-13 06:06:10 +02:00
|
|
|
@font-face {
|
|
|
|
font-family: 'Stamp';
|
|
|
|
src: url(data:application/x-font-woff;charset=utf-8;base64,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
|
|
|
|
font-weight: normal;
|
|
|
|
font-style: normal;
|
|
|
|
}
|
2013-10-24 05:42:56 +02:00
|
|
|
|
|
|
|
.emoji {
|
2014-03-06 22:10:45 +01:00
|
|
|
height: 25px;
|
|
|
|
width: 25px;
|
2013-10-24 05:42:56 +02:00
|
|
|
vertical-align: text-bottom;
|
|
|
|
}
|
2016-09-16 19:05:14 +02:00
|
|
|
|
|
|
|
/* --- new settings styling --- */
|
|
|
|
.input-group input[type=radio],
|
|
|
|
.input-group input[type=checkbox] {
|
|
|
|
margin: 0 10px 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-group input[type=radio] {
|
|
|
|
position: relative;
|
|
|
|
top: 8px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-group label {
|
|
|
|
padding: 5px 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-group label {
|
|
|
|
margin: 0;
|
|
|
|
padding: 5px 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.m-v-20 {
|
|
|
|
margin: 20px 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-group.radio {
|
|
|
|
margin-left: 25px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-group.grid label.inline-block {
|
|
|
|
width: 200px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-group.grid {
|
|
|
|
padding: 10px 0px;
|
2017-06-21 09:06:11 +02:00
|
|
|
border-bottom: 1px solid hsl(0, 0%, 86%);
|
2016-09-16 19:05:14 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
label.label-title {
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
2017-03-18 09:21:24 +01:00
|
|
|
input.new-organization-button {
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
|
2016-09-16 19:05:14 +02:00
|
|
|
.input-group label.inline-block {
|
2017-03-18 05:59:00 +01:00
|
|
|
/* eyeballing off-centered aesth. */
|
2016-09-16 19:05:14 +02:00
|
|
|
margin-top: 1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.display-none {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.inline-block {
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-new {
|
|
|
|
padding: 8px 15px;
|
|
|
|
margin: 0;
|
|
|
|
min-width: 130px;
|
|
|
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(207, 55%, 53%);
|
2016-09-16 19:05:14 +02:00
|
|
|
color: #FFF;
|
|
|
|
outline: none;
|
|
|
|
border: none;
|
|
|
|
border-radius: 2px;
|
|
|
|
|
|
|
|
cursor: pointer;
|
|
|
|
transition: all 0.3s ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* -- button states -- */
|
|
|
|
.button-new:hover {
|
|
|
|
-webkit-filter: brightness(1.1);
|
|
|
|
-moz-filter: brightness(1.1);
|
|
|
|
filter: brightness(1.1);
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-new:active {
|
|
|
|
-webkit-filter: brightness(0.9);
|
|
|
|
-moz-filter: brightness(0.9);
|
|
|
|
filter: brightness(0.9);
|
|
|
|
}
|
|
|
|
|
|
|
|
.button-new.sea-green {
|
2017-06-21 09:06:11 +02:00
|
|
|
background-color: hsl(177, 70%, 46%);
|
2016-09-16 19:05:14 +02:00
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
.float-left {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.float-right {
|
|
|
|
float: right;
|
|
|
|
}
|
2016-12-20 10:41:46 +01:00
|
|
|
|
2017-08-28 23:27:16 +02:00
|
|
|
#find_account .form-control {
|
2016-12-20 10:41:46 +01:00
|
|
|
height: 30px;
|
|
|
|
}
|
|
|
|
|
2017-08-28 23:27:16 +02:00
|
|
|
#find_account .btn {
|
2016-12-20 10:41:46 +01:00
|
|
|
height: 40px;
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
2017-02-01 02:55:02 +01:00
|
|
|
|
|
|
|
.documentation-footer {
|
|
|
|
font-size: .85rem;
|
2017-06-21 09:06:11 +02:00
|
|
|
color: hsl(0, 0%, 66%);
|
2017-02-01 02:55:02 +01:00
|
|
|
}
|
2017-06-14 02:01:01 +02:00
|
|
|
|
|
|
|
#devtools-wrapper {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
#devtools-page {
|
|
|
|
max-width: 800px;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
2017-07-08 02:26:30 +02:00
|
|
|
|
2017-08-08 19:32:16 +02:00
|
|
|
.portico-page.error {
|
|
|
|
padding-bottom: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.portico-page.error .portico-page-container {
|
|
|
|
padding: 0;
|
|
|
|
}
|