From aaf4d5ce9becfd2a0dc8b1dcbfa636a4f4b1a20e Mon Sep 17 00:00:00 2001 From: Angelos Chalaris Date: Mon, 22 Aug 2016 14:00:03 +0300 Subject: [PATCH] Base complete --- css/mini-base.css | 206 ++++++++++++++++++++++++++++++ css/mini-base.min.css | 1 + css/mini-full.css | 206 ++++++++++++++++++++++++++++++ css/mini-full.min.css | 1 + scss/mini-base.scss | 2 + scss/mini-full.scss | 2 + scss/mini/_base.scss | 255 ++++++++++++++++++++++++++++++++++++++ scss/mini/_variables.scss | 4 + testpage.html | 65 ++++++++++ 9 files changed, 742 insertions(+) create mode 100644 css/mini-base.css create mode 100644 css/mini-base.min.css create mode 100644 css/mini-full.css create mode 100644 css/mini-full.min.css create mode 100644 scss/mini-base.scss create mode 100644 scss/mini-full.scss create mode 100644 scss/mini/_base.scss create mode 100644 scss/mini/_variables.scss create mode 100644 testpage.html diff --git a/css/mini-base.css b/css/mini-base.css new file mode 100644 index 0000000..7bc938f --- /dev/null +++ b/css/mini-base.css @@ -0,0 +1,206 @@ +html { + font-family: "Helvetica Neue", Helvetica, sans-serif; + font-size: 1em; + line-height: 1.5; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; + color: #222; + background-color: #eee; } + +article, aside, footer, header, nav, section, figcaption, figure, main, details, menu { + display: block; } + +h1, h2, h3, h4, h5, h6, hr { + line-height: 1.15; + margin: 0.7em 0; + font-weight: 500; } + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, hr small { + color: #484848; + font-weight: 200; } + +h1 { + font-size: 2em; } + +h2 { + font-size: 1.5em; } + +h3 { + font-size: 1.15em; } + +h4 { + font-size: 1em; } + +h5 { + font-size: 0.8em; } + +h6 { + font-size: 0.7em; } + +small { + font-size: 75%; } + +p { + margin: 0 0 0.6em; } + +ul, +ol { + margin-top: 0; + margin-bottom: 0.6em; } + ul ul, + ul ol, + ol ul, + ol ol { + margin-bottom: 0; } + +hr { + box-sizing: content-box; + overflow: visible; + height: 0; + border: 0; + border-top: 1px solid #c8c8c8; } + +code, kbd, samp, pre { + font-family: monospace; + font-size: 1em; } + +code, pre { + padding: 2px 4px; + background-color: #d8d8d8; + border-radius: 4px; } + +kbd { + padding: 2px 4px; + color: #eee; + background-color: #2b2b2b; + border-radius: 4px; } + +pre { + display: block; + margin: 0 0 0.6em; + word-break: break-all; + word-wrap: break-word; } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; } + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; + color: #2678b3; } + a:active, a:hover { + outline-width: 0; + color: #3793d5; } + a:visited { + color: #1d5c89; } + a:visited:active, a:visited:hover { + color: #2678b3; } + +figure { + margin: 1em 40px; } + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; } + +b, strong { + font-weight: inherit; + font-weight: bolder; } + +dfn { + font-style: italic; } + +mark { + background-color: #ffff33; + color: #222; } + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sub { + bottom: -0.25em; } + +sup { + top: -0.5em; } + +[hidden], .hidden, template { + display: none; } + +audio, video { + display: inline-block; } + +audio:not([controls]) { + display: none; + height: 0; } + +img { + border-style: none; } + +svg:not(:root) { + overflow: hidden; } + +button, input, optgroup, select, textarea { + font-family: "Helvetica Neue", Helvetica, sans-serif; + font-size: 100%; + line-height: 1.3; + margin: 0; } + +button, input { + overflow: visible; } + +button, select { + text-transform: none; } + +button, html [type="button"], [type="reset"], [type="submit"] { + -webkit-appearance: button; } + button::-moz-focus-inner, html [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; } + button:-moz-focusring, html [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; } + +fieldset { + border: 1px solid #c8c8c8; + border-radius: 4px; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +legend, [type="checkbox"], [type="radio"] { + box-sizing: border-box; + padding: 0; } + +legend { + color: inherit; + display: table; + max-width: 100%; + white-space: normal; } + +progress { + display: inline-block; + vertical-align: baseline; } + +textarea { + overflow: auto; } + +[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { + height: auto; } + +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; } + [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; } diff --git a/css/mini-base.min.css b/css/mini-base.min.css new file mode 100644 index 0000000..39bdd30 --- /dev/null +++ b/css/mini-base.min.css @@ -0,0 +1 @@ +html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#222;background-color:#eee}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,hr{line-height:1.15;margin:.7em 0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,hr small{color:#484848;font-weight:200}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.8em}h6{font-size:.7em}small{font-size:75%}p{margin:0 0 .6em}ol,ul{margin-top:0;margin-bottom:.6em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}hr{box-sizing:content-box;overflow:visible;height:0;border:0;border-top:1px solid #c8c8c8}code,kbd,pre,samp{font-family:monospace;font-size:1em}code,pre{padding:2px 4px;background-color:#d8d8d8;border-radius:4px}kbd{padding:2px 4px;color:#eee;background-color:#2b2b2b;border-radius:4px}pre{display:block;margin:0 0 .6em;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#2678b3}a:active,a:hover{outline-width:0;color:#3793d5}a:visited{color:#1d5c89}a:visited:active,a:visited:hover{color:#2678b3}figure{margin:1em 40px}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff3;color:#222}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.hidden,[hidden],template{display:none}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:1.3;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c8c8c8;border-radius:4px;margin:0 2px;padding:.35em .625em .75em}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} \ No newline at end of file diff --git a/css/mini-full.css b/css/mini-full.css new file mode 100644 index 0000000..7bc938f --- /dev/null +++ b/css/mini-full.css @@ -0,0 +1,206 @@ +html { + font-family: "Helvetica Neue", Helvetica, sans-serif; + font-size: 1em; + line-height: 1.5; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; } + +body { + margin: 0; + color: #222; + background-color: #eee; } + +article, aside, footer, header, nav, section, figcaption, figure, main, details, menu { + display: block; } + +h1, h2, h3, h4, h5, h6, hr { + line-height: 1.15; + margin: 0.7em 0; + font-weight: 500; } + h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, hr small { + color: #484848; + font-weight: 200; } + +h1 { + font-size: 2em; } + +h2 { + font-size: 1.5em; } + +h3 { + font-size: 1.15em; } + +h4 { + font-size: 1em; } + +h5 { + font-size: 0.8em; } + +h6 { + font-size: 0.7em; } + +small { + font-size: 75%; } + +p { + margin: 0 0 0.6em; } + +ul, +ol { + margin-top: 0; + margin-bottom: 0.6em; } + ul ul, + ul ol, + ol ul, + ol ol { + margin-bottom: 0; } + +hr { + box-sizing: content-box; + overflow: visible; + height: 0; + border: 0; + border-top: 1px solid #c8c8c8; } + +code, kbd, samp, pre { + font-family: monospace; + font-size: 1em; } + +code, pre { + padding: 2px 4px; + background-color: #d8d8d8; + border-radius: 4px; } + +kbd { + padding: 2px 4px; + color: #eee; + background-color: #2b2b2b; + border-radius: 4px; } + +pre { + display: block; + margin: 0 0 0.6em; + word-break: break-all; + word-wrap: break-word; } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; } + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; + color: #2678b3; } + a:active, a:hover { + outline-width: 0; + color: #3793d5; } + a:visited { + color: #1d5c89; } + a:visited:active, a:visited:hover { + color: #2678b3; } + +figure { + margin: 1em 40px; } + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; } + +b, strong { + font-weight: inherit; + font-weight: bolder; } + +dfn { + font-style: italic; } + +mark { + background-color: #ffff33; + color: #222; } + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; } + +sub { + bottom: -0.25em; } + +sup { + top: -0.5em; } + +[hidden], .hidden, template { + display: none; } + +audio, video { + display: inline-block; } + +audio:not([controls]) { + display: none; + height: 0; } + +img { + border-style: none; } + +svg:not(:root) { + overflow: hidden; } + +button, input, optgroup, select, textarea { + font-family: "Helvetica Neue", Helvetica, sans-serif; + font-size: 100%; + line-height: 1.3; + margin: 0; } + +button, input { + overflow: visible; } + +button, select { + text-transform: none; } + +button, html [type="button"], [type="reset"], [type="submit"] { + -webkit-appearance: button; } + button::-moz-focus-inner, html [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; } + button:-moz-focusring, html [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; } + +fieldset { + border: 1px solid #c8c8c8; + border-radius: 4px; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } + +legend, [type="checkbox"], [type="radio"] { + box-sizing: border-box; + padding: 0; } + +legend { + color: inherit; + display: table; + max-width: 100%; + white-space: normal; } + +progress { + display: inline-block; + vertical-align: baseline; } + +textarea { + overflow: auto; } + +[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { + height: auto; } + +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; } + [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; } diff --git a/css/mini-full.min.css b/css/mini-full.min.css new file mode 100644 index 0000000..39bdd30 --- /dev/null +++ b/css/mini-full.min.css @@ -0,0 +1 @@ +html{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:1em;line-height:1.5;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;color:#222;background-color:#eee}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6,hr{line-height:1.15;margin:.7em 0;font-weight:500}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,hr small{color:#484848;font-weight:200}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.15em}h4{font-size:1em}h5{font-size:.8em}h6{font-size:.7em}small{font-size:75%}p{margin:0 0 .6em}ol,ul{margin-top:0;margin-bottom:.6em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}hr{box-sizing:content-box;overflow:visible;height:0;border:0;border-top:1px solid #c8c8c8}code,kbd,pre,samp{font-family:monospace;font-size:1em}code,pre{padding:2px 4px;background-color:#d8d8d8;border-radius:4px}kbd{padding:2px 4px;color:#eee;background-color:#2b2b2b;border-radius:4px}pre{display:block;margin:0 0 .6em;word-break:break-all;word-wrap:break-word}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#2678b3}a:active,a:hover{outline-width:0;color:#3793d5}a:visited{color:#1d5c89}a:visited:active,a:visited:hover{color:#2678b3}figure{margin:1em 40px}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff3;color:#222}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}.hidden,[hidden],template{display:none}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:100%;line-height:1.3;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner,html [type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring,html [type=button]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c8c8c8;border-radius:4px;margin:0 2px;padding:.35em .625em .75em}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} \ No newline at end of file diff --git a/scss/mini-base.scss b/scss/mini-base.scss new file mode 100644 index 0000000..be35e3b --- /dev/null +++ b/scss/mini-base.scss @@ -0,0 +1,2 @@ +@import 'mini/variables'; +@import 'mini/base'; \ No newline at end of file diff --git a/scss/mini-full.scss b/scss/mini-full.scss new file mode 100644 index 0000000..be35e3b --- /dev/null +++ b/scss/mini-full.scss @@ -0,0 +1,2 @@ +@import 'mini/variables'; +@import 'mini/base'; \ No newline at end of file diff --git a/scss/mini/_base.scss b/scss/mini/_base.scss new file mode 100644 index 0000000..ee5ac41 --- /dev/null +++ b/scss/mini/_base.scss @@ -0,0 +1,255 @@ +html { + font-family: "Helvetica Neue", Helvetica, sans-serif; + font-size: 1em; + line-height: 1.5; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; + color: $body-color; + background-color: $body-background-color; +} +article, aside, footer, header, nav, section, figcaption, figure, main, details, menu { + display: block; +} + +h1, h2, h3, h4, h5, h6, hr{ + line-height: 1.15; + margin: 0.7em 0; + font-weight: 500; + small{ + color: lighten($body-color, 15%); + font-weight: 200; + } +} + +h1{ + font-size: 2em; +} + +h2{ + font-size: 1.5em; +} + +h3{ + font-size: 1.15em; +} + +h4{ + font-size: 1em; +} + +h5{ + font-size: 0.8em; +} + +h6{ + font-size: 0.7em; +} + +small{ + font-size: 75%; +} + +p { + margin: 0 0 0.6em; +} + +ul, +ol { + margin-top: 0; + margin-bottom: 0.6em; + ul, + ol { + margin-bottom: 0; + } +} + +hr { + box-sizing: content-box; + overflow: visible; + height: 0; + border:0; + border-top:1px solid darken($body-background-color, 15%); +} + +code, kbd, samp, pre { + font-family: monospace; + font-size: 1em; +} + +code, pre { + padding: 2px 4px; + background-color: darken($body-background-color, 8.5%); + border-radius: 4px; +} + +kbd { + padding: 2px 4px; + color: $body-background-color; + background-color: lighten($body-color, 3.5%); + border-radius: 4px; +} + +pre { + display: block; + margin: 0 0 0.6em; + word-break: break-all; + word-wrap: break-word; + code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; + } +} + +a { + background-color: transparent; + -webkit-text-decoration-skip: objects; + color: $a-color; + &:active, &:hover{ + outline-width: 0; + color: lighten($a-color, 10%); + } + &:visited{ + color: darken($a-color, 10%); + &:active, &:hover{ + color: $a-color; + } + } +} + +figure { + margin: 1em 40px; +} + +abbr[title] { + border-bottom: none; + text-decoration: underline; + text-decoration: underline dotted; +} + +b, strong { + font-weight: inherit; + font-weight: bolder; +} + +dfn { + font-style: italic; +} + +mark { + background-color: $mark-color; + color: $body-color; +} + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +[hidden], .hidden, template { + display: none; +} + +audio, video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +img { + border-style: none; +} + +svg:not(:root) { + overflow: hidden; +} + +button, input, optgroup, select, textarea { + font-family: "Helvetica Neue", Helvetica, sans-serif; + font-size: 100%; + line-height: 1.3; + margin: 0; +} + +button, input { + overflow: visible; +} + +button, select { + text-transform: none; +} + +button, html [type="button"], [type="reset"], [type="submit"] { + -webkit-appearance: button; + &::-moz-focus-inner{ + border-style: none; + padding: 0; + } + &:-moz-focusring{ + outline: 1px dotted ButtonText; + } +} + +fieldset { + border: 1px solid darken($body-background-color, 15%); + border-radius: 4px; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend, [type="checkbox"], [type="radio"] { + box-sizing: border-box; + padding: 0; +} + +legend { + color: inherit; + display: table; + max-width: 100%; + white-space: normal; +} + +progress { + display: inline-block; + vertical-align: baseline; +} + +textarea { + overflow: auto; +} + +[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { + height: auto; +} + +[type="search"] { + -webkit-appearance: textfield; + outline-offset: -2px; + &::-webkit-search-cancel-button, &::-webkit-search-decoration { + -webkit-appearance: none; + } +} + +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} \ No newline at end of file diff --git a/scss/mini/_variables.scss b/scss/mini/_variables.scss new file mode 100644 index 0000000..e61f2f4 --- /dev/null +++ b/scss/mini/_variables.scss @@ -0,0 +1,4 @@ +$body-background-color: #eee; +$body-color: #222; +$a-color: #2678b3; +$mark-color: #ffff33; \ No newline at end of file diff --git a/testpage.html b/testpage.html new file mode 100644 index 0000000..fc9b86d --- /dev/null +++ b/testpage.html @@ -0,0 +1,65 @@ + + + + Test page for mini.css + + + + + + +

Heading 1 smaller

+

Heading 2 smaller


+

Paragraph: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent est mi, commodo vitae mauris at, sagittis vehicula sem. Quisque malesuada dui at justo maximus, vel placerat nibh blandit. Phasellus quis ipsum aliquam, fringilla ante sit amet, sagittis magna. In at dignissim eros, id vulputate tellus. Quisque orci urna, pretium in porttitor et, rhoncus in nulla. Aenean viverra ante in velit tincidunt, sit amet tincidunt ante suscipit. In malesuada consectetur molestie.

+
+ +
+
+
+
    +
  1. List element
    2. +
  2. List element
    3. +
  3. List element
    4. +
+ 
Ut sollicitudin arcu arcu, eget fermentum sem ullamcorper in.
+Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+Phasellus nec nisl nunc. Sed sit amet urna arcu.
+Donec non consequat tortor, id fermentum felis.
+Quisque elementum hendrerit egestas. In id rhoncus neque, eget mattis neque.
+Suspendisse varius turpis et dui viverra semper.
+
+
+

Heading 3 smaller

+
+ First name:
+ Last name:
+ +
+

Heading 4 smaller

+ + + + + + + + + +
MonthSavings
January$100
+
Heading 5 smaller
+ +
Heading 6 smaller
+ +
+
Etiam maximus, ante vitae porttitor tincidunt, sem erat pharetra turpis, a ornare tortor purus ut justo. +
+
+ +
Nam non diam ante. Curabitur non enim vitae eros luctus porta.
+ + \ No newline at end of file