116 lines
1.6 KiB
CSS
116 lines
1.6 KiB
CSS
/*Colors
|
|
#553E4E
|
|
#8E5572
|
|
#9B97B2
|
|
#BFACC8
|
|
#DBD2E0
|
|
*/
|
|
|
|
/*navigation bar CSS Starts*/
|
|
ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
background-color: #9B97B2;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
li {
|
|
float: left;
|
|
}
|
|
li a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 14px 16px;
|
|
text-decoration: none;
|
|
}
|
|
li a:hover:not(.statushome) {
|
|
background-color: #8E5572;
|
|
}
|
|
.statushome {
|
|
background-color: #553E4E;
|
|
}
|
|
/*Navigation Bar CSS Ends*/
|
|
|
|
/*Standard Body CSS Starts*/
|
|
@font-face {
|
|
font-family: SanFran;
|
|
src: url(../fonts/iOSSF.ttf);
|
|
}
|
|
body {
|
|
margin: 0;
|
|
background-color: #DBD2E0;
|
|
}
|
|
h1 {
|
|
color: #553E4E;
|
|
font-size: 300%;
|
|
text-align: center;
|
|
font-family: SanFran;
|
|
}
|
|
h2 {
|
|
color: #8E5572;
|
|
font-size: 150%;
|
|
text-align: center;
|
|
font-family: SanFran;
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
}
|
|
h3 {
|
|
color: #9B97B2;
|
|
font-size: 130%;
|
|
text-align: center;
|
|
font-family: SanFran;
|
|
}
|
|
p {
|
|
color: #553E4E;
|
|
font-family: SanFran;
|
|
font-size: 110%;
|
|
margin-left: 30px;
|
|
margin-right: 30px;
|
|
}
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
li {
|
|
font-family: SanFran;
|
|
}
|
|
ol {
|
|
padding-left: 15%;
|
|
padding-right: 15%;
|
|
}
|
|
/*Standard Body CSS Ends*/
|
|
|
|
/*special Body Info Starts*/
|
|
.maininfo {
|
|
column-count: 2;
|
|
column-fill: auto;
|
|
column-rule: 4px double #8E5572;
|
|
}
|
|
img .categories {
|
|
}
|
|
.categories {
|
|
column-count: 4;
|
|
column-rule: 4px solid #8E5572;
|
|
}
|
|
.introtext {
|
|
display: block;
|
|
margin-left: 50px;
|
|
margin-right: 50px;
|
|
}
|
|
.columnfirst {
|
|
display: inline-block;
|
|
}
|
|
.columnsecond {
|
|
display: block;
|
|
}
|
|
.centerimage {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.centertext {
|
|
text-align: center;
|
|
}
|