130 lines
No EOL
2 KiB
CSS
130 lines
No EOL
2 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;
|
|
font-family: SanFran;
|
|
background-color: #DBD2E0;
|
|
}
|
|
h1 {
|
|
color: #553E4E;
|
|
font-size: 300%;
|
|
text-align: center;
|
|
font-family: SanFran;
|
|
}
|
|
h2{
|
|
color: #8E5572;
|
|
font-size: 250%;
|
|
text-align: center;
|
|
font-family: SanFran;
|
|
}
|
|
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;
|
|
}
|
|
.blank{
|
|
/*hopefully clear all formatting*/
|
|
height:auto !important;
|
|
background-color: rgba(0,0,0,0.00) !important;
|
|
display: auto !important;
|
|
color: auto !important;
|
|
text-align: auto !important;
|
|
padding: auto !important;
|
|
text-decoration: auto !important;
|
|
list-style-type: circle !important;
|
|
margin: auto !important;
|
|
padding: auto !important;
|
|
overflow: auto !important;
|
|
position: relative !important;
|
|
top: auto !important;
|
|
float: none !important;
|
|
width: 50% !important;
|
|
}
|
|
/*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;
|
|
} |