Delete style.css
Browse files
style.css
DELETED
|
@@ -1,491 +0,0 @@
|
|
| 1 |
-
/*** CSS v.2.0.1.7 ***/
|
| 2 |
-
|
| 3 |
-
/* Normalize */
|
| 4 |
-
@import url(normalize.css);
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
/* Fonts */
|
| 8 |
-
@import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700|Open+Sans:400,700);
|
| 9 |
-
|
| 10 |
-
/* Common styles */
|
| 11 |
-
::-moz-selection { background: #EB4D2F ; color: #fff; text-shadow: none; }
|
| 12 |
-
::selection { background: #EB4D2F ; color: #fff; text-shadow: none; }
|
| 13 |
-
html {}
|
| 14 |
-
html, body { /*-webkit-tap-highlight-color: rgba(0,0,0,0);*/}
|
| 15 |
-
body { min-width:750px; background:#fff; font-family: 'Open Sans', Helvetica, Verdana, Arial, sans-serif; font-size:14px; line-height:25px; color:#333; }
|
| 16 |
-
body.embedded {background:#fff; min-width:220px; }
|
| 17 |
-
body.raw {background:#fff; min-width:220px; }
|
| 18 |
-
|
| 19 |
-
a, a:visited, a:hover, a:active { color:#EB4D2F ; text-decoration:none; outline: 0 !important }
|
| 20 |
-
input:focus, select:focus, textarea:focus, button:focus, a:focus, a:hover, a:active,
|
| 21 |
-
input::-moz-focus-inner, select::-moz-focus-inner { outline: 0;}
|
| 22 |
-
code {font-family: 'Consolas', 'Inconsolata', monospace; font-size: 0.9em; line-height: 1;
|
| 23 |
-
padding: 3px 4px 1px 4px;
|
| 24 |
-
border-radius: 2px;
|
| 25 |
-
vertical-align: middle;
|
| 26 |
-
display: inline-block;
|
| 27 |
-
margin-top: -3px;
|
| 28 |
-
margin-left: 2px;
|
| 29 |
-
}
|
| 30 |
-
sup { font-family:Verdana; font-size:0.5em; vertical-align:middle}
|
| 31 |
-
.fl {float:left} .fr {float:right} .n {clear:both} .fix {overflow:hidden}
|
| 32 |
-
.prn {display:none} .app {display:none}
|
| 33 |
-
.hidden { display: none !important; visibility: hidden; }
|
| 34 |
-
|
| 35 |
-
img {vertical-align:middle}
|
| 36 |
-
img.fl {margin:0 30px 20px 0}
|
| 37 |
-
img.fr {margin:0 0 20px 30px}
|
| 38 |
-
|
| 39 |
-
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
|
| 40 |
-
textarea { resize: none; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }
|
| 41 |
-
pre {margin:0}
|
| 42 |
-
.btn {outline:none; border:0; margin:0; vertical-align:middle; -webkit-appearance:none; background:#EB4D2F ; padding:8px 15px; text-align:center; border-radius:5px; -webkit-border-radius:5px; white-space:nowrap }
|
| 43 |
-
.btn, a.btn, a.btn:visited, a.btn:active {display:inline-block; color:#fff !important; font-size: 14px; line-height:22px; font-weight:700; text-transform:uppercase}
|
| 44 |
-
a.btn:hover {background:#e7330f }
|
| 45 |
-
.btn.pressed, a.btn.pressed {cursor:default}
|
| 46 |
-
|
| 47 |
-
.smaller {font-size:12px; line-height:20px;}
|
| 48 |
-
.placeholder { color:#aaa; }
|
| 49 |
-
|
| 50 |
-
h3 {font-size:19px; line-height:30px; font-weight:700; text-transform:uppercase; color:#EB4D2F; margin:10px 0 20px 0}
|
| 51 |
-
|
| 52 |
-
.wrapper { padding:20px 80px; margin:0 auto;overflow:hidden }
|
| 53 |
-
.raw .wrapper {padding:20px 40px}
|
| 54 |
-
|
| 55 |
-
.note {padding:10px 0; font-size:12px}
|
| 56 |
-
|
| 57 |
-
/* Footer */
|
| 58 |
-
.rights {text-transform:uppercase; font-size:11px; line-height:18px; color:#999; margin-top: 20px;}
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
#header { }
|
| 62 |
-
#header .editorwrapper {max-width:none !important; padding:0 60px 20px 60px}
|
| 63 |
-
|
| 64 |
-
.beta {margin:5px 0 0 0; font-weight:bold; font-size:15px; line-height:14px; text-align:center; color:#EB4D2F; max-width:142px; letter-spacing:1px}
|
| 65 |
-
|
| 66 |
-
.options-ctrl {
|
| 67 |
-
float:right; font-weight:700; text-transform:uppercase; font-size:13px;
|
| 68 |
-
}
|
| 69 |
-
.options-ctrl div {float: left; padding:10px 20px; }
|
| 70 |
-
|
| 71 |
-
.theme img {width:19px; height:19px; vertical-align:middle;}
|
| 72 |
-
.options { border-radius: 0 0 5px 5px; }
|
| 73 |
-
.options img {width:19px; height:19px; vertical-align:middle; margin-right:3px}
|
| 74 |
-
|
| 75 |
-
.options-panel {
|
| 76 |
-
display: none;
|
| 77 |
-
padding: 30px 60px;
|
| 78 |
-
}
|
| 79 |
-
.options-panel .options-flex {
|
| 80 |
-
display: flex;
|
| 81 |
-
align-items: flex-start;
|
| 82 |
-
justify-content: flex-start;
|
| 83 |
-
margin: 0 auto;
|
| 84 |
-
}
|
| 85 |
-
.options-panel .options-flex .panel {
|
| 86 |
-
flex: 0 1 250px;
|
| 87 |
-
margin: 5px 60px 5px 0;
|
| 88 |
-
}
|
| 89 |
-
.options-panel .options-flex .panel:last-child {
|
| 90 |
-
margin-right: 0;
|
| 91 |
-
}
|
| 92 |
-
.options-panel .options-flex .panel.theme-panel {
|
| 93 |
-
flex: 0 1 130px;
|
| 94 |
-
}
|
| 95 |
-
.switch{position:relative;display:inline-block;width:35px;height:20px; vertical-align:middle; margin-right:3px}.switch input{display:none}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:20px}.switch .slider:before{position:absolute;content:"";height:12px;width:12px;left:4px;bottom:4px;background-color:white;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch .slider.locked{background-color:#f7b8b8 !important}.switch .slider.unsupported{background-color:#e6e6e6 !important}.switch .slider.unsupported:before{display:none}.switch input:checked+.slider{background-color:#EB4D2F}.switch input:focus+.slider{box-shadow:0 0 1px #EB4D2F}.switch input:checked+.slider:before{-webkit-transform:translateX(14px);-ms-transform:translateX(14px);transform:translateX(14px)}
|
| 96 |
-
.dark .switch .slider {background-color:#444}
|
| 97 |
-
|
| 98 |
-
.options-panel select {-webkit-appearance:none; -moz-appearance: none; appearance: none; text-indent: 0.01px;
|
| 99 |
-
text-overflow: ''; width:100%; height:24px; border:0; border-radius:3px; -webkit-border-radius:3px; padding:2px 5px; display:inline-block }
|
| 100 |
-
.options-panel select::-ms-expand { display: none;}
|
| 101 |
-
|
| 102 |
-
.options-panel .title {
|
| 103 |
-
display: block;
|
| 104 |
-
text-transform: uppercase;
|
| 105 |
-
font-weight: 700;
|
| 106 |
-
font-size: 13px;
|
| 107 |
-
margin-bottom: 3px;
|
| 108 |
-
}
|
| 109 |
-
.options-panel code {
|
| 110 |
-
float: right;
|
| 111 |
-
margin-top:5px;
|
| 112 |
-
}
|
| 113 |
-
.options-panel .description {
|
| 114 |
-
font-size: 12px;
|
| 115 |
-
line-height: 1.4;
|
| 116 |
-
margin-bottom: 10px;
|
| 117 |
-
}
|
| 118 |
-
|
| 119 |
-
.logo { float:left; width:20%; max-width:190px; text-align:left; margin:45px 0 0 0;}
|
| 120 |
-
.logo.expanded {max-width:none !important; text-align:center}
|
| 121 |
-
.logo img {width:100% !important; height:auto !important}
|
| 122 |
-
.raw .logo {width:200px !important; margin:20px 0; float:none}
|
| 123 |
-
|
| 124 |
-
.editor pre, .editor textarea, .result { font-family: 'Consolas', 'Inconsolata', monospace; font-size: 22px; line-height: 26px !important; background:none !important; }
|
| 125 |
-
|
| 126 |
-
.editor {float:left; margin:0; width:70%}
|
| 127 |
-
.editor pre, .editor textarea { float:left; width:90%; padding:20px 35px; border:0; margin:25px 0 0 45px; overflow:none !important; white-space:pre-wrap !important; outline: none; font-size: 22px; /*min-height:50px*/ }
|
| 128 |
-
.editor pre hr { border:0; border-top:1px dashed #EB4D2F; height:1px; background:none; margin: 5px 0;}
|
| 129 |
-
.editor textarea {overflow:hidden;/*white-space: nowrap !important; overflow-x:auto !important*/ }
|
| 130 |
-
.editor textarea.placeholder {font-size:28px; line-height:34px }
|
| 131 |
-
|
| 132 |
-
|
| 133 |
-
.errormarker { position:relative; width: 0px; height: 0px;
|
| 134 |
-
border-bottom: 10px solid rgba(0, 0, 0, 0); border-top: 10px solid rgba(0, 0, 0, 0); border-left: 12px solid rgba(234, 77, 47, 0.9); /*width:4px; height: 22px; background: #EB4D2F; */ }
|
| 135 |
-
|
| 136 |
-
.result {display:none; float:left; margin:25px 0 0 0; width:90%; }
|
| 137 |
-
.result .formatted {/*float:left; width:90%; */padding:10px 30px; white-space:nowrap; overflow:auto; }
|
| 138 |
-
.result .lines { float: left; width:50px; overflow: hidden; padding:10px 0 5px 0 }
|
| 139 |
-
.result .lineno { padding: 0 0.5em 0 0; text-align: right; white-space: nowrap; }
|
| 140 |
-
|
| 141 |
-
.result .indent4, .result .indent8 {display:inline-block; /*text-indent:-9999px; font-size:12px; height:26px; vertical-align:middle*/ }
|
| 142 |
-
/*.result .indent4 { margin-left:4em }
|
| 143 |
-
.result .indent8 { margin-left:7.5em; margin-right:0.5em }*/
|
| 144 |
-
.result .indent8 {margin-right:6px}
|
| 145 |
-
|
| 146 |
-
.reporting {float:left; padding:34px 0 0 0; font-weight:700; text-transform:uppercase; font-size:13px;}
|
| 147 |
-
.reporting img {width:20px; height:20px; vertical-align:middle}
|
| 148 |
-
.reporting a {padding-left:3px;}
|
| 149 |
-
|
| 150 |
-
.topcontrols {text-align:right; margin-top:20px; display:none}
|
| 151 |
-
|
| 152 |
-
.controls { float:right; text-align:right; padding:30px 0 0 0 }
|
| 153 |
-
.controls .smaller, .controls .smaller a, .controls .smaller a:hover, .controls .smaller a:visited {color:#808080; font-size:11px;}
|
| 154 |
-
|
| 155 |
-
.copy, .btn.copy, .copyHTML, .btn.copyHTML, .copyRich, .btn.copyRich {background:#7F95A1; margin-right:10px; display:none}
|
| 156 |
-
a.btn.copy:hover, a.btn.copyHTML:hover, a.btn.copyRich:hover {background:#698da0 }
|
| 157 |
-
.reformat, .btn.reformat {display:none; margin-left:10px; }
|
| 158 |
-
.editformula, .btn.editformula {display:none; margin-left:20px;}
|
| 159 |
-
|
| 160 |
-
#run {font-size:16px !important; padding:10px 20px !important;}
|
| 161 |
-
|
| 162 |
-
#docxfile {display:none !important }
|
| 163 |
-
|
| 164 |
-
.errors {display:none; background:#EA4D2F; padding:10px 40px; color:#fff; font-size:16px; }
|
| 165 |
-
.embedded .errors {display:block !important; padding:0; color:#EA4D2F; background:none; margin-top:25px}
|
| 166 |
-
.embedded .errors .wrapper {padding:10px 30px; width:90% !important; margin:0}
|
| 167 |
-
|
| 168 |
-
.errors a {
|
| 169 |
-
color: #fff !important;
|
| 170 |
-
font-weight: bold;
|
| 171 |
-
}
|
| 172 |
-
|
| 173 |
-
/* Dark Theme */
|
| 174 |
-
body.dark { background: #1e1e1e; }
|
| 175 |
-
.dark header {background:#333; color:#fff;}
|
| 176 |
-
.dark code { background: #4d4d4d; color: #fff; }
|
| 177 |
-
.dark .editor pre, .dark .editor textarea { color:#fff; border-left: 4px solid #4d4d4d; }
|
| 178 |
-
.dark .editor pre.placeholder, .dark .editor textarea.placeholder { color:#666; }
|
| 179 |
-
.dark .editor pre.readonly, .dark .editor textarea.readonly {color:#666}
|
| 180 |
-
.dark ::-webkit-input-placeholder { color:#666; }
|
| 181 |
-
.dark :-moz-placeholder { color:#666; }
|
| 182 |
-
.dark ::-moz-placeholder { color:#666; }
|
| 183 |
-
.dark :-ms-input-placeholder { color:#666; }
|
| 184 |
-
|
| 185 |
-
.dark .theme img { background:url(images/switch.png) no-repeat left top; background-size: 19px 38px;}
|
| 186 |
-
.dark .theme, .dark .theme a, .dark .theme a:hover, .dark .theme a:visited {color:#fff;}
|
| 187 |
-
|
| 188 |
-
.dark .htmlonly img { background:url(images/code.png) no-repeat left top; background-size: 19px 38px;}
|
| 189 |
-
.dark .htmlonly, .dark .htmlonly a, .dark .htmlonly a:hover, .dark .htmlonly a:visited {color:#fff;}
|
| 190 |
-
.dark .options-panel,
|
| 191 |
-
.dark .options.active { background:#222; }
|
| 192 |
-
|
| 193 |
-
.dark .options img { background:url(images/settings.png) no-repeat left top;background-size: 19px 38px;}
|
| 194 |
-
.dark .options, .dark .options a, .dark .options a:hover, .dark .options a:visited {color:#fff;}
|
| 195 |
-
|
| 196 |
-
.dark .options-panel .description { color: #777; }
|
| 197 |
-
.dark .options-panel select {background:#444 url(images/arrow-dark.png) no-repeat 95% center; color:#bbb;}
|
| 198 |
-
|
| 199 |
-
.dark .lines { border-right: 4px solid #4d4d4d; }
|
| 200 |
-
.dark .lineno {color:#4d4d4d; }
|
| 201 |
-
|
| 202 |
-
.dark .reporting img { background:url(images/bug-dark.png) no-repeat left top; background-size:21px 19px}
|
| 203 |
-
.dark .reporting, .dark .reporting a, .dark .reporting a:hover, .dark .reporting a:visited {color:#fff;}
|
| 204 |
-
|
| 205 |
-
.dark .controls {}
|
| 206 |
-
.dark .controls a, .dark .controls a:active, .dark .controls a:visited, .dark .controls a:hover, .dark .topcontrols a, .dark .topcontrols a:active, .dark .topcontrols a:visited, .dark .topcontrols a:hover {color:#eee}
|
| 207 |
-
.dark .controls .pressed, .dark .controls a.btn:active, .dark .btn:active, .dark .topcontrols .pressed, .dark .topcontrols a.btn:active {background:#252525 !important}
|
| 208 |
-
|
| 209 |
-
.dark .result { color: #fff; }
|
| 210 |
-
.dark .result .Keyword {color:#0095ff !important; /* #28B4E1 */}
|
| 211 |
-
.dark .result .StringLiteral {color:#E44 !important;}
|
| 212 |
-
.dark .result .Number {color: #EE7F18 !important;}
|
| 213 |
-
.dark .result .Parenthesis {color:#636363 !important; /* #28B4E1 */}
|
| 214 |
-
.dark .result .Comment {color:#86C573 !important;}
|
| 215 |
-
.dark .result .Variable {color:#44e8e7 !important; /*#49b0af*/}
|
| 216 |
-
.dark .result .QueryParameter {color:#decd06 !important;}
|
| 217 |
-
|
| 218 |
-
.dark .result .indent8 { border-right:1px solid #4d4d4d; }
|
| 219 |
-
.dark .svcdesc, .dark .changes h4 { color: #f0f0f0}
|
| 220 |
-
|
| 221 |
-
/* Light Theme */
|
| 222 |
-
body.light { background:#fff;}
|
| 223 |
-
.light header {background:#eee; color:#333;}
|
| 224 |
-
.light code { background: #ccc; color: #333; }
|
| 225 |
-
.light .editor pre, .light .editor textarea { color:#333; border-left: 4px solid #ccc; }
|
| 226 |
-
.light .editor pre.placeholder, .light .editor textarea.placeholder { color:#aaa; }
|
| 227 |
-
.light .editor pre.readonly, .light .editor textarea.readonly {color:#aaa}
|
| 228 |
-
.light ::-webkit-input-placeholder { color:#aaa; }
|
| 229 |
-
.light :-moz-placeholder { color:#aaa; }
|
| 230 |
-
.light ::-moz-placeholder { color:#aaa; }
|
| 231 |
-
.light :-ms-input-placeholder { color:#aaa; }
|
| 232 |
-
|
| 233 |
-
|
| 234 |
-
.light .theme img { background:url(images/switch.png) no-repeat left bottom; background-size: 19px 38px;}
|
| 235 |
-
.light .theme, .light .theme a, .light .theme a:hover, .light .theme a:visited {color:#333;}
|
| 236 |
-
|
| 237 |
-
.light .htmlonly img { background:url(images/code.png) no-repeat left bottom; background-size: 19px 38px;}
|
| 238 |
-
.light .htmlonly, .light .htmlonly a, .light .htmlonly a:hover, .light .htmlonly a:visited {color:#333;}
|
| 239 |
-
|
| 240 |
-
.light .options img { background:url(images/settings.png) no-repeat left bottom;background-size: 19px 38px;}
|
| 241 |
-
.light .options, .light .options a, .light .options a:hover, .light .options a:visited {color:#333;}
|
| 242 |
-
.light .options-panel,
|
| 243 |
-
.light .options.active {
|
| 244 |
-
background: #e0e0e0
|
| 245 |
-
}
|
| 246 |
-
|
| 247 |
-
.light .options-panel .description { color: #999; }
|
| 248 |
-
.light .options-panel select {background:#eee url(images/arrow-light.png) no-repeat 95% center; color:#333;}
|
| 249 |
-
|
| 250 |
-
.light .linemode, .light .linemode a, .light .linemode a:hover, .light .linemode a:visited {color:#333;}
|
| 251 |
-
|
| 252 |
-
.light .lines { border-right: 4px solid #ccc; }
|
| 253 |
-
.light .lineno {color:#ccc; }
|
| 254 |
-
|
| 255 |
-
.light .reporting img { background:url(images/bug-light.png) no-repeat left top; background-size:21px 19px}
|
| 256 |
-
.light .reporting, .light .reporting a, .light .reporting a:hover, .light .reporting a:visited {color:#333;}
|
| 257 |
-
|
| 258 |
-
.light .controls {}
|
| 259 |
-
.light .controls a, .light .controls a:active, .light .controls a:visited, .light .controls a:hover, .light .topcontrols a, .light .topcontrols a:active, .light .topcontrols a:visited, .light .topcontrols a:hover {color:#666}
|
| 260 |
-
.light .controls .pressed, .light .controls a.btn:active, .light .btn:active, .light .topcontrols .pressed, .light .topcontrols a.btn:active {background:#aaa !important}
|
| 261 |
-
|
| 262 |
-
.light .result .Keyword {color:#035aca !important; /* #0070FF */ }
|
| 263 |
-
.light .result .StringLiteral {color: #D93124 !important;}
|
| 264 |
-
.light .result .Number {color: #EE7F18 !important;}
|
| 265 |
-
.light .result .Parenthesis {color:#808080 !important; /* #969696 */}
|
| 266 |
-
.light .result .Comment {color:#39a03b !important; /* #108313 */}
|
| 267 |
-
.light .result .Variable {color:#49b0af !important;}
|
| 268 |
-
.light .result .QueryParameter {color:#dc419d !important;}
|
| 269 |
-
|
| 270 |
-
.light .result .indent8 { border-right:1px solid #ccc; }
|
| 271 |
-
|
| 272 |
-
/* Common network */
|
| 273 |
-
.network { background: #404040; color: #666; padding:20px 0; margin-top:10px; text-align: center; }
|
| 274 |
-
.network .sites { padding:0; margin:0 auto; overflow:hidden; list-style: none; }
|
| 275 |
-
.network .sites li { list-style: none; margin:0; padding: 10px 20px 0 20px; display: inline-block; }
|
| 276 |
-
.network .sites li img { height:38px; width:auto; opacity: 0.3; }
|
| 277 |
-
.network .sites li img.selected, .network .sites li img:hover { opacity: 1; }
|
| 278 |
-
|
| 279 |
-
/* Home */
|
| 280 |
-
.svcdesc { float:left; width:55%; font-size:17px; line-height:30px; color:#777; }
|
| 281 |
-
.svcdesc .smaller {color:#999; font-size:14px; line-height:22px; }
|
| 282 |
-
.svcdesc .ulfl {overflow:hidden}
|
| 283 |
-
.svcdesc .ulfl ul {float:left; width:40%; max-width:200px}
|
| 284 |
-
|
| 285 |
-
.changes {font-size:13px; line-height:24px; }
|
| 286 |
-
.changes .rss {display:inline-block; margin:-5px 0 0 20px;}
|
| 287 |
-
.changes h4 {margin:5px 0; color:#777; font-size:13px; line-height:21px }
|
| 288 |
-
.change em {display:inline-block; margin-top:12px; font-size:13px}
|
| 289 |
-
.change span {font-size:12px; line-height:17px; display:inline-block; margin:-10px 0 5px 0}
|
| 290 |
-
.changes .expandable {display:none;}
|
| 291 |
-
|
| 292 |
-
|
| 293 |
-
/* Comments */
|
| 294 |
-
.comments { width:90%; }
|
| 295 |
-
.comments .disqus-count { display:none; }
|
| 296 |
-
.comments .disqus-count.expanded { max-height: auto; }
|
| 297 |
-
#disqus_thread { overflow: hidden; max-height:300px; }
|
| 298 |
-
#disqus_thread.expanded { max-height: none; }
|
| 299 |
-
.comments .disqus-alert{ display:none; position:absolute; text-align: center; left: 0; right: 0; margin: 0; padding: 0 30px; margin-top: 68px; font-size: 13px; line-height:20px; font-family: "Helvetica Neue", arial, sans-serif; color:#687a86; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
|
| 300 |
-
.comments .disqus-more { display:none; position:absolute; margin-top: -50px; height: 45px; left:0; width:55%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%); text-align: center; font-size: 30px; padding-top:20px; }
|
| 301 |
-
.dark .comments .disqus-more { background: -moz-linear-gradient(top, rgba(30,30,30,0) 0%, rgba(30,30,30,1) 70%); background: -webkit-linear-gradient(top, rgba(30,30,30,0) 0%,rgba(30,30,30,1) 70%); background: linear-gradient(to bottom, rgba(30,30,30,0) 0%,rgba(30,30,30,1) 70%); }
|
| 302 |
-
|
| 303 |
-
.comments .expand-comments { background: #fff; padding:10px 15px; font-family: "Helvetica Neue", arial, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.2; color:#687a86 /*lighten(@disqus-color, 10%) */; border:2px solid #687a86 /*lighten(@disqus-color, 40%)*/; text-transform: uppercase; text-align: center; letter-spacing: 1px; cursor: pointer; border-radius: 1em; }
|
| 304 |
-
.dark .comments .expand-comments { background: #1e1e1e; color:#fff; border-color:#fff}
|
| 305 |
-
.comments .expand-comments:hover { color:#fff; background:#687a86 /*lighten(@disqus-color, 40%)*/;}
|
| 306 |
-
.dark .comments .expand-comments:hover { color: #1e1e1e; background: #fff;}
|
| 307 |
-
|
| 308 |
-
.newsletter {font-size:14px; line-height:20px;}
|
| 309 |
-
form {margin-top: 10px;}
|
| 310 |
-
.newsletter #df-subscribe {-webkit-appearance:none; border:0; background: #f2f2f2; width: 60%; margin:0; display:inline-block; vertical-align:middle; padding: 10px; font-size:15px;border-radius:3px; -webkit-border-radius:3px;}
|
| 311 |
-
.newsletter #df-feedback { color:#EB4D2F; font-size:18px; line-height:26px; margin:20px 0 }
|
| 312 |
-
.newsletter #df-subscribe-do {font-size:14px; padding:9px 15px}
|
| 313 |
-
|
| 314 |
-
.side { float:right; width:35%; color:#999; font-size:12px; line-height:19px }
|
| 315 |
-
.side .sam { margin:0 0 30px 0; }
|
| 316 |
-
.side .sam img { display: inline-block;}
|
| 317 |
-
.badge {margin:10px 0}
|
| 318 |
-
|
| 319 |
-
.badge img {display:inline-block; padding:15px 15px 15px 15px; -webkit-border-top-right-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-top-left-radius: 3px; cursor:pointer}
|
| 320 |
-
.badge img.active {background: #f2f2f2;}
|
| 321 |
-
|
| 322 |
-
.badge pre {font-family: 'Inconsolata', 'Consolas', monospace; font-size:12px; line-height:16px; padding: 15px; word-wrap:break-word; max-width:90%; background: #f2f2f2; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:none }
|
| 323 |
-
.badge pre.active {display:block}
|
| 324 |
-
|
| 325 |
-
|
| 326 |
-
|
| 327 |
-
.embedded .badge {display:block; margin:5px 0 0 10px}
|
| 328 |
-
.embedded .result {display:block; float:none; line-height:1 !important; width:100% !important; margin:0}
|
| 329 |
-
.embedded .result .formatted {padding:10px}
|
| 330 |
-
|
| 331 |
-
.terms { font-size:15px; line-height:24px ; text-align: left}
|
| 332 |
-
|
| 333 |
-
#bug-report-form { font-size:19px; line-height:28px; background:#fff url(images/bug-big.png) no-repeat 580px 20px; }
|
| 334 |
-
|
| 335 |
-
#bug-form input[type=text], #bug-form input[type=email], #bug-form textarea {-webkit-appearance:none; width:70%; height:30px; border:0; background:#f2f2f2; border-radius:3px; -webkit-border-radius:3px; padding:5px 10px; display:inline-block; margin:5px 0; color:#333 }
|
| 336 |
-
#bug-form textarea {height:120px; margin:20px 0}
|
| 337 |
-
|
| 338 |
-
#bug-form label.error {font-size:14px; line-height:20px; color:#EA4D2F; display: inline-block;
|
| 339 |
-
margin: 0 0 0 20px;}
|
| 340 |
-
|
| 341 |
-
#bug-feedback { display:none; font-size:26px; line-height:38px; color:#EB4D2F; margin:20px 0 }
|
| 342 |
-
|
| 343 |
-
.dialog {display: none; position: fixed; top: 5%; left: 50%; margin-left: -300px; width: 600px;
|
| 344 |
-
color: #333; background:#fff; padding:30px; overflow:hidden; -webkit-overflow-scrolling: touch; }
|
| 345 |
-
|
| 346 |
-
.jqmOverlay { background-color: #000; }
|
| 347 |
-
.fb-like {display:inline-block; margin-right:20px;}
|
| 348 |
-
|
| 349 |
-
/* Raw */
|
| 350 |
-
.raw .logo { max-width: 100%;}
|
| 351 |
-
.raw textarea {width:100%; height:150px; border:1px solid #ccc; font-size:15px; line-height:22px}
|
| 352 |
-
.raw select, .raw input[type=text] {font-size:15px; line-height:22px; width: 200px; max-width: 100%;}
|
| 353 |
-
.raw label { display:inline-block; width:80px; }
|
| 354 |
-
.raw .terms { font-size:13px; line-height:22px; margin:20px 0 }
|
| 355 |
-
|
| 356 |
-
/* Cookie bar */
|
| 357 |
-
#cookie-bar .button {
|
| 358 |
-
outline:none; border:0; vertical-align:middle; -webkit-appearance:none; background:#EB4D2F ; padding:8px 15px; text-align:center; border-radius:5px; -webkit-border-radius:5px; white-space:nowrap; font-size:12px; margin:15px 0 0 0; display: block;
|
| 359 |
-
color:#fff !important; text-transform: uppercase;
|
| 360 |
-
}
|
| 361 |
-
#cookie-bar .button, #cookie-bar a.button, #cookie-bar a.button:visited, #cookie-bar a.button:active {display:inline-block; color:#fff !important; font-size: 14px; line-height:22px; font-weight:700; text-transform:uppercase}
|
| 362 |
-
#cookie-bar a.button:hover {background:#e7330f }
|
| 363 |
-
|
| 364 |
-
/* Privacy */
|
| 365 |
-
.page-privacy {}
|
| 366 |
-
|
| 367 |
-
.page-privacy p {margin:10px 0}
|
| 368 |
-
.page-privacy h3 {font-size:20px; margin:45px 0 10px 0 }
|
| 369 |
-
.page-privacy h3.title {font-size:30px; margin:10px 0 30px 0; color:#333}
|
| 370 |
-
.page-privacy h4 {font-size:16px; margin:30px 0 10px 0 }
|
| 371 |
-
.page-privacy h5 {font-size: 16px;line-height: 22px;margin:15px; color:#444; }
|
| 372 |
-
.page-privacy li div {margin-left:20px}
|
| 373 |
-
.page-privacy li div.svc {padding:20px 20px 10px 20px; width:80%; margin-top:20px; border:1px solid #ccc; }
|
| 374 |
-
.page-privacy li div.svc h4 {margin-top:0}
|
| 375 |
-
.page-privacy table {border-collapse: collapse; width:100%; max-width: 700px}
|
| 376 |
-
.page-privacy th, .page-privacy td {border:1px solid #666; padding:5px;}
|
| 377 |
-
.page-privacy th {font-weight: bold; background: #ddd}
|
| 378 |
-
|
| 379 |
-
/* Logo Animation */
|
| 380 |
-
.anilogo { width:240px; margin:30px auto 0 auto; display: none;}
|
| 381 |
-
.anilogo .block { display:block; margin:8px 0; }
|
| 382 |
-
.anilogo .sublock { display:inline-block; background:#e14e37; height:35px; margin:0 4px; border-radius:2px; animation: 1.2s ease-out 0s infinite alternate; }
|
| 383 |
-
.anilogo .b1 { width:108px; animation-name: b1ani; }
|
| 384 |
-
.anilogo .b2 { width:44px; animation-name: b2ani; }
|
| 385 |
-
.anilogo .b3 { width:90px; animation-name: b3ani; }
|
| 386 |
-
.anilogo .b4 { width:28px; animation-name: b4ani; }
|
| 387 |
-
.anilogo .b5 { width:56px; animation-name: b5ani; }
|
| 388 |
-
|
| 389 |
-
@keyframes b1ani {
|
| 390 |
-
0% { margin-left:0; }
|
| 391 |
-
70% { margin-left:-20px;}
|
| 392 |
-
100% { margin-left:0;}
|
| 393 |
-
}
|
| 394 |
-
@keyframes b2ani {
|
| 395 |
-
0% { margin-left:-45px; }
|
| 396 |
-
40% { margin-left:10px;}
|
| 397 |
-
80% {margin-left:4px;}
|
| 398 |
-
100% {margin-left:-5px;}
|
| 399 |
-
}
|
| 400 |
-
@keyframes b3ani {
|
| 401 |
-
0% { margin-left:0; }
|
| 402 |
-
50% { margin-left:48px;}
|
| 403 |
-
100% { margin-left:10px; }
|
| 404 |
-
}
|
| 405 |
-
@keyframes b4ani {
|
| 406 |
-
0% { margin-left:-10px; }
|
| 407 |
-
30% { margin-left:40px;}
|
| 408 |
-
70% { margin-left:4px; }
|
| 409 |
-
100% {margin-left:-30px; }
|
| 410 |
-
}
|
| 411 |
-
@keyframes b5ani {
|
| 412 |
-
0% { margin-left:0; }
|
| 413 |
-
70% { margin-left:30px;}
|
| 414 |
-
100% { margin-left:60px; }
|
| 415 |
-
}
|
| 416 |
-
|
| 417 |
-
/* Media queries */
|
| 418 |
-
@media only screen and (max-width: 1150px) {
|
| 419 |
-
.app {display:inline-block} .desk {display:none}
|
| 420 |
-
.result {width:85%; font-size:20px}
|
| 421 |
-
.editor {width:80% !important}
|
| 422 |
-
|
| 423 |
-
}
|
| 424 |
-
|
| 425 |
-
@media only screen and (max-width : 960px) {
|
| 426 |
-
|
| 427 |
-
.app {display:inline-block} .desk {display:none}
|
| 428 |
-
.result {width:85%; font-size:20px}
|
| 429 |
-
.editor {width:80% !important}
|
| 430 |
-
|
| 431 |
-
}
|
| 432 |
-
|
| 433 |
-
@media only screen and (max-width : 768px) {
|
| 434 |
-
|
| 435 |
-
.signup {background-image:url(images/signup-blurred.png) ;}
|
| 436 |
-
}
|
| 437 |
-
|
| 438 |
-
@media only screen and (max-width : 480px) {
|
| 439 |
-
|
| 440 |
-
.signup .promo { max-width:100%; }
|
| 441 |
-
}
|
| 442 |
-
|
| 443 |
-
|
| 444 |
-
@media only screen and (max-width : 400px) {
|
| 445 |
-
|
| 446 |
-
}
|
| 447 |
-
|
| 448 |
-
@media only screen and (max-height : 320px) {
|
| 449 |
-
|
| 450 |
-
|
| 451 |
-
}
|
| 452 |
-
|
| 453 |
-
|
| 454 |
-
/* Retina adjustments */
|
| 455 |
-
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
|
| 456 |
-
|
| 457 |
-
|
| 458 |
-
.dark .theme img { background-image:url(images/switch@2x.png); }
|
| 459 |
-
.dark .htmlonly img { background-image:url(images/code@2x.png); }
|
| 460 |
-
.dark .options img { background-image:url(images/settings@2x.png); }
|
| 461 |
-
.dark .reporting img { background-image:url(images/bug-dark@2x.png); }
|
| 462 |
-
|
| 463 |
-
|
| 464 |
-
.light .theme img { background-image:url(images/switch@2x.png); }
|
| 465 |
-
.light .htmlonly img { background-image:url(images/code@2x.png); }
|
| 466 |
-
.light .options img { background-image:url(images/settings@2x.png); }
|
| 467 |
-
.light .reporting img { background-image:url(images/bug-light@2x.png); }
|
| 468 |
-
|
| 469 |
-
#bug-report-form {background-image:url(images/bug-big@2x.png);background-size:131px 124px }
|
| 470 |
-
}
|
| 471 |
-
|
| 472 |
-
|
| 473 |
-
/* Print style */
|
| 474 |
-
@media print {
|
| 475 |
-
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
|
| 476 |
-
a, a:visited { text-decoration: none; }
|
| 477 |
-
|
| 478 |
-
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
|
| 479 |
-
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
|
| 480 |
-
thead { display: table-header-group; }
|
| 481 |
-
tr, img { page-break-inside: avoid; }
|
| 482 |
-
img { max-width: 100% !important; }
|
| 483 |
-
@page { margin: 0.5cm; }
|
| 484 |
-
p, h2, h3 { orphans: 3; widows: 3; }
|
| 485 |
-
h2, h3 { page-break-after: avoid; }
|
| 486 |
-
.app {display:inline-block}
|
| 487 |
-
.desk {display:none}
|
| 488 |
-
.scr {display:none}
|
| 489 |
-
.prn {display:inline-block !important; visibility:visible}
|
| 490 |
-
|
| 491 |
-
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|