Mirrored_Repos/teachingtechYT.github.io
1
0
Fork 0
mirror of https://github.com/teachingtechYT/teachingtechYT.github.io.git synced 2024-08-30 18:23:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
lawgicau
2020-08-10 17:13:28 +10:00
parent 3c8b787cbb
commit c77c064943
12 changed files with 14533 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
css/styles.css Normal file
View File

@ -0,0 +1,208 @@
body {
font-family: 'Roboto', sans-serif;
background-color: #f9f9f9;
max-width: 1400px;
margin: auto;
}
h1 {
margin: 20px 20px;
}
h2 {
margin: 10px 20px;
}
h3 {
margin: 5px 20px;
}
h4 {
font-size: 1.2em;
font-weight: bolder;
margin: 20px 20px 5px;
padding: 5px 10px;
color:white;
background-color: #00c5ad;
}
p {
margin: 10px 20px 20px;
line-height: 1.5em;
}
input {
margin: 20px 0;
font-size: 1.2em;
}
select {
font-size: 1.2em;
}
label {
margin: 20px 20px;
font-size: 1.2em;
}
a {
color: #00c5ad;
font-weight: bolder;
text-decoration: none;;
}
.thumb {
max-height: 240px;
max-width: 600px;
margin-bottom: 20px;
}
#tabs {
margin: 20px 0;
}
.videoThumb {
margin: 0 20px 20px;
}
.warning {
color: red;
font-weight: bolder;
}
li {
margin: 10px 0;
}
/* Tabs container */
.r-tabs {
position: relative;
background-color: #00c5ad;
border-top: 1px solid #00c5ad;
border-right: 1px solid #00c5ad;
border-left: 1px solid #00c5ad;
border-bottom: 4px solid #00c5ad;
border-radius: 4px;
}
/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
position: relative;
background-color: #00c5ad;
}
/* Tab anchor */
.r-tabs .r-tabs-nav .r-tabs-anchor {
display: inline-block;
padding: 10px 12px;
text-decoration: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
font-size: 14px;
font-weight: bold;
color: #fff;
}
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
opacity: 0.5;
}
/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
color: #00c5ad;
text-shadow: none;
background-color: white;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
/* Tab panel */
.r-tabs .r-tabs-panel {
background-color: white;
border-bottom: 4px solid white;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
display: block;
padding: 10px;
background-color: #00c5ad;
color: #fff;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.4);
font-size: 14px;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
background-color: #fff;
color: #00c5ad;
text-shadow: none;
}
/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
opacity: 0.5;
}
/* Buttons */
button {
display:inline-block;
margin-top: 10px;
margin-right: 10px;
padding: 10px 20px;
line-height: 100%;
color: #fff;
font-size: 14px;
text-align: center;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
vertical-align: middle;
font-weight: bold;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #00c5ad;
box-shadow: 0px 3px 0px 0px #00ab94;
cursor: pointer;
}
/* Info bar */
.info {
display:inline-block;
margin-top: 10px;
margin-right: 10px;
padding: 10px 20px;
width: 300px;
line-height: 100%;
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 14px;
color: #00c5ad;
border: 2px solid #00ab94;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #fff;
cursor: pointer;
}