marty/marty.tf
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit lol

Browse source
This commit is contained in:
martyTF 2025-11-24 16:39:58 +01:00
commit 3037d7b4b1
6 changed files with 815 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

246
boxes.css Normal file
View file

@ -0,0 +1,246 @@
.box {
color: var(--mtf-font-color);
text-align: center;
background-color: var(--mtf-background-2-color);
border-style: solid;
border-color: var(--mtf-accent-color);
border-radius: 5px;
padding: 20px;
margin: 20px;
flex-basis: 100%;
transition: background-color 0.5s ease, color 0.5s ease;
height: inherit;
}
.box a {
color: var(--mtf-font-color);
text-decoration: none;
display: inline-flex;
padding: 0.5% 0.5%;
border: solid;
border-radius: 10px;
border-color: #ffffff00;
transition: background-color 0.5s ease, color 0.5s ease;
}
.links a {
text-decoration: underline var(--mtf-accent-color) 2px;
}
.box a:visited {
color: var(--mtf-font-color);
}
.box a:hover {
background-color: var(--mtf-accent-color);
color: var(--mtf-background-color);
}
#header {
position: relative;
display: flex;
padding-bottom: 0px;
}
#linksrow {
position: relative;
padding-bottom: 0px;
}
.footnote {
position: relative;
margin-top: 1%;
padding-bottom: 0px;
}
#mainmain {
position: relative;
}
#main {
width: 100%;
position: relative;
}
.box-shower {
width: 100%;
height: 0px;
position: relative;
overflow: hidden;
transition: height 0.5s ease;
}
#lightdark {
align-self: right;
font-size: 40px;
border-color: #ffffff00;
}
#lightdark a:hover {
background-color: #ffffff00;
color: var(--mtf-font-color);
}
#darkmode
{
display:none;
}
#lightmode {
display:inline;
}
#service_icons {
margin-left: 25%;
width: 50%;
position: relative;
align-self: right;
margin-right: 25%;
}
a.service_icon {
color: var(--mtf-font-color);
font-size: 30px;
min-width: 30px;
min-height: 30px;
text-align: center;
text-justify: auto;
background-color: var(--mtf-background-2-color);
border-style: solid;
border-color: var(--mtf-accent-color);
border-radius: 5px;
padding: 20px;
margin: 20px;
transition: background-color 0.5s ease, color 0.5s ease;
}
#bookmarks {
left: 0;
right: 0;
top: -200px;
margin-left: auto;
margin-right: auto;
width: 60%;
height: calc(auto + 20%);
position: absolute;
display: none;
opacity: 0;
transition: opacity 1s ease;
z-index: 10000;
}
bookmarks_close {
left: 20px;
}
@media only screen and (max-width: 860px) {
.box-wrapper {
display: block;
}
.headersplit {
display: block;
}
#contact_logobox {
max-width: none;
}
.contact_logo {
min-width: 200px;
}
.dotfiles_image {
min-width: 200px;
}
a.bmks {
display: none;
}
#bmks_mtf,
#bmks_scl {
display: none;
}
#hdrbx2 {
border: none;
background: none;
}
#hdrbx1 {
display: none;
}
}
@media only screen and (min-width: 861px) {
body {
width: 89vw;
padding: 5vw;
}
.box-wrapper {
display: flex;
justify-content: space-evenly;
}
.headersplit {
display: none;
}
#contact_logobox {
max-width: 35%;
}
.contact_logo {
max-height: 100%;
min-width: 200px;
}
.dotfiles_image {
max-height: 100%;
max-width: 0.4vw;
min-width: 200px;
}
a.bmks {
display: block;
}
#hdrbx1,
#hdrbx2 {
border: none;
background: none;
}
}
.search-box input {
outline: none;
width: calc(100% - 150px);
height: 30px;
}
.search-box button {
height: 30px;
}
.contact_logo,
.dotfiles_image {
max-width: 100%;
background-color: var(--mtf-background-2-color);
border-style: solid;
border-color: var(--mtf-accent-color);
border-radius: 5px;
margin: 10px 0px 0px 0px;
}