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.
118 lines
2.3 KiB
118 lines
2.3 KiB
/* -------------------------------------------------- */ |
|
/* Element styles */ |
|
/* -------------------------------------------------- */ |
|
body { |
|
padding: 20px; |
|
font-family: 'Open Sans', sans-serif !important; |
|
font-weight: 300 !important; |
|
} |
|
|
|
a { |
|
color: black !important; |
|
text-decoration: underline black !important; |
|
} |
|
|
|
/* -------------------------------------------------- */ |
|
/* The header */ |
|
/* -------------------------------------------------- */ |
|
#header { |
|
text-transform: uppercase; |
|
} |
|
|
|
#header .username { |
|
float: left; |
|
width: 75%; |
|
} |
|
|
|
#header .name { |
|
font-size: 60px; |
|
} |
|
|
|
#header .title { |
|
font-size: 30px; |
|
font-style: italic; |
|
} |
|
|
|
#header .contact { |
|
padding-top: 10px; |
|
/*float: right;*/ |
|
font-size: 13px; |
|
} |
|
|
|
#header .contact .entry { |
|
margin-bottom: 15px; |
|
} |
|
|
|
#header .contact .icon { |
|
float: left; |
|
margin-right: 1em; |
|
} |
|
|
|
#header .contact .value { |
|
text-transform: none; |
|
} |
|
|
|
/* -------------------------------------------------- */ |
|
/* Bio section */ |
|
/* -------------------------------------------------- */ |
|
#bio { |
|
margin-top: 30px; |
|
margin-bottom: 30px; |
|
text-align: center; |
|
} |
|
|
|
#bio .title { |
|
font-weight: 600; |
|
font-size: 110%; |
|
} |
|
|
|
/* -------------------------------------------------- */ |
|
/* The large content holder */ |
|
/* -------------------------------------------------- */ |
|
#info .title { |
|
text-transform: uppercase; |
|
} |
|
|
|
#info .pre-title { |
|
color: #19bafe; |
|
} |
|
|
|
/* -------------------------------------------------- */ |
|
/* Large descriptive area */ |
|
/* -------------------------------------------------- */ |
|
#complex-info { |
|
width: 80%; |
|
float: left; |
|
} |
|
|
|
/* -------------------------------------------------- */ |
|
/* The sidebar with the power gauges */ |
|
/* -------------------------------------------------- */ |
|
#quantitative-info table { |
|
font-size: 12px; |
|
} |
|
|
|
#quantitative-info td { |
|
width: 25%; |
|
} |
|
|
|
#quantitative-info td:not(.name):not(.power):not(.empty) { |
|
background-image: url("rail.png"); |
|
background-position: center; |
|
background-repeat: repeat-y; |
|
} |
|
|
|
#quantitative-info .power { |
|
border: 1px solid #19bafe; |
|
} |
|
|
|
/* -------------------------------------------------- */ |
|
/* Generic styles |
|
/* -------------------------------------------------- */ |
|
.blue { |
|
color: #19bafe; |
|
} |
|
|
|
.clear { |
|
clear:both; |
|
}
|
|
|