No Issue - Implemented first run page

skin/defaults.css

-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-present eyeo GmbH
- *
- * website-defaults is free software: you can redistribute it and/or
- * modify it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * website-defaults is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
- */
-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-present eyeo GmbH
- *
- * website-defaults is free software: you can redistribute it and/or
- * modify it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * website-defaults is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
- */
-/*******************************************************************************
- * Variables
- *******************************************************************************
- * ~ WARNING ~ DO NOT EDIT THIS FILE!
- * Set variables within project specfic SCSS before including website defaults.
- *******************************************************************************
- * - Brand colors
- * - Fonts
- * - Spacing
- * - Breakpoints
- ******************************************************************************/
-/* Brand colors
- ******************************************************************************/
-/* Primary - The most widely used across all screens and components. */
-/* Secondary - Used to indicate a related action or information. */
-/* Accent - Used for action buttons and interactive elements. */
-/* Error - Used for error messages and warnings. */
-/* Fonts
- ******************************************************************************/
-/* Spacing
- ******************************************************************************/
-/* Breakpoints
- ******************************************************************************/
-/* Container widths
- ******************************************************************************/
 /*!
  * This file is part of website-defaults
  * Copyright (C) 2016-present eyeo GmbH
  *
  * website-defaults is free software: you can redistribute it and/or
  * modify it under the terms of the GNU General Public License as published by
  * the Free Software Foundation, either version 3 of the License, or
  * (at your option) any later version.
  *
  * website-defaults is distributed in the hope that it will be useful,
@@ skipping 117 matching lines @@
 img {
   /* Make fixed width images responsive */
   max-width: 100%;
   /* Remove the border on images inside links in IE 10-. */
   border-style: none; }
 
 /* Set correct display for hidden attribute in IE 10-  */
 [hidden] {
   display: none; }
 
-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-present eyeo GmbH
- *
- * website-defaults is free software: you can redistribute it and/or
- * modify it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * website-defaults is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
- */
+/*******************************************************************************
+ * Utilities
+ ******************************************************************************/
+/* Responsive widths
+ ******************************************************************************/
+/**
+ * Stretch content (e.g. images) full-width
+ */
+.full-width {
+  display: block;
+  width: 100%; }
+
+/**
+ * Center content within a (responsive) fixed width
+ */
+.container {
+  width: 1140px;
+  max-width: 100%;
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: 1em;
+  padding-left: 1em; }
+
+/* Device widths
+ ******************************************************************************/
+.phone-width {
+  width: auto; }
+
+.phablet-width {
+  width: 540px; }
+
+.tablet-width {
+  width: 720px; }
+
+.desktop-width {
+  width: 960px; }
+
+.large-desktop-width {
+  width: 1140px; }
+
+/* Clearfix
+ ******************************************************************************/
+.clearfix:after, .content:after,
+.clearfix:before,
+.content:before {
+  display: table;
+  content: " "; }
+
+.clearfix:after, .content:after {
+  clear: both; }
+
 /*******************************************************************************
  * Base styles
  ******************************************************************************/
 html {
   color: #212121;
   background-color: #fff;
   font-family: sans-serif;
   line-height: 1.5; }
 
-/**
- * Stretch content full-width
- */
-.full-width {
-  display: block;
-  width: 100%;
-  margin: 1em 0px; }
-
-/**
- * Center content within a (responsive) fixed width
- */
-.container {
-  width: auto;
-  max-width: 100%;
-  margin: 0px auto;
-  padding: 0px 1em; }
-
-@media (min-width: 768px) {
-  .container {
-    width: 720px; } }
-
-@media (min-width: 992px) {
-  .container {
-    width: 960px; } }
-
-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-present eyeo GmbH
- *
- * website-defaults is free software: you can redistribute it and/or
- * modify it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * website-defaults is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
- */
 /*******************************************************************************
  * Content styles
  *******************************************************************************
  * 1. Document
  * 2. Headings
  * 3. Body content
  ******************************************************************************/
 .content {
+  /* Clearfixed
+   ****************************************************************************/
   /* Document
   ****************************************************************************/
   /* Headings
   ****************************************************************************/
   /* Body content
   ****************************************************************************/ }
   .content p,
   .content ol,
   .content ul,
   .content dl,
@@ skipping 56 matching lines @@
     /* prevent double spacing lists */
     margin: 0em; }
   .content ol ol {
     list-style-type: lower-alpha; }
   .content dt {
     /* undo browser default (opinionated)*/
     font-weight: 600; }
   .content dd {
     margin: 0.25em 0em 1em 0em; }
 
-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-present eyeo GmbH
- *
- * website-defaults is free software: you can redistribute it and/or
- * modify it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * website-defaults is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
- */
 /*******************************************************************************
  * Grid component
  ******************************************************************************/
 /**
  * - .row contains one or more .column(s)
  * - .row clears .column(s)
  * - .row negates the left & right padding of it's left-most & right-most
  *   .column(s) while preserving consistent padding between .column(s)
  */
 .row {
@@ skipping 36 matching lines @@
     width: 33.333333%; }
   .two-thirds {
     width: 66.666667%; } }
 
 @media (min-width: 992px) {
   .one-fourth {
     width: 25%; }
   .three-fourths {
     width: 75%; } }
 
-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-2017 eyeo GmbH
- *
- * website-defaults is free software: you can redistribute it and/or
- * modify it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * website-defaults is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
- */
 /*******************************************************************************
  * Basic forms fields
  *******************************************************************************
- * 1. Reset
- ******************************************************************************/
+
 /* 1. Reset
  ******************************************************************************/
 /* Change the font styles in all browsers (opinionated). */
 input,
 optgroup,
 select,
 textarea {
   font: inherit; }
 
 /* Show the overflow in IE and Edge */
@@ skipping 16 matching lines @@
 
 /* Remove the default vertical scrollbar in IE. */
 textarea {
   overflow: auto; }
 
 /* Remove the padding in IE 10-. */
 [type="checkbox"],
 [type="radio"] {
   padding: 0px; }
 
-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-2017 eyeo GmbH
- *
- * website-defaults is free software: you can redistribute it and/or
- * modify it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * website-defaults is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
- */
 /*******************************************************************************
  * Adanced forms fields
  *******************************************************************************
- * 1. Reset
- ******************************************************************************/
+
 /* 1. Reset
  ******************************************************************************/
 /* Correct the cursor style of increment and decrement buttons in Chrome. */
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
   height: auto; }
 
 /* Use `-webkit-appearance: none` to reset inputs in iOS Safari */
 [type="date"],
 [type="time"],
 [type="datetime"],
 [type="datetime-local"],
 [type="month"],
 [type="week"],
 [type="search"],
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none; }
 
 [type="search"] {
   outline-offset: -2px; }
 
-/*!
- * This file is part of website-defaults
- * Copyright (C) 2016-2017 eyeo GmbH
- *
- * website-defaults is free software: you can redistribute it and/or
- * modify it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * website-defaults is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with website-defaults.  If not, see <http://www.gnu.org/licenses/>.
- */
 /*******************************************************************************
  * Buttons
  *******************************************************************************
- * 1. Reset
- ******************************************************************************/
+
 /* 1. Reset
  ******************************************************************************/
 button {
   margin: 0px;
   font: inherit;
   /* Show the overflow in IE and Edge */
   overflow: visible;
+  /* Remove rounded corners in Chrome 62+ */
+  border-radius: 0;
   /* Remove the inheritance of text transform in Edge, Firefox, and IE. */
   text-transform: none; }
 
 /**
  * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
  *    controls in Android 4.
  * 2. Correct the inability to style clickable types in iOS and Safari.
  */
 button,
 html [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button; }
 
 /* Remove the inner border and padding in Firefox. */
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
   padding: 0px;
   border-style: none; }
 
 /* Restore the focus styles unset by the previous rule. */
 button:-moz-focusring,
 [type="button"]:-moz-focusring,
 [type="reset"]:-moz-focusring,
 [type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText; }
+  outline: 1px dotted ButtonText; }