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

/*********************************************
* 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;
}