Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @charset "UTF-8";
- /* setjum box-sizing: border-box; á allt */
- html {
- /* stylelint-disable-line */
- box-sizing: border-box; }
- *, *:before, *:after {
- /* stylelint-disable-line */
- box-sizing: inherit;
- /* fjarlægjum margin og padding */
- padding: 0;
- margin: 0; }
- html {
- /* stylelint-disable-line */
- margin-right: 20px;
- margin-left: 20px;
- font-family: Lato, helvetica, arial, sans-serif;
- font-size: 16px;
- line-height: 1.5; }
- @media (min-width: 1200px) {
- html {
- margin: 0; } }
- img {
- /* stylelint-disable-line */
- max-width: 100%; }
- main {
- /* stylelint-disable-line */
- max-width: 1200px;
- margin: 0 auto;
- overflow-x: hidden; }
- .row {
- display: flex;
- flex-wrap: wrap;
- margin-right: -10px;
- margin-bottom: 20px;
- margin-left: -10px; }
- .col {
- padding-right: 10px;
- padding-left: 10px;
- text-align: center; }
- .col-12 {
- width: 100%; }
- .col-8 {
- width: 66.66667%; }
- .col-6 {
- width: 50%; }
- .col-4 {
- width: 33.33333%; }
- .col-3 {
- width: 25%; }
- @media (max-width: 599px) {
- .col-sm-12 {
- width: 100%; }
- .col-sm-8 {
- width: 66.66667%; }
- .col-sm-6 {
- width: 50%; }
- .col-sm-4 {
- width: 33.33333%; }
- .col-sm-3 {
- width: 25%; } }
- header {
- display: flex;
- flex-direction: column;
- margin-bottom: 2em;
- padding: 2em;
- width: 100%;
- height: 1000px;
- background-size: cover;
- }
- /* Cover Image Text Animation */
- @keyframes opacity {
- 0% {
- opacity: 0;
- }
- 100% {
- opacity: 1;
- }
- }
- .bgtext {
- margin: auto;
- text-align: center;
- }
- .bgtext h1 {
- animation: 2s ease-in 0s 1 opacity; }
- .bgtext h2 {
- animation: 1s ease-in 0s 1 opacity; }
- .bgtext button {
- animation: 3s ease-in 0s 1 opacity; }
- /* Navigation Bar */
- .navbar {
- /*overflow: hidden;*/
- background-color: #333;
- position: fixed; /* Set the navbar to fixed position */
- top: 0; /*Position the navbar at the top of the page */
- right: 0;
- width: 100%; /* Full width */
- }
- .navbar a {
- float: left;
- display: block;
- color: #f2f2f2;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
- }
- /* Buttons */
- button {
- max-width: 256px;
- padding: 5px 15px 5px 15px;
- border: 1px solid #666;
- border-radius: 4px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- color: #eee;
- background-color: #666;
- font-family: Lato, Helvetica, Arial, sans-serif;
- font-size: 1em;
- cursor: pointer;
- }
- /* Image Tweaks */
- .header--kaupa {
- background: transparent url(images/bg-subpage.jpg) no-repeat fixed 50% 50%; }
- .header--forsida {
- background: transparent url(images/bg.jpg) no-repeat fixed 50% 50%; }
- .header--um {
- background: transparent url(images/bg-subpage.jpg) no-repeat fixed 50% 50%; }
- .check {
- height: 25px;
- }
- .sideimg {
- height: 300px;
- }
- .profilepic {
- width: 250px;
- height: 250px;
- background-color: #ccc;
- border-radius: 50%;
- }
- /*Footer*/
- footer {
- background-color: #333;
- bottom: 0;
- width: 100%;
- padding: 14px 16px;
- text-align: center;
- color: #aaa;
- font-size: 0.85em;
- }
- footer .copyright p {
- padding-top: 15px;
- color: #aaa;
- font-size: 0.75em;
- }
- /* Forms */
- .forms {
- text-align: left;
- padding-left: 25%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement