-* {
- box-sizing: border-box;
-}
-
body {
- font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+ font-family: "Arial", sans-serif;
margin: 0px;
}
-/*the container must be positioned relative:*/
+#models-autocomplete {
+ width: 20em;
+ display: inline-block;
+}
+
.autocomplete {
position: relative;
- display: inline-block;
}
-input {
+.autocomplete > input {
border: 1px solid transparent;
background-color: #f1f1f1;
padding: 10px;
-}
-
-input[type=text] {
- background-color: #f1f1f1;
width: 100%;
+ border-radius: 4px;
}
-/*
-input[type=submit] {
- background-color: DodgerBlue;
- color: #fff;
- cursor: pointer;
-}*/
-
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
}
header {
- font-size: 0.875rem;
font-weight: 500;
- line-height: 1.75;
- letter-spacing: 0.02857em;
- text-transform: uppercase;
-
- text-align: center;
- position: static;
width: 100%;
z-index: 1100;
- box-sizing: border-box;
- display: flex;
- flex-shrink: 0;
- flex-direction: column;
box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
-
- color: #fff;
- background-color: #3F51B5;
+ background-color: #00A3E1;
}
h6 {
letter-spacing: 0.0075em;
}
-a {
- box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12);
- padding: 6px 16px;
- min-width: 64px;
- box-sizing: border-box;
- transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- line-height: 1.75;
- border-radius: 4px;
- border: 0;
- cursor: pointer;
- margin: 0;
- display: inline-flex;
- outline: 0;
- position: relative;
- align-items: center;
- user-select: none;
- vertical-align: middle;
- justify-content: center;
- text-decoration: none;
-}
-.MuiButton-label {
- width: 100%;
- display: inherit;
- align-items: inherit;
- justify-content: inherit;
-
- cursor: pointer;
-}
-
-.MuiTouchRipple-root {
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- overflow: hidden;
- position: absolute;
- border-radius: inherit;
- pointer-events: none;
-}
-
-.MuiButton-containedSecondary {
- color: #fff;
- background-color: #009688;
-}
-
-.MuiSvgIcon-root {
- fill: currentColor;
- width: 1em;
- height: 1em;
- display: inline-block;
- font-size: 1.5rem;
- transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
- flex-shrink: 0;
- user-select: none;
-}
-
-
-.MuiToolbar-gutters {
+header > div {
padding-left: 24px;
padding-right: 24px;
min-height: 64px;
color: #fff;
}
-
-.MuiContainer-maxWidthLg {
+.container {
max-width: 1280px;
padding-left: 32px;
padding-right: 32px;
width: 100%;
box-sizing: border-box;
- margin-left: auto;
- margin-right: auto;
margin-top: 30px;
+ margin-right: auto;
+ margin-left: auto;
margin-bottom: 100px;
}
-.MuiPaper-rounded {
- padding: 30px;
+.container > div {
+ padding: 10px 20px;
text-align: left;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 2px 1px -1px rgba(0,0,0,0.12);
border-radius: 4px;
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
background-color: #fff;
}
+
+#versions {
+ border: 1px solid transparent;
+ background-color: #f1f1f1;
+ padding: 10px;
+ width: 10em;
+ border-radius: 4px;
+}
+
+#language-selection {
+ color: #fff;
+ background-color: #1084b2;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px
+ rgba(0,0,0,0.12);
+ padding: 6px 16px;
+ border-radius: 4px;
+ border: 0;
+
+ /* hide arrow */
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ text-indent: 1px;
+ text-overflow: '';
+}
+
+.download-link {
+ text-decoration: none;
+ border-radius: 4px;
+ padding: 12px 16px;
+ margin: 5px;
+ font-size: 16px;
+ cursor: pointer;
+ letter-spacing: 0.05em;
+ display: inline-flex;
+ align-items: center;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12);
+ color: #fff;
+ background-color: #00A3E1;
+}
+
+.download-link:hover {
+ background-color: #038fc6
+}
+
+.download-link :first-child {
+ width: 30px;
+ margin-right: 15px;
+ margin-top: -2px;
+ content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
+}
+
+#images .column {
+ width: 5em;
+ display: inline-block;
+ line-height: 1.5;
+}
+
+#images {
+ display: none;
+}
+
+#images > div {
+ padding-top: 20px;
+}
+
+#image-model {
+ font-weight: bold;
+}
+
+#custom {
+ display: none;
+}
+
+#custom textarea {
+ width: 500px;
+ height: 120px;
+ font-size: 16px;
+ display: block;
+}
+
+#custom a :first-child {
+ width: 30px;
+ margin-right: 10px;
+ margin-top: 0px;
+ font-size: 36px;
+}
+
+#custom a {
+ text-decoration: none;
+ border-radius: 4px;
+ padding: 2px 10px;
+ margin: 5px;
+ font-size: 16px;
+ cursor: pointer;
+ letter-spacing: 0.05em;
+ display: inline-flex;
+ align-items: center;
+ box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12);
+ color: #fff;
+ background-color: #00A3E1;
+}
+
+.download-help {
+ display: none;
+}
+
+#buildspinner {
+ float: left;
+ height: 40px;
+ padding-right: 12px;
+ display: none;
+}
+
+#buildstatus {
+ padding: 10px 0;
+ display: none;
+}
+
+#footer {
+ font-size: 0.8em;
+ text-align: right;
+}
+
+#footer a {
+ text-decoration: none;
+}
projects / web / firmware-selector-openwrt-org.git / blobdiff