centeringstuff

master
Your Name 5 years ago
parent bf07f294de
commit b53694bbd6

@ -1,8 +1,10 @@
body { body {
background-color: #F4EBE8; background-color: #F4EBE8;
font-family: Roboto Mono; font-family: Roboto Mono;
} }
.projtextcont{ .projtextcont{
display: block; display: block;
/*align-items: center; /*align-items: center;
@ -16,7 +18,6 @@ display: block;
width: 80%; width: 80%;
display: block; display: block;
text-align: justify; text-align: justify;
} }
h1{ h1{
@ -31,7 +32,7 @@ h1{
top:0%; top:0%;
z-index: 0; z-index: 0;
margin:0px; margin:0px;
margin-top: 50px; /*margin-top: 50px;*/
} }
h2{ h2{
@ -41,7 +42,7 @@ h2{
text-align: justify; text-align: justify;
} }
.pagelink{ /*.pagelink{
position: fixed; position: fixed;
display: inline; display: inline;
left:0px; left:0px;
@ -55,7 +56,7 @@ h2{
border-top-style: solid; border-top-style: solid;
border-right-style: solid; border-right-style: solid;
border-bottom-style: solid; border-bottom-style: solid;
/*border-style: solid;*/ /*border-style: solid;
border-width: 1px; border-width: 1px;
border-color: #371F10; border-color: #371F10;
@ -64,10 +65,24 @@ h2{
.pagelink:hover{ .pagelink:hover{
background-color: #0BEFEB; background-color: #0BEFEB;
} }
.pagelink{
background-color: white;
}
.pagelink a{ .pagelink a{
text-decoration: none; text-decoration: none;
} }
/*.pagelink a:active{
background-color: #0BEFEB;
}
.active .pagelink:after{
background-color: #0BEFEB;
}
.pagelink .pagename{ .pagelink .pagename{
display: inline; display: inline;
position: absolute; position: absolute;
@ -81,4 +96,4 @@ h2{
.pagelink:hover .pagename{ .pagelink:hover .pagename{
visibility: visible; visibility: visible;
} }*/

@ -3,12 +3,12 @@ body {
color: #371F10; color: #371F10;
font-family: Roboto Mono, monospace; font-family: Roboto Mono, monospace;
} }
.pagelink{ /*.pagelink{
position: fixed; position: fixed;
display: inline; display: inline;
left:0px; left:0px;
/* width:20px; /* width:20px;
height:20px;*/ height:20px;
padding: 0px 5px 0px 5px; padding: 0px 5px 0px 5px;
background-color: white; background-color: white;
z-index: 10; z-index: 10;
@ -17,6 +17,62 @@ body {
border-top-style: solid; border-top-style: solid;
border-right-style: solid; border-right-style: solid;
border-bottom-style: solid; border-bottom-style: solid;
/*border-style: solid;
border-width: 1px;
border-color: #371F10;
}*/
/*.pagelink:hover{
background-color: #0BEFEB;
}
.pagelink a{
text-decoration: none;
}
.pagelink .pagename{
display: inline;
position: absolute;
width: auto;
padding: 5px;
margin-left: 25px;
font-size: 13px;
background-color: white;
visibility: hidden;
}
.pagelink:hover .pagename{
visibility: visible;
}*/
.linkscont{
margin-top: 10%;
height: auto;
width: auto;
position: fixed;
left:0%;
}
.pagelink{
/* display:table-cell;
text-align:center;
vertical-align:middle;*/
display: inline-flex;
justify-content: center;
align-items: center;
position: fixed;
/*display: block;*/
left:0px;
width:25px;
height:25px;
padding:10px;
background-color: white;
z-index: 2;
font-size: 24px;
/*text-align: justify;*/
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
/*border-style: solid;*/ /*border-style: solid;*/
border-width: 1px; border-width: 1px;
border-color: #371F10; border-color: #371F10;
@ -26,23 +82,44 @@ body {
.pagelink:hover{ .pagelink:hover{
background-color: #0BEFEB; background-color: #0BEFEB;
} }
.pagelink{
background-color: white;
}
.pagelink a{ .pagelink a{
text-decoration: none; text-decoration: none;
} }
/*.pagelink a:active{
background-color: #0BEFEB;
}
.active .pagelink:after{
background-color: #0BEFEB;
}*/
.pagename{
align-items: center;
width:auto;
text-align: left;
}
.pagelink .pagename{ .pagelink .pagename{
display: inline; display: inline;
position: absolute; position: absolute;
width: auto; width: auto;
padding: 5px; padding: 5px;
margin-left: 25px; margin-left: 160px;
font-size: 13px; font-size: 12px;
background-color: white; background-color: white;
visibility: hidden; visibility: hidden;
white-space: nowrap;
} }
.pagelink:hover .pagename{ .pagelink:hover .pagename{
visibility: visible; visibility: visible;
z-index: 20;
} }
h1 { h1 {
@ -67,3 +144,4 @@ a:hover {
} }
a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */ a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */

@ -38,31 +38,8 @@ display: inline-block;
line-height: 1.3; line-height: 1.3;
} }
/*.smw-row:nth-child(odd) {
background-color: purple;
float: right;
}
.smw-row:nth-child(odd) img {
float: right;
}
.smw-row:nth-child(even) {
background-color: orange;
float: left;
}*/
.nav .active{
/*font-family: helvetica;*/
margin-left: 20px;
color: black;
text-decoration: underline;
}
.navtab{/*
font-family: helvetica;*/
margin-left: 20px;
color: grey;
}
.pagelink{ /*.pagelink{
position: fixed; position: fixed;
display: inline; display: inline;
left:0px; left:0px;
@ -76,7 +53,7 @@ display: inline-block;
border-top-style: solid; border-top-style: solid;
border-right-style: solid; border-right-style: solid;
border-bottom-style: solid; border-bottom-style: solid;
/*border-style: solid;*/ /*border-style: solid;
border-width: 1px; border-width: 1px;
border-color: #371F10; border-color: #371F10;
@ -102,7 +79,7 @@ display: inline-block;
.pagelink:hover .pagename{ .pagelink:hover .pagename{
visibility: visible; visibility: visible;
} }*/
.tooltip { .tooltip {
position: relative; position: relative;
@ -139,34 +116,7 @@ display: inline-block;
visibility: visible; visibility: visible;
} }
/*ul#nav li{
display: inline;
list-style: none;
margin-left: 10px;
/* margin-left: 10%
margin-right: 10%;
align-content: initial;
font-size: 20px;
}
ul#nav{
padding: 20px;
margin-top: 10px;
margin-bottom: 20px;
background-color: white;
top:0px;
bottom: 10px;
padding-left: 0px;
border: none;
width: 80vw;
/*display: inline;
height:20px;
/*overflow-x: scroll;
left:0px;
position: fixed;
z-index: 1;
}*/
ul#menu li{ ul#menu li{
display: inline; display: inline;
@ -243,12 +193,6 @@ display: inline-block;
box-shadow: 10px 10px 15px #0BEFEB; box-shadow: 10px 10px 15px #0BEFEB;
} }
/*.container {
margin-left: 40px;
margin-top: 20px;
overflow: hidden;
}*/
/* Style the buttons */ /* Style the buttons */

Loading…
Cancel
Save