zulip/web/third/bootstrap/css/bootstrap.app.css

189 lines
2.8 KiB
CSS

/*!
* Bootstrap v2.3.2
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
footer,
header,
nav,
section {
display: block;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
img {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%;
/* Part 1: Set a maximum relative to the parent */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
vertical-align: middle;
border: 0;
}
button,
input {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button {
-webkit-appearance: button;
cursor: pointer;
}
label,
button {
cursor: pointer;
}
p {
margin: 0 0 10px;
}
h1,
h2,
h3,
h4 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
}
h1,
h2,
h3 {
line-height: 40px;
}
h1 {
font-size: 38.5px;
}
h2 {
font-size: 31.5px;
}
h3 {
font-size: 24.5px;
}
h4 {
font-size: 17.5px;
}
ul,
ol {
padding: 0;
margin: 0 0 10px 25px;
}
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0;
}
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
form {
margin: 0 0 20px;
}
label,
input,
button {
font-size: 14px;
font-weight: normal;
line-height: 20px;
}
input,
button {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label {
display: block;
margin-bottom: 5px;
}
input:-moz-placeholder {
color: #999999;
}
input:-ms-input-placeholder {
color: #999999;
}
input::-webkit-input-placeholder {
color: #999999;
}
input {
margin-left: 0;
}
input[disabled],
input[readonly] {
cursor: not-allowed;
background-color: #eeeeee;
}
input:focus:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
input:focus:invalid:focus {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7;
}
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
}
.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
@-ms-viewport {
width: device-width;
}
@media (min-width: 768px) and (max-width: 979px) {
input {
margin-left: 0;
}
}
@media (min-width: 1180px) {
input {
margin-left: 0;
}
}