Finished complete overhaul of website design
This commit is contained in:
88
sharpe6style.scss
Executable file
88
sharpe6style.scss
Executable file
@@ -0,0 +1,88 @@
|
||||
$wave_blue1: #2d4f67;
|
||||
$autumn_red: #c34043;
|
||||
$peach_red: #ff5d62;
|
||||
$autumn_green: #66946a;
|
||||
$carp_yellow: #e6c384;
|
||||
$crystal_blue: #7e9cd8;
|
||||
$oni_violet: #957fb8;
|
||||
$fuji_white: #dcd7ba;
|
||||
$sumi_ink0: #16161d;
|
||||
$sumi_ink1: #1F1F28;
|
||||
$sumi_ink4: #54546d;
|
||||
$winter_blue: #252535;
|
||||
|
||||
|
||||
* {
|
||||
font-family: Helvetica;
|
||||
}
|
||||
|
||||
.top_bar {
|
||||
background-color: $sumi_ink0;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.column {
|
||||
float: left;
|
||||
width: 90%;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
.content-box {
|
||||
background-color: rgba(31, 31, 40, 0.7);
|
||||
border-radius: 10px;
|
||||
padding: 10px;
|
||||
width: 80%;
|
||||
margin: 10px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.icon-group {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.icon {
|
||||
border-radius: 10px;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 15px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.icon-text {
|
||||
margin-top: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #7e9cd8;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #ff5d62;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #dcd7ba;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
background-image: url("PerfectSunrise.jpg");
|
||||
background-size: auto 150%;
|
||||
background-repeat: no-repeat;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: $crystal_blue;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: $oni_violet;
|
||||
}
|
||||
Reference in New Issue
Block a user