mirror of
https://github.com/Wessel/portfolio.git
synced 2026-07-13 20:14:24 +02:00
88 lines
2.9 KiB
CSS
88 lines
2.9 KiB
CSS
/*-----------------------------------------------------------*\
|
|
| _ |
|
|
| | | |
|
|
| __ _____ ___ ___ ___| | __ _ __ _ _ __ ___ ___ |
|
|
| \ \ /\ / / _ \/ __/ __|/ _ \ |/ _` |/ _` | '_ ` _ \ / _ \ |
|
|
| \ V V / __/\__ \__ \ __/ | (_| | (_| | | | | | | __/ |
|
|
| \_/\_/ \___||___/___/\___|_|\__, |\__,_|_| |_| |_|\___| |
|
|
| __/ | |
|
|
| |___/ |
|
|
| This code is made by Wesselgame and it's licensed under the |
|
|
| MIT license ( https://opensource.org/licenses/MIT ) |
|
|
| |
|
|
| GitHub: https://github.com/PassTheWessel |
|
|
\*-----------------------------------------------------------*/
|
|
|
|
* { margin: 0; padding: 0; }
|
|
|
|
body {
|
|
height : 100% !important;
|
|
font-family : 'Montserrat', sans-serif !important;
|
|
font-weight : normal;
|
|
background-size : cover !important;
|
|
background-color : rgb( 44, 47, 51 ) !important;
|
|
/* background-image : url( '../img/wallpaper/0.gif' ); */
|
|
background-repeat : no-repeat !important;
|
|
background-position : center !important;
|
|
background-attachment: fixed !important;
|
|
}
|
|
|
|
.content { display: table; width: 60%; margin: 0 auto; text-align: center; }
|
|
.emerald-text { color: #2ecc71 !important }
|
|
.sun-flower-text { color: #f1c40f !important; }
|
|
|
|
img.round { border-radius: 50%; }
|
|
|
|
/* a { text-decoration: none !important; color: #99AAB5 !important; } */
|
|
a { position: relative; text-decoration: none; }
|
|
|
|
.box-container {
|
|
text-align: left;
|
|
border-radius: 10px;
|
|
margin-bottom: 2.5em;
|
|
padding: 1em;
|
|
position: relative;
|
|
}
|
|
.box-container p { margin: 0; padding: 0; max-width: 80%; }
|
|
|
|
.row::after { clear: both; content: ''; display: table; }
|
|
.row .column { margin-left: 4%; }
|
|
.row .one-full.column { width: 95%; }
|
|
.row .column:first-child { margin-left: 0; }
|
|
|
|
|
|
.title { background-color: transparent !important; }
|
|
.titletext {
|
|
color : white;
|
|
text-transform: uppercase;
|
|
text-shadow :
|
|
-3px -3px 0 #000,
|
|
3px -3px 0 #000,
|
|
-3px 3px 0 #000,
|
|
3px 3px 0 #000;
|
|
}
|
|
.undertext {
|
|
color : white;
|
|
font-size : 18px;
|
|
text-transform: uppercase;
|
|
|
|
text-shadow :
|
|
-2px -2px 0 #000,
|
|
2px -2px 0 #000,
|
|
-2px 2px 0 #000,
|
|
2px 2px 0 #000;
|
|
}
|
|
|
|
@media only screen and ( min-width: 720px ) {
|
|
.content { height: auto; width: 50%; }
|
|
}
|
|
|
|
::selection { background: #FFFFFF; }
|
|
*.unselect {
|
|
-moz-user-select : -moz-none;
|
|
-khtml-user-select : none;
|
|
-webkit-user-select: none;
|
|
|
|
-ms-user-select : none;
|
|
user-select : none;
|
|
} |