mirror of
https://github.com/hasura/graphql-engine.git
synced 2024-12-20 14:01:39 +03:00
191 lines
40 KiB
CSS
191 lines
40 KiB
CSS
|
/* Fonts */
|
|||
|
@import url('https://fonts.googleapis.com/css?family=Inconsolata');
|
|||
|
|
|||
|
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}p{margin:1em 0}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
|
|||
|
html{font-size:62.5%}/*!
|
|||
|
* Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
|
|||
|
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
|
|||
|
*/@font-face{font-family:'FontAwesome';src:url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?v=4.2.0");src:url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"),url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"),url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"),url("//netdna.bootstrapcdn.com/font-awesome/4.2.0/fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.icon{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-lg{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.icon-2x{font-size:2em}.icon-3x{font-size:3em}.icon-4x{font-size:4em}.icon-5x{font-size:5em}.icon-fw{width:1.28571em;text-align:center}.icon-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.icon-ul>li{position:relative}.icon-li{position:absolute;left:-2.14286em;width:2.14286em;top:.14286em;text-align:center}.icon-li.icon-lg{left:-1.85714em}.icon-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.icon.pull-left{margin-right:.3em}.icon.pull-right{margin-left:.3em}.icon-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.icon-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.icon-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.icon-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.icon-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.icon-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .icon-rotate-90,:root .icon-rotate-180,:root .icon-rotate-270,:root .icon-flip-horizontal,:root .icon-flip-vertical{filter:none}.icon-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.icon-stack-1x,.icon-stack-2x{position:absolute;left:0;width:100%;text-align:center}.icon-stack-1x{line-height:inherit}.icon-stack-2x{font-size:2em}.icon-inverse{color:#fff}.icon-glass:before{content:""}.icon-music:before{content:""}.icon-search:before{content:""}.icon-envelope-o:before{content:""}.icon-heart:before{content:""}.icon-star:before{content:""}.icon-star-o:before{content:""}.icon-user:before{content:""}.icon-film:before{content:""}.icon-th-large:before{content:""}.icon-th:before{content:""}.icon-th-list:before{content:""}.icon-check:before{content:""}.icon-remove:before,.icon-close:before,.icon-times:before{content:""}.icon-search-plus:before{content:""}.icon-search-minus:before{content:""}.icon-power-off:before{content:""}.icon-signal:before{content:""}.icon-gear:before,.icon-cog:before{content:""}.icon-trash-o:before{content:""}.icon-home:before{content:""}.icon-file-o:before{content:""}.icon-clock-o:before{content:""}.icon-road:before{content:""}.icon-download:before{content:""}.icon-arrow-circle-o-down:before{content:""}.icon-arrow-circle-o-up:before{content:""}.icon-inbox:before{content:"
|
|||
|
|
|||
|
[role="main"]{background:#fff;padding:1px 10px 40px}
|
|||
|
#sidebar { padding-left: 3%; max-width: 100vw; font-family: sans-serif;}
|
|||
|
@media screen and (min-width: 768px) {
|
|||
|
[role="main"] {
|
|||
|
min-height:800px;border:1px solid #ddd;float:left;margin:0;padding-bottom:80px;padding-left:3%;padding-right:3%;width:60%
|
|||
|
}
|
|||
|
#sidebar {
|
|||
|
width: 30%;
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
.full-width [role="main"]{border:none;box-shadow:none;float:none;margin:0 auto;padding:0 10px 40px;width:auto}
|
|||
|
@media screen and (min-width: 768px){.full-width [role="main"]{max-width:740px;padding:20px 0 40px;width:91.66667%}
|
|||
|
}
|
|||
|
[role="main"] .section{padding-bottom:40px;border-bottom:1px solid #CFE3DC}
|
|||
|
[role="main"] .section:last-of-type{padding-bottom:0;border-bottom:0}
|
|||
|
|
|||
|
.full-width.container{width:100%;padding:0;max-width:none;border-bottom:1px solid #ddd;background:#fff}
|
|||
|
.full-width:before,.full-width:after{content:"";display:table}
|
|||
|
.full-width:after{clear:both}
|
|||
|
.container:before,.container:after{content:"";display:table}
|
|||
|
.container:after{clear:both}
|
|||
|
@media screen and (min-width: 768px){.container{margin:0 auto;max-width:1400px;padding:0 4.16667%}
|
|||
|
}
|
|||
|
[role="banner"]{background:#0C4B33;overflow:hidden;margin:0;padding:10px 0 6px;position:relative;z-index:0}
|
|||
|
[role="banner"]:before,[role="banner"]:after{content:"";display:table}
|
|||
|
[role="banner"]:after{clear:both}
|
|||
|
@media screen and (min-width: 768px){[role="banner"] .container{position:relative}
|
|||
|
}
|
|||
|
[role="banner"] .meta{font-size:13px;font-size:1.3rem;color:#44B78B;font-weight:700;width:auto;float:left;margin:8px 0 0 10px;display:none}
|
|||
|
@media screen and (min-width: 1150px){[role="banner"] .meta{float:left;width:200px;display:block}
|
|||
|
}
|
|||
|
[role="banner"] [role="navigation"]{background:#0C4B33;width:100%}
|
|||
|
@media screen and (min-width: 768px){[role="banner"] [role="navigation"]{width:auto;float:right}
|
|||
|
}
|
|||
|
[role="banner"] [role="navigation"] ul{margin:10px 0 0;padding:0}
|
|||
|
@media screen and (min-width: 768px){[role="banner"] [role="navigation"] ul{margin:0}
|
|||
|
}
|
|||
|
[role="banner"] [role="navigation"] li{font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif;font-size:13px;font-size:1.3rem;display:block;font-weight:700;line-height:16px;text-align:left;text-transform:uppercase;margin:0 10px;border-top:1px solid #106142}
|
|||
|
@media screen and (min-width: 768px){[role="banner"] [role="navigation"] li{margin:0;border:0;float:left;text-align:left}
|
|||
|
}
|
|||
|
[role="banner"] [role="navigation"] li.active a{color:#44B78B}
|
|||
|
[role="banner"] [role="navigation"] a{color:#fff;display:block;padding:20px 0px;text-decoration:none}
|
|||
|
[role="banner"] [role="navigation"] a:active,[role="banner"] [role="navigation"] a:hover{color:#C9F0DD}
|
|||
|
@media screen and (min-width: 768px){[role="banner"] [role="navigation"] a{padding:20px 10px}
|
|||
|
}
|
|||
|
.header{font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif;background:#0C4B33;margin:0;padding:11px 0px 8px;position:relative}
|
|||
|
.header h1{margin:0.4em 0}
|
|||
|
.header p{font-family:Palatino, "Palatino Linotype", "Book Antiqua", "Hoefler Text", Georgia, "Lucida Bright", Cambria, Times, "Times New Roman", serif;font-size:18px;font-size:1.8rem;color:#fff;left:-9999px;line-height:1.5;padding:0 0 10px;position:absolute;top:0;max-width:660px}
|
|||
|
@media screen and (min-width: 768px){.header p{position:static}
|
|||
|
}
|
|||
|
[role="alert"]{clear:both;background:#F1FFF7;position:relative;box-shadow:0 -2px 8px 0 rgba(0,0,0,0.05)}
|
|||
|
[role="alert"] a{color:#20AA76;text-decoration:none}
|
|||
|
[role="alert"] a:visited{color:#20AA76}
|
|||
|
[role="alert"] a:hover,[role="alert"] a:active,[role="alert"] a:focus{color:#25c488;text-decoration:none}
|
|||
|
[role="alert"] dl{margin:0 10px;padding:25px 0}
|
|||
|
[role="alert"] dl:before,[role="alert"] dl:after{content:"";display:table}
|
|||
|
[role="alert"] dl:after{clear:both}
|
|||
|
[role="alert"] dl dt i.icon{color:#20AA76;margin-right:8px}
|
|||
|
[role="alert"] dl dd{float:left;width:60%;margin-top:0;font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif}
|
|||
|
@media screen and (min-width: 768px){[role="alert"] dt{float:left;width:31%;padding-right:2%}
|
|||
|
[role="alert"] dl{margin:0}
|
|||
|
}
|
|||
|
.meta{font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif;font-size:14px;font-size:1.4rem;display:block;line-height:1.3;margin:25px 0 20px}
|
|||
|
.meta a{color:#20AA76;text-decoration:none}
|
|||
|
.meta a:visited{color:#20AA76}
|
|||
|
.meta a:hover,.meta a:active,.meta a:focus{color:#25c488;text-decoration:none}
|
|||
|
.blue{color:#20AA76}
|
|||
|
.label{font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif;font-size:16px;font-size:1.6rem;color:#cacfcd;display:block;font-weight:700;margin:20px 0 10px;text-transform:uppercase}
|
|||
|
.section h2{margin:50px 0 30px}
|
|||
|
.section h3{margin:40px 0 20px}
|
|||
|
.headerlink{opacity:0;padding-left:10px;font-size:0.8em;position:absolute;left:0;font-weight:700;text-decoration:none;-webkit-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out; color: #1CD3C6 !important;}
|
|||
|
h1:hover>.headerlink,h2:hover>.headerlink,h3:hover>.headerlink,h4:hover>.headerlink,h5:hover>.headerlink,h6:hover>.headerlink,dl:hover>.headerlink,dt:hover>.headerlink{opacity:1}
|
|||
|
.note,.admonition{background:#F1FFF7;padding:15px 20px 15px 70px;border:1px solid #C9F0DD;border-radius:4px;margin:25px 0;position:relative;
|
|||
|
background: #f1f9ff;
|
|||
|
border: 1px solid #c9e0f0;
|
|||
|
}
|
|||
|
.note h1,.note h2,.note h3,.note h4,.admonition h1,.admonition h2,.admonition h3,.admonition h4{margin-top:20px}
|
|||
|
.note p,.admonition p{margin:0.8em 0}
|
|||
|
.note .first,.admonition .first{margin-top:0}
|
|||
|
.note .admonition-title,.admonition .admonition-title{font-weight:bold}
|
|||
|
.note .admonition-title::before,.admonition .admonition-title::before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:20px;left:20px;font-size:30px;width:34px;text-align:center;content:"";opacity:0.5}
|
|||
|
|
|||
|
.note .last,.note .highlight,.admonition .last,.admonition .highlight{margin-bottom:0px}
|
|||
|
#docs-content{font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif;font-size:14px;font-size:1.4rem;line-height:1.5em}
|
|||
|
#docs-content h1,#docs-content h2,#docs-content h3,#docs-content h4,#docs-content h5,#docs-content h6{margin:1.2em 0;line-height:1.1em;
|
|||
|
position: relative; padding-left: 1em !important; margin-left: -1em !important;}
|
|||
|
#docs-content .section{padding:20px 0 20px}
|
|||
|
#docs-content img{display:block;max-width:100%}
|
|||
|
#docs-content a.reference{color:#6A0E0E;text-decoration:none;border-bottom:1px dotted #798780}
|
|||
|
#docs-content a.reference:visited{border-color:#971414}
|
|||
|
#docs-content a.reference:active,#docs-content a.reference:focus,#docs-content a.reference:hover{background:#F1FFF7;color:#BA2121}
|
|||
|
#docs-content a.reference em{font-style:normal}
|
|||
|
#docs-content code.literal{font-weight:700}
|
|||
|
.deprecated{font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif;font-weight:bold;margin-bottom:20px;padding:10px 13px;border:1px solid #C9F0DD;border-radius:4px}
|
|||
|
.deprecated p{font-weight:normal;margin-top:0.3em}
|
|||
|
.deprecated p:last-child{margin-bottom:0}
|
|||
|
.deprecated .deprecated{border:none;padding:0;margin-bottom:0;display:block}
|
|||
|
.deprecated p{font-weight:normal;margin-top:0}
|
|||
|
.deprecated p:last-child{margin-bottom:0}
|
|||
|
dl.function dt,dl.class dt,dl.method dt,dl.exception dt{font-weight:700}
|
|||
|
dl.function dd,dl.class dd,dl.method dd,dl.exception dd{padding-left:1.4em}
|
|||
|
table.docutils td,table.docutils th{border-bottom:1px solid #CFE3DC}
|
|||
|
form{font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif;font-size:16px;font-size:1.6rem}
|
|||
|
form input[type="search"],form input[type="text"],form input[type="email"],form input[type="password"],form input[type="number"],form input[type="url"],form textarea{font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif;font-size:16px;font-size:1.6rem;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #CFE3DC;border-radius:4px;cursor:auto;display:block;font-weight:400;height:30px;margin:10px 0px;padding:6px 14% 8px 10px;text-indent:0;vertical-align:middle;width:82%}
|
|||
|
@media screen and (min-width: 768px){form input[type="search"],form input[type="text"],form input[type="email"],form input[type="password"],form input[type="number"],form input[type="url"],form textarea{padding:6px 18% 8px 10px;width:80%}
|
|||
|
}
|
|||
|
form input[type="search"]::-ms-clear,form input[type="text"]::-ms-clear,form input[type="email"]::-ms-clear,form input[type="password"]::-ms-clear,form input[type="number"]::-ms-clear,form input[type="url"]::-ms-clear,form textarea::-ms-clear{display:none}
|
|||
|
form input[type="search"]:active,form input[type="search"]:focus,form input[type="text"]:active,form input[type="text"]:focus,form input[type="email"]:active,form input[type="email"]:focus,form input[type="password"]:active,form input[type="password"]:focus,form input[type="number"]:active,form input[type="number"]:focus,form input[type="url"]:active,form input[type="url"]:focus,form textarea:active,form textarea:focus{outline:none;border-color:#20AA76}
|
|||
|
form textarea{height:auto}
|
|||
|
form input[type=checkbox]{margin-right:6px}
|
|||
|
form select{border:1px solid #CFE3DC;background:white;height:46px;padding:0 10px;border-radius:4px;font-size:16px;font-size:1.6rem}
|
|||
|
form button{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:#20AA76;border-radius:4px;color:white;border:0;height:46px;padding:0 15px;font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif;font-size:16px;font-size:1.6rem}
|
|||
|
form button:hover{background:#44B78B}
|
|||
|
@keyframes pixel-pulse{0%,100%{opacity:0.10}
|
|||
|
50%{opacity:0.25}
|
|||
|
}
|
|||
|
.messages{list-style-type:none;width:100%;padding-left:0}
|
|||
|
.messages li{padding:15px;background-color:#f1fbf6;color:#0C4B33;border:1px solid #0C4B33;border-radius:4px}
|
|||
|
.messages li::before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:30px;width:34px;text-align:center;float:left;margin-left:-5px;margin-right:10px}
|
|||
|
.messages li.info::before{content:""}
|
|||
|
.messages li.success{background-color:#ddf6ea;content:""}
|
|||
|
.messages li.success::before{content:""}
|
|||
|
.messages li.error{background-color:#ffeded;color:#6A0E0E;border-color:#6A0E0E}
|
|||
|
.messages li.error::before{content:""}
|
|||
|
pre.literal-block,.literal-block{font-size:14px;font-size:1.4rem;border:1px solid #EAEAEA;background:#F4F4F4;background:#f8f8f8;overflow:auto;border-radius:4px;margin:25px 0;padding:10px 20px;color:#0C4B33}
|
|||
|
.highlight{font-size:14px;font-size:1.4rem;border:1px solid #EAEAEA;background:#F4F4F4;background:#f8f8f8;overflow:auto;border-radius:4px;margin:25px 0}
|
|||
|
.highlight pre{margin:15px 20px}
|
|||
|
.highlight li{margin-top:0;border-left:1px solid #EAEAEA;padding:0 0 2px 15px}
|
|||
|
.highlight li:first-child{padding-top:2px}
|
|||
|
.highlight .hll{background-color:#ffffcc}
|
|||
|
.highlight .c{color:#408080;font-style:italic}
|
|||
|
.highlight .err{border:1px solid #FF0000}
|
|||
|
.highlight .k{color:#008000;font-weight:bold}
|
|||
|
.highlight .o{color:#666666}
|
|||
|
.highlight .cm{color:#408080;font-style:italic}
|
|||
|
.highlight .c1{color:#408080;font-style:italic}
|
|||
|
.highlight .go{color:#808080}
|
|||
|
.highlight .gt{color:#0040D0}
|
|||
|
.highlight .kc{color:#008000;font-weight:bold}
|
|||
|
.highlight .kd{color:#008000;font-weight:bold}
|
|||
|
.highlight .kn{color:#008000;font-weight:bold}
|
|||
|
.highlight .kr{color:#008000;font-weight:bold}
|
|||
|
.highlight .kt{color:#B00040}
|
|||
|
.highlight .m{color:#666666}
|
|||
|
.highlight .s{color:#BA2121}
|
|||
|
.highlight .na{color:#7D9029}
|
|||
|
.highlight .nb{color:#008000}
|
|||
|
.highlight .no{color:#880000}
|
|||
|
.highlight .ne{color:#D2413A;font-weight:bold}
|
|||
|
.highlight .nf{color:#0000FF}
|
|||
|
.highlight .nn{color:#0000FF;font-weight:bold}
|
|||
|
.highlight .nt{color:#008000;font-weight:bold}
|
|||
|
.highlight .nv{color:#19177C}
|
|||
|
.highlight .ow{color:#AA22FF;font-weight:bold}
|
|||
|
.highlight .w{color:#bbbbbb}
|
|||
|
.highlight .mf{color:#666666}
|
|||
|
.highlight .mi{color:#666666}
|
|||
|
.highlight .sb{color:#BA2121}
|
|||
|
.highlight .s2{color:#BA2121}
|
|||
|
.highlight .se{color:#BB6622;font-weight:bold}
|
|||
|
.highlight .sh{color:#BA2121}
|
|||
|
.highlight .s1{color:#BA2121}
|
|||
|
.highlight .ss{color:#19177C}
|
|||
|
@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
|
|||
|
a,a:visited{text-decoration:underline}
|
|||
|
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
|
|||
|
thead{display:table-header-group}
|
|||
|
tr,img{page-break-inside:avoid}
|
|||
|
img{max-width:100% !important}
|
|||
|
@page{margin:0.5cm}
|
|||
|
p,h2,h3{orphans:3;widows:3}
|
|||
|
h2,h3{page-break-after:avoid}
|
|||
|
html{font-size:40%}
|
|||
|
[role="navigation"]{display:none !important}
|
|||
|
}
|
|||
|
#dashboard{font-family:Avenir, "Lucida Grande", "Lucida Sans", sans-serif}
|
|||
|
#dashboard .full-width [role="main"]{margin:0 auto;text-align:center}
|
|||
|
.graph{margin:0 auto;width:100%;height:20em}
|
|||
|
|
|||
|
|