* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
-/*******************************************************************************
- *
- * Note: This is also used by a file in chrome/browser/resources/ssl. When
- * updating this file, make sure nothing in that directory regresses.
- *
- ******************************************************************************/
-
body {
background-color: #E6E6E6;
font-family: Helvetica, Arial, sans-serif;
}
#diagnose-button {
- margin-top: 20px;
+ -webkit-margin-start: 0;
margin-bottom: 10px;
- -webkit-margin-start: 0px;
+ margin-top: 20px;
}
#content-top #buttons,
#content-top h1 {
color: #666;
- margin: 10px 0px 30px 0px;
- font-weight: normal;
font-size: 1.5em;
+ font-weight: normal;
text-align: center;
+ margin: 10px 0 30px;
}
h2 {
}
a {
- color: #15c;
+ color: rgb(17, 85, 204);
text-decoration: none;
}
}
#help-box-outer {
- overflow: hidden;
-webkit-transition: height ease-in 218ms;
+ overflow: hidden;
}
#help-box-inner {
}
button {
+ -webkit-user-select: none;
border: 1px solid rgba(0, 0, 0, 0.25);
border-radius: 2px;
color: #444;
- -webkit-user-select: none;
<if expr="not is_android">
/* iOS does not support linear-gradient without a prefix. */
background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
</if>
<if expr="not is_android and not is_ios">
/* Not done on mobile for performance reasons. */
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
+ inset 0 1px 2px rgba(255, 255, 255, 0.75);
</if>
}
background-color: #f0f0f0;
</if>
<if expr="not is_android and not is_ios">
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12),
+ inset 0 1px 2px rgba(255, 255, 255, 0.95);
</if>
}
}
.text-button {
- margin: 0px 5px;
+ margin: 0 5px;
min-height: 29px;
min-width: 65px;
padding: 7px 13px;
border: 1px solid rgb(0, 152, 206);
</if>
<if expr="not is_android and not is_ios">
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.2);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15),
+ inset 0 1px 2px rgba(255, 255, 255, 0.2);
</if>
}
border: 1px solid rgba(45, 102, 195, 1);
</if>
<if expr="not is_android and not is_ios">
- box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px rgba(255, 255, 255, 0.2);
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25),
+ inset 0 1px 2px rgba(255, 255, 255, 0.2);
</if>
}
}
#search-box:focus {
- border: 1px solid #5d9aff;
+ border: 1px solid rgb(93, 154, 255);
outline: none;
}
#search-button {
border: none;
- border-top-left-radius: 0;
border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
box-shadow: none;
display: flex;
height: 30px;
margin: 0;
- width: 60px;
padding: 0;
+ width: 60px;
}
#search-image {
margin: 15px;
}
h1 {
- margin: 10px 0px 15px 0px;
+ margin: 10px 0 15px;
}
#content-top {
margin: 15px;
margin-top: 10px;
}
.suggestion-header {
- margin-bottom: 0px;
+ margin-bottom: 0;
}
.error-code {
margin-top: 10px;
-webkit-flex-flow: column;
height: 100%;
-webkit-justify-content: center;
- left: 0px;
+ left: 0;
position: absolute;
- top: 0px;
+ top: 0;
width: 100%;
}
display: none;
}
}
+
+/* details-button is special; it's a <button> element that looks like a link. */
+#details-button {
+ background-color: inherit;
+ background-image: none;
+ border: none;
+ box-shadow: none;
+ min-width: 0;
+ padding: 0;
+ text-decoration: underline;
+}
+
+#buttons {
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
+/* Styles for platform dependent separation of controls and details button. */
+.suggested-left > #control-buttons,
+.suggested-right > #details-button {
+ float: left;
+}
+
+.suggested-right > #control-buttons,
+.suggested-left > #details-button {
+ float: right;
+}
+
+#details-button.singular {
+ float: none;
+}
+
+#buttons::after {
+ clear: both;
+ content: '';
+ display: block;
+ width: 100%;
+}