captainark/mystartpage
1
0
Fork 0
mirror of https://github.com/captainark/mystartpage.git synced 2024-11-25 17:51:42 +01:00
Code Issues Releases Wiki Activity

dark solarized colors

Browse Source
This commit is contained in:
CaptainArk 2016-03-13 20:59:22 +01:00
parent 2631fe655e
commit 0fdc3a4198
1 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
css/mystartpage.css
View File

@ -6,46 +6,50 @@
html, body { html, body {
margin: 0; margin: 0;
padding: 0; padding: 0;
background: #fdf6e3; } background: #002b36; }
.row { .row {
text-align:center; margin-top: 250px; } text-align:center;
margin-top: 250px; }
.row .column { .row .column {
display: inline; letter-spacing:0.5em; } display: inline;
letter-spacing: 0.5em; }
.row .column a { .row .column a {
font-size: 250%; color:rgba(0,0,0,0) } font-size: 250%;
color: rgba(0,0,0,0) }
.row .column a:not(:hover) .row .column a:not(:hover) {
{ opacity:.5; transition: opacity .5s; } opacity: 0.8;
transition: opacity .5s; }
form { form {
width: 100%; width: 100%;
margin: auto; margin: auto;
padding: 0px; padding: 0px;
text-align: center; text-align: center;
background: #fdf6e3; background: #002b36;
position: relative; position: relative;
top: 60px; } top: 60px; }
.search { .search {
width: 440px; width: 440px;
height: 20px; height: 25px;
margin-right: 0px; margin-right: 0px;
padding: 5px; padding: 5px;
background: #eee8d5; background: #002b36;
font-family: "Roboto", "Consolas", "Helvetica", sans-serif; font-family: "Roboto", "Consolas", "Helvetica", sans-serif;
font-size: 12px; font-size: 14px;
letter-spacing: 0.5px; letter-spacing: 0.75px;
color: #657b83; color: #eee8d5;
opacity: .5; opacity: 0.8;
border: 2.5px solid #657b83; } border: 2.5px solid #073642; }
.search:hover { .search:hover {
border: 2.5px solid #657b83; } border: 2.5px solid #073642; }
.search:focus { .search:focus {
outline: none; outline: none;
border: 2.5px solid #657b83; } border: 2.5px solid #073642; }
icons { icons {
width: 500px; width: 500px;
@ -58,7 +62,7 @@ icons {
} }
i { i {
color: #002b36; color: #eee8d5;
font-family: icons; font-family: icons;
font-size: 150px; font-size: 150px;
font-weight: normal; font-weight: normal;
@ -69,7 +73,7 @@ i {
icons h2 { icons h2 {
margin: 0 0 8px; margin: 0 0 8px;
color: #002b36; color: #eee8d5;
font-size: 55px; font-size: 55px;
font-weight: 300; font-weight: 300;
text-align: center; text-align: center;
@ -83,7 +87,7 @@ icons ul {
} }
icons li { icons li {
background: #002b36; background: #eee8d5;
background: rgba(255,255,255,0.90); background: rgba(255,255,255,0.90);
padding: 20px; padding: 20px;
display: inline-block; display: inline-block;