diff --git a/mirva/resources/style.css b/mirva/resources/style.css index b46c145..3057156 100644 --- a/mirva/resources/style.css +++ b/mirva/resources/style.css @@ -1,247 +1,248 @@ - -/* -Design by TEMPLATED -http://templated.co -Released for free under the Creative Commons Attribution License -*/ - -body { - margin: 0; - padding: 0; - background-color: #eeeeee; - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - color: #383838; -} - -h1, h2, h3 { - margin: 0; - padding: 0; - font-weight: normal; - color: #000000; -} - -h1 { - font-size: 2em; -} - -h2 { - font-size: 2.4em; -} - -h3 { - font-size: 1.6em; -} - -p, ul, ol { - margin-top: 0; - line-height: 180%; -} - -ul, ol { -} - -a { - text-decoration: none; - color: #7EAD01; -} - -a:hover { -} - -#wrapper { - width: 100vw; - margin: 0 auto; - padding: 0; -} - -/* Header */ - -#header { - clear: both; - width: 100vw; - height: 330px; - margin: 0 auto; - padding: 0px; - background: url(banner.jpg) no-repeat left top; - background-size: cover; -} - -/* Logo */ - -#logo { - margin: 0; - padding: 0px 0px 0px 60px; - color: #000000; -} - -#logo h1, #logo p { - margin: 0; - padding: 0; - color: #ffffff; -} - -#logo h1 { - padding-top: 160px; - letter-spacing: -1px; - font-size: 3.8em; -} - -#logo p { - margin: 0; - padding: 0px 0 0 10px; - font: normal 14px Georgia, "Times New Roman", Times, serif; - font-style: italic; - color: #FFFFFF; -} - -#logo a { - border: none; - background: none; - text-decoration: none; - color: #FFFFFF; -} - - -/* Page */ - -#page { - width: 90vw; - margin: 0 auto; - padding: 0px 0px 0px 0px; -} - -#page-bgtop { - padding: 20px 0px; -} - -#page-bgbtm { -} - -/* Content */ - -#content { - width: 90vw; - padding: 30px 0px 0px 0px; -} - -.post { - margin-bottom: 15px; - border-top: lightgray dashed; - padding-top: 5px; -} - -.post-bgtop { -} - -.post-bgbtm { -} - -.post .title { - height: 38px; - margin-bottom: 10px; - padding: 12px 0 0 0px; - letter-spacing: -.5px; - color: #000000; -} - -.post .title a { - color: #000000; - border: none; -} - -.post .meta { -/* margin-bottom: 30px;*/ - padding: 5px 0px 15px 0px; - text-align: left; - font-family: Arial, Helvetica, sans-serif; - font-size: 13px; - font-weight: bold; -} - -.post .meta .date { - float: left; -} - -.post .meta .posted { - float: right; -} - -.post .meta a { -} - -.post .entry { - padding: 0px 0px 20px 0px; - padding-bottom: 20px; - text-align: justify; -} - -.links { - padding-top: 20px; - font-size: 12px; - font-weight: bold; -} - -.center { - display: block; - text-align: center; -} - -.post_image { - max-height: 95vh; - max-width: 90vw; -} - -/* Footer */ - -#footer { - height: 50px; - margin: 0 auto; - padding: 0px 0 15px 0; - background: #ECECEC; - border-top: 1px solid #DEDEDE; - font-family: Arial, Helvetica, sans-serif; -} - -#footer p { - margin: 0; - padding-top: 20px; - line-height: normal; - font-size: 9px; - text-transform: uppercase; - text-align: center; - color: #A0A0A0; -} - -#footer a { - color: #8A8A8A; -} - -/* navi */ - -.navigation { - height: 20px; - margin-bottom: 5px; -} - -.navigation_button { - cursor: pointer; - box-shadow: 4px 4px 5px #888888; -} -.navigation_button:hover { - cursor: pointer; - box-shadow: 2px 2px 2px #888888; -} -@media only screen and (max-width: 800px) { - .navigation_button { - margin-top: 20px; - margin-bottom: 20px; - } -} -.float_up { - float: left; -} - -.float_down { - float: right; -} + +/* +Design by TEMPLATED +http://templated.co +Released for free under the Creative Commons Attribution License +*/ + +body { + margin: 0; + padding: 0; + background-color: #eeeeee; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + color: #383838; + overflow-x: hidden; +} + +h1, h2, h3 { + margin: 0; + padding: 0; + font-weight: normal; + color: #000000; +} + +h1 { + font-size: 2em; +} + +h2 { + font-size: 2.4em; +} + +h3 { + font-size: 1.6em; +} + +p, ul, ol { + margin-top: 0; + line-height: 180%; +} + +ul, ol { +} + +a { + text-decoration: none; + color: #7EAD01; +} + +a:hover { +} + +#wrapper { + width: 100vw; + margin: 0 auto; + padding: 0; +} + +/* Header */ + +#header { + clear: both; + width: 100vw; + height: 330px; + margin: 0 auto; + padding: 0px; + background: url(banner.jpg) no-repeat left top; + background-size: cover; +} + +/* Logo */ + +#logo { + margin: 0; + padding: 0px 0px 0px 60px; + color: #000000; +} + +#logo h1, #logo p { + margin: 0; + padding: 0; + color: #ffffff; +} + +#logo h1 { + padding-top: 160px; + letter-spacing: -1px; + font-size: 3.8em; +} + +#logo p { + margin: 0; + padding: 0px 0 0 10px; + font: normal 14px Georgia, "Times New Roman", Times, serif; + font-style: italic; + color: #FFFFFF; +} + +#logo a { + border: none; + background: none; + text-decoration: none; + color: #FFFFFF; +} + + +/* Page */ + +#page { + width: 90vw; + margin: 0 auto; + padding: 0px 0px 0px 0px; +} + +#page-bgtop { + padding: 20px 0px; +} + +#page-bgbtm { +} + +/* Content */ + +#content { + width: 90vw; + padding: 30px 0px 0px 0px; +} + +.post { + margin-bottom: 15px; + border-top: lightgray dashed; + padding-top: 5px; +} + +.post-bgtop { +} + +.post-bgbtm { +} + +.post .title { + height: 38px; + margin-bottom: 10px; + padding: 12px 0 0 0px; + letter-spacing: -.5px; + color: #000000; +} + +.post .title a { + color: #000000; + border: none; +} + +.post .meta { +/* margin-bottom: 30px;*/ + padding: 5px 0px 15px 0px; + text-align: left; + font-family: Arial, Helvetica, sans-serif; + font-size: 13px; + font-weight: bold; +} + +.post .meta .date { + float: left; +} + +.post .meta .posted { + float: right; +} + +.post .meta a { +} + +.post .entry { + padding: 0px 0px 20px 0px; + padding-bottom: 20px; + text-align: justify; +} + +.links { + padding-top: 20px; + font-size: 12px; + font-weight: bold; +} + +.center { + display: block; + text-align: center; +} + +.post_image { + max-height: 95vh; + max-width: 90vw; +} + +/* Footer */ + +#footer { + height: 50px; + margin: 0 auto; + padding: 0px 0 15px 0; + background: #ECECEC; + border-top: 1px solid #DEDEDE; + font-family: Arial, Helvetica, sans-serif; +} + +#footer p { + margin: 0; + padding-top: 20px; + line-height: normal; + font-size: 9px; + text-transform: uppercase; + text-align: center; + color: #A0A0A0; +} + +#footer a { + color: #8A8A8A; +} + +/* navi */ + +.navigation { + height: 20px; + margin-bottom: 5px; +} + +.navigation_button { + cursor: pointer; + box-shadow: 4px 4px 5px #888888; +} +.navigation_button:hover { + cursor: pointer; + box-shadow: 2px 2px 2px #888888; +} +@media only screen and (max-width: 800px) { + .navigation_button { + margin-top: 20px; + margin-bottom: 20px; + } +} +.float_up { + float: left; +} + +.float_down { + float: right; +}