Трубецких Евгений

.stylelintrc.json

@@ -1,3 +1,9 @@
 {
-  "extends": "stylelint-config-hrundel"
-}
+    "extends": "stylelint-config-hrundel",
+    "rules": {
+        "selector-list-comma-newline-after": null,
+        "indentation": null,
+        "string-quotes": null,
+        "block-opening-brace-newline-before": null
+    }
+}

index.css

@@ -0,0 +1,257 @@
+h1,
+h2,
+h3,
+h4,
+h5 
+{
+    margin: 0;
+}
+
+body 
+{
+    background: url(https://blog.spoongraphics.co.uk/wp-content/uploads/2012/textures/24.jpg);
+    background-size: 300px;
+    margin: 0;
+    font-family: 'Droid Serif', serif;
+    min-width: 1200px;
+}
+
+body input[id='night-mode']:checked ~ main,
+body input[id='night-mode']:checked ~ header 
+{
+    color: white;
+    background: black;
+    border-color: black;
+}
+
+body input[name='font-size'][value='default']:checked ~ header,
+body input[name='font-size'][value='default']:checked ~ main 
+{
+    font-size: 1em;
+}
+
+body input[name='font-size'][value='1.1']:checked ~ header,
+body input[name='font-size'][value='1.1']:checked ~ main 
+{
+    font-size: 1.1em;
+}
+
+body input[name='font-size'][value='0.9']:checked ~ header,
+body input[name='font-size'][value='0.9']:checked ~ main 
+{
+    font-size: .9em;
+}
+
+body input[name='font-family'][value='Droid']:checked ~ header,
+body input[name='font-family'][value='Droid']:checked ~ main 
+{
+    font-family: 'Droid Serif', serif;
+}
+
+body input[name='font-family'][value='Roboto']:checked ~ header,
+body input[name='font-family'][value='Roboto']:checked ~ main 
+{
+    font-family: 'Roboto', sans-serif;
+}
+
+body input[name='font-family'][value='Fascinate']:checked ~ header,
+body input[name='font-family'][value='Fascinate']:checked ~ main 
+{
+    font-family: 'Fascinate Inline', cursive;
+}
+
+body header .header-content 
+{
+    width: 100%;
+    height: 100%;
+    background: url(https://goo.gl/NDPfze) no-repeat;
+    background-size: 100px;
+    background-position: 10%;
+    overflow: hidden;
+}
+
+body header .header-content .header-title
+{
+    font-family: 'Great Vibes', cursive;
+    font-size: 4em;
+    text-align: center;
+    margin: 20px 150px;
+}
+
+body header .header-content .header-weather
+{
+    float: right;
+    box-sizing: border-box;
+    width: 300px;
+    height: 100px;
+    border: 5px solid;
+    border-color: inherit;
+    padding: 5px;
+    font-size: .9em;
+    text-align: center;
+    margin-top: 10px;
+    margin-right: 30px;
+}
+
+body header .header-text-separator 
+{
+    font-family: 'Eczar', serif;
+    width: 100%;
+    height: 25px;
+    border: 5px solid inherit;
+    border-left: none;
+    border-right: none;
+    text-align: center;
+    text-transform: uppercase;
+}
+
+body .ornament-separator 
+{
+    background: url(http://photoshopia.ru/gallery_bkg/data/786/black_white_ornament_photoshopia_ru_69.png);
+    background-size: 30px;
+    height: 10px;
+    width: 100%;
+}
+
+body main .side-articles,
+body main .main-article 
+{
+    display: inline-block;
+    font-size: .8em;
+    border: 1px solid;
+    box-sizing: border-box;
+}
+
+body main .side-articles p,
+body main .main-article p 
+{
+    columns: 3;
+    column-rule-style: solid;
+    column-rule-width: 1px;
+    hyphens: auto;
+}
+
+body main .side-articles 
+{
+    float: left;
+    width: 40%;
+    border-right: none;
+}
+
+body main .main-article 
+{
+    width: 60%;
+}
+
+body main .main-article .articles-group-title 
+{
+    font-size: 1.6em;
+}
+
+body main .main-article .article-title 
+{
+    column-span: all;
+}
+
+body main .main-article .main-article-title 
+{
+    font-size: 2em;
+    text-align: center;
+    border-bottom: 2px solid;
+    border-color: inherit;
+}
+
+body main .main-article .main-article-img 
+{
+    width: 90%;
+    margin: 10px auto;
+    filter: sepia(100%);
+    display: block;
+}
+
+body main .advert 
+{
+    font-family: 'Pacifico', cursive;
+    border: 1px dashed;
+}
+
+body main .quote-of-the-day::before 
+{
+    content: 'Quote of the day: ';
+    display: block;
+    text-align: center;
+    font-weight: bold;
+    text-decoration: underline;
+}
+
+body main .quote-of-the-day 
+{
+    font-size: 1.5em;
+    border: 2px dotted;
+    border-left: none;
+    border-right: none;
+    padding: 5px;
+    font-family: 'Satisfy', cursive;
+}
+
+body main .quote-of-the-day .author 
+{
+    font-family: 'Droid Serif', serif;
+    display: block;
+}
+
+body main .quote-of-the-day .author::before 
+{
+    content: '- ';
+}
+
+body main .article-container 
+{
+    padding: 10px;
+    border-color: inherit;
+}
+
+body main .article-container span 
+{
+    display: block;
+}
+
+body main .article-container .articles-group-title 
+{
+    text-align: center;
+    border: 3px solid inherit;
+    border-left: none;
+    border-right: none;
+    letter-spacing: 10px;
+    padding: 10px;
+}
+
+body main .article-container .article-title 
+{
+    font-weight: bold;
+    font-size: 1.3em;
+    padding: 10px 0;
+    display: inline-block;
+}
+
+body main .article-container .article-text::first-letter 
+{
+    font-family: 'Great Vibes', cursive;
+    font-size: 2em;
+    font-weight: bold;
+}
+
+.no-margin 
+{
+    margin: 0;
+}
+
+.margin-right 
+{
+    margin-right: 40px;
+}
+
+.margin-top 
+{
+    margin-top: 40px;
+}