123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170 |
- @import 'theme.scss';
- .flex {
- display:flex;
- flex-flow:wrap;
- justify-content:space-between;
- a {
- padding-bottom:2em;
- }
- }
- a {
- color:$link-color;
- text-decoration:none;
- font-weight:bold;
- }
- a:hover {
- color:$link-color-hover;
- font-weight:bold;
- text-decoration:underline;
- }
- body {
- margin:0;
- background-color: $background-color;
- color: $text-color;
- }
- h1,h2,h3,h4,h5,h6 {
- text-align:center;
- }
- h1 {
- padding:2em;
- margin:0;
- background: $h1-background-color;
- color: $h1-color;
- }
- h2 {
- color: $h2-color;
- }
- h3 {
- color: $h3-color;
- }
- h4 {
- color:$h4-color;
- }
- .blog {
- text-align:center;
- padding:2em 0;
- h3 {
- margin:0;
- }
- time {
- display:block;
- padding-bottom:2em;
- }
- }
- %shared-font-things {
- font-size: 15px;
- font-family: Verdana, Geneva, sans-serif;
- line-height: 30px;
- }
- p {
- @extend %shared-font-things;
- margin:2em 0;
- }
- %code-font-shared {
- font-size:16px;
- color:$code-text-color;
- }
- code {
- @extend %code-font-shared;
- }
- pre {
- border:solid 2px $code-border-color;
- border-radius:2em;
- // when I got syntax highlighting working,
- // delete this next line please.
- background-color:$grey;
- padding:2em;
- code {
- @extend %code-font-shared;
- color:black;
- }
- }
- img {
- display:block;
- margin:auto;
- }
- code {
- @extend %code-font-shared;
- }
- ul {
- li {
- @extend %shared-font-things;
- margin:1em;
- }
- }
- .basic-section-padding {
- max-width:70%;
- padding:2em 0 2em 15%;
- }
- .section-background {
- background-color:$darker-green;
- a:hover {
- color:$link-color-hover-navbar;
- text-decoration:underline;
- }
- }
- .text-white {
- color:white;
- }
- //phone view
- @media (max-width:800px) {
- main {
- padding:2em 1.5em 2em 1.5em;
- max-width:100%;
- }
- ul {
- padding-left:1.5em;
- li {
- margin:0;
- }
- }
- }
- // css for the services form
- form {
- p {
- padding-left:2em;
- }
- label {
- min-width:10em;
- display:inline-block;
- padding-left:2em;
- }
- input {
- min-width:15em;
- display:inline-block;
- margin:0 0 2em 2em;
- }
- input[type="radio"] {
- min-width:5em;
- display:inline-block;
- margin:0 0 2em 0;
- }
- input[type="checkbox"] {
- margin:0 0 2em 15em;
- min-width:0;
- }
- textarea {
- margin-left:2.5em;
- }
- ul {
- list-style-type:none;
- }
- fieldset {
- margin-bottom:2em;
- }
- }
- .hidden {
- display:none;
- }
|