Resources attached to the Road To DevOps tutorial
https://blog.noobtoroot.xyz/road-to-devops/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
134 lines
2.3 KiB
134 lines
2.3 KiB
|
|
/********************************************* |
|
* GLOBAL STYLES |
|
*********************************************/ |
|
|
|
html { |
|
background-color: #fff; /* fix dark background on full screen mode */ } |
|
|
|
body { |
|
margin: 0; |
|
background: #fff; |
|
background-color: #fff; |
|
background-image: url('header-sii.png'); /* SII header with 5 colors */ |
|
background-size: contain; |
|
background-repeat: no-repeat; |
|
font-family: Helvetica, sans-serif; |
|
font-size: 1rem; |
|
font-weight: normal; |
|
line-height: 1.6; |
|
color: #222; } |
|
|
|
#content { |
|
margin: auto; |
|
width: 40rem; |
|
padding: 2rem 1rem 2rem 1rem ; |
|
} |
|
|
|
/********************************************* |
|
* HEADERS |
|
*********************************************/ |
|
h1, |
|
h2, |
|
h3, |
|
h4, |
|
h5, |
|
h6 { |
|
margin: 2.5rem 0 20px 0; |
|
color: #222; |
|
font-family: Helvetica, sans-serif; |
|
font-weight: 600; |
|
line-height: 1.2; |
|
letter-spacing: normal; |
|
text-shadow: none; |
|
word-wrap: break-word; } |
|
|
|
h1 { |
|
font-size: 2.5em; } |
|
|
|
h2 { |
|
font-size: 1.6em; } |
|
|
|
h3 { |
|
font-size: 1.3em; } |
|
|
|
h4 { |
|
font-size: 1em; } |
|
|
|
h1 { |
|
text-shadow: none; } |
|
|
|
/********************************************* |
|
* OTHER |
|
*********************************************/ |
|
strong, |
|
b { |
|
font-weight: bold; } |
|
|
|
em { |
|
text-decoration: underline;} |
|
|
|
ol { |
|
list-style-type: decimal; } |
|
|
|
ul { |
|
list-style-type: square; } |
|
|
|
ul ul { |
|
list-style-type: disc; } |
|
|
|
ul ul ul { |
|
list-style-type: circle; } |
|
|
|
|
|
|
|
/********************************************* |
|
* LINKS |
|
*********************************************/ |
|
a { |
|
color: #6ca0e8; |
|
text-decoration: underline; |
|
-webkit-transition: color .15s ease; |
|
-moz-transition: color .15s ease; |
|
transition: color .15s ease; } |
|
|
|
a:hover { |
|
color: #2a76dd; |
|
border: none; } |
|
|
|
|
|
/********************************************* |
|
* IMAGES |
|
*********************************************/ |
|
img { |
|
margin: 15px 0px; |
|
} |
|
|
|
a img { |
|
-webkit-transition: all .15s linear; |
|
-moz-transition: all .15s linear; |
|
transition: all .15s linear; } |
|
|
|
a:hover img { |
|
background: rgba(255, 255, 255, 0.2); |
|
border-color: #2a76dd; |
|
box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } |
|
|
|
|
|
/********************************************* |
|
* Logo and footer |
|
*********************************************/ |
|
.logo { |
|
position: absolute; |
|
top: 1.5rem; |
|
right: 1.5rem; |
|
width: 8rem; |
|
} |
|
|
|
.footer { |
|
margin: 0; |
|
padding: 0.2rem; |
|
font-size: 0.8rem; |
|
color: #fff; |
|
background-color: #88B4DC; |
|
}
|
|
|