1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/Touchgui/plugins/org.apache.cordova.dialogs/www/firefoxos/notification.css Thu Jun 04 14:50:33 2015 +0200
1.3 @@ -0,0 +1,248 @@
1.4 +/*
1.5 + *
1.6 + * Licensed to the Apache Software Foundation (ASF) under one
1.7 + * or more contributor license agreements. See the NOTICE file
1.8 + * distributed with this work for additional information
1.9 + * regarding copyright ownership. The ASF licenses this file
1.10 + * to you under the Apache License, Version 2.0 (the
1.11 + * "License"); you may not use this file except in compliance
1.12 + * with the License. You may obtain a copy of the License at
1.13 + *
1.14 + * http://www.apache.org/licenses/LICENSE-2.0
1.15 + *
1.16 + * Unless required by applicable law or agreed to in writing,
1.17 + * software distributed under the License is distributed on an
1.18 + * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
1.19 + * KIND, either express or implied. See the License for the
1.20 + * specific language governing permissions and limitations
1.21 + * under the License.
1.22 + *
1.23 +*/
1.24 +
1.25 +/* Main dialog setup */
1.26 +form[role="dialog"] {
1.27 + background:
1.28 + url(../img/pattern.png) repeat left top,
1.29 + url(../img/gradient.png) no-repeat left top / 100% 100%;
1.30 + overflow: hidden;
1.31 + position: absolute;
1.32 + z-index: 100;
1.33 + top: 0;
1.34 + left: 0;
1.35 + right: 0;
1.36 + bottom: 0;
1.37 + padding: 1.5rem 0 7rem;
1.38 + font-family: "MozTT", Sans-serif;
1.39 + font-size: 0;
1.40 + /* Using font-size: 0; we avoid the unwanted visual space (about 3px)
1.41 + created by white-spaces and break lines in the code betewen inline-block elements */
1.42 + color: #fff;
1.43 + text-align: left;
1.44 +}
1.45 +
1.46 +form[role="dialog"]:before {
1.47 + content: "";
1.48 + display: inline-block;
1.49 + vertical-align: middle;
1.50 + width: 0.1rem;
1.51 + height: 100%;
1.52 + margin-left: -0.1rem;
1.53 +}
1.54 +
1.55 +form[role="dialog"] > section {
1.56 + font-weight: lighter;
1.57 + font-size: 1.8rem;
1.58 + color: #FAFAFA;
1.59 + padding: 0 1.5rem;
1.60 + -moz-box-sizing: padding-box;
1.61 + width: 100%;
1.62 + display: inline-block;
1.63 + overflow-y: scroll;
1.64 + max-height: 100%;
1.65 + vertical-align: middle;
1.66 + white-space: normal;
1.67 +}
1.68 +
1.69 +form[role="dialog"] h1 {
1.70 + font-weight: normal;
1.71 + font-size: 1.6rem;
1.72 + line-height: 1.5em;
1.73 + color: #fff;
1.74 + margin: 0;
1.75 + padding: 0 1.5rem 1rem;
1.76 + border-bottom: 0.1rem solid #686868;
1.77 +}
1.78 +
1.79 +/* Menu & buttons setup */
1.80 +form[role="dialog"] menu {
1.81 + margin: 0;
1.82 + padding: 1.5rem;
1.83 + padding-bottom: 0.5rem;
1.84 + border-top: solid 0.1rem rgba(255, 255, 255, 0.1);
1.85 + background: #2d2d2d url(../img/pattern.png) repeat left top;
1.86 + display: block;
1.87 + overflow: hidden;
1.88 + position: absolute;
1.89 + left: 0;
1.90 + right: 0;
1.91 + bottom: 0;
1.92 + text-align: center;
1.93 +}
1.94 +
1.95 +form[role="dialog"] menu button::-moz-focus-inner {
1.96 + border: none;
1.97 + outline: none;
1.98 +}
1.99 +form[role="dialog"] menu button {
1.100 + width: 100%;
1.101 + height: 2.4rem;
1.102 + margin: 0 0 1rem;
1.103 + padding: 0 1.5rem;
1.104 + -moz-box-sizing: border-box;
1.105 + display: inline-block;
1.106 + vertical-align: middle;
1.107 + text-overflow: ellipsis;
1.108 + white-space: nowrap;
1.109 + overflow: hidden;
1.110 + background: #fafafa url(../img/default.png) repeat-x left bottom/ auto 100%;
1.111 + border: 0.1rem solid #a6a6a6;
1.112 + border-radius: 0.3rem;
1.113 + font: 500 1.2rem/2.4rem 'MozTT', Sans-serif;
1.114 + color: #333;
1.115 + text-align: center;
1.116 + text-shadow: 0.1rem 0.1rem 0 rgba(255,255,255,0.3);
1.117 + text-decoration: none;
1.118 + outline: none;
1.119 +}
1.120 +
1.121 +/* Press (default & recommend) */
1.122 +form[role="dialog"] menu button:active,
1.123 +form[role="dialog"] menu button.recommend:active,
1.124 +a.recommend[role="button"]:active {
1.125 + border-color: #008aaa;
1.126 + color: #333;
1.127 +}
1.128 +
1.129 +/* Recommend */
1.130 +form[role="dialog"] menu button.recommend {
1.131 + background-image: url(../img/recommend.png);
1.132 + background-color: #00caf2;
1.133 + border-color: #008eab;
1.134 +}
1.135 +
1.136 +/* Danger */
1.137 +form[role="dialog"] menu button.danger,
1.138 +a.danger[role="button"] {
1.139 + background-image: url(../img/danger.png);
1.140 + background-color: #b70404;
1.141 + color: #fff;
1.142 + text-shadow: none;
1.143 + border-color: #820000;
1.144 +}
1.145 +
1.146 +/* Danger Press */
1.147 +form[role="dialog"] menu button.danger:active {
1.148 + background-image: url(../img/danger-press.png);
1.149 + background-color: #890707;
1.150 +}
1.151 +
1.152 +/* Disabled */
1.153 +form[role="dialog"] > menu > button[disabled] {
1.154 + background: #5f5f5f;
1.155 + color: #4d4d4d;
1.156 + text-shadow: none;
1.157 + border-color: #4d4d4d;
1.158 + pointer-events: none;
1.159 +}
1.160 +
1.161 +
1.162 +form[role="dialog"] menu button:nth-child(even) {
1.163 + margin-left: 1rem;
1.164 +}
1.165 +
1.166 +form[role="dialog"] menu button,
1.167 +form[role="dialog"] menu button:nth-child(odd) {
1.168 + margin: 0 0 1rem 0;
1.169 +}
1.170 +
1.171 +form[role="dialog"] menu button {
1.172 + width: calc((100% - 1rem) / 2);
1.173 +}
1.174 +
1.175 +form[role="dialog"] menu button.full {
1.176 + width: 100%;
1.177 +}
1.178 +
1.179 +/* Specific component code */
1.180 +form[role="dialog"] p {
1.181 + word-wrap: break-word;
1.182 + margin: 1rem 0 0;
1.183 + padding: 0 1.5rem 1rem;
1.184 + line-height: 3rem;
1.185 +}
1.186 +
1.187 +form[role="dialog"] p img {
1.188 + float: left;
1.189 + margin-right: 2rem;
1.190 +}
1.191 +
1.192 +form[role="dialog"] p strong {
1.193 + font-weight: lighter;
1.194 +}
1.195 +
1.196 +form[role="dialog"] p small {
1.197 + font-size: 1.4rem;
1.198 + font-weight: normal;
1.199 + color: #cbcbcb;
1.200 + display: block;
1.201 +}
1.202 +
1.203 +form[role="dialog"] dl {
1.204 + border-top: 0.1rem solid #686868;
1.205 + margin: 1rem 0 0;
1.206 + overflow: hidden;
1.207 + padding-top: 1rem;
1.208 + font-size: 1.6rem;
1.209 + line-height: 2.2rem;
1.210 +}
1.211 +
1.212 +form[role="dialog"] dl > dt {
1.213 + clear: both;
1.214 + float: left;
1.215 + width: 7rem;
1.216 + padding-left: 1.5rem;
1.217 + font-weight: 500;
1.218 + text-align: left;
1.219 +}
1.220 +
1.221 +form[role="dialog"] dl > dd {
1.222 + padding-right: 1.5rem;
1.223 + font-weight: 300;
1.224 + text-overflow: ellipsis;
1.225 + vertical-align: top;
1.226 + overflow: hidden;
1.227 +}
1.228 +
1.229 +/* input areas */
1.230 +input[type="text"],
1.231 +input[type="password"],
1.232 +input[type="email"],
1.233 +input[type="tel"],
1.234 +input[type="search"],
1.235 +input[type="url"],
1.236 +input[type="number"],
1.237 +textarea {
1.238 + -moz-box-sizing: border-box;
1.239 + display: block;
1.240 + overflow: hidden;
1.241 + width: 100%;
1.242 + height: 3rem;
1.243 + resize: none;
1.244 + padding: 0 1rem;
1.245 + font-size: 1.6rem;
1.246 + line-height: 3rem;
1.247 + border: 0.1rem solid #ccc;
1.248 + border-radius: 0.3rem;
1.249 + box-shadow: none; /* override the box-shadow from the system (performance issue) */
1.250 + background: #fff url(input_areas/images/ui/shadow.png) repeat-x;
1.251 +}
