@ -138,6 +138,9 @@ header {
gap : 0 . 5rem ;
gap : 0 . 5rem ;
padding : 0 . 5rem 0 ;
padding : 0 . 5rem 0 ;
line-height : 1 . 2 ;
line-height : 1 . 2 ;
text-transform : uppercase ;
letter-spacing : 0 . 05em ;
font-weight : 600 ;
}
}
. nav-menu a : hover {
. nav-menu a : hover {
@ -229,6 +232,9 @@ header {
color : var ( --text-primary ) ;
color : var ( --text-primary ) ;
text-decoration : none ;
text-decoration : none ;
transition : background 0 . 2s , color 0 . 2s ;
transition : background 0 . 2s , color 0 . 2s ;
text-transform : uppercase ;
letter-spacing : 0 . 05em ;
font-weight : 600 ;
}
}
. dropdown-menu a : hover {
. dropdown-menu a : hover {
@ -291,6 +297,9 @@ header {
text-decoration : none ;
text-decoration : none ;
border-radius : 4px ;
border-radius : 4px ;
transition : background 0 . 2s , color 0 . 2s ;
transition : background 0 . 2s , color 0 . 2s ;
text-transform : uppercase ;
letter-spacing : 0 . 05em ;
font-weight : 600 ;
}
}
. wiki-menu a : hover {
. wiki-menu a : hover {
@ -511,7 +520,7 @@ a:focus {
position : relative ;
position : relative ;
background-image : url ( '/static/GitCitadel_PFP.png' ) ;
background-image : url ( '/static/GitCitadel_PFP.png' ) ;
background-size : cover ;
background-size : cover ;
background-position : center right ;
background-position : center cente r;
background-repeat : no-repeat ;
background-repeat : no-repeat ;
padding : 3rem 2rem ;
padding : 3rem 2rem ;
border-radius : 12px ;
border-radius : 12px ;
@ -530,7 +539,7 @@ a:focus {
right : 0 ;
right : 0 ;
bottom : 0 ;
bottom : 0 ;
background : linear-gradient (
background : linear-gradient (
to right ,
to bottom ,
rgba ( 45 , 45 , 45 , 0 . 95 ) 0 % ,
rgba ( 45 , 45 , 45 , 0 . 95 ) 0 % ,
rgba ( 45 , 45 , 45 , 0 . 85 ) 30 % ,
rgba ( 45 , 45 , 45 , 0 . 85 ) 30 % ,
rgba ( 124 , 158 , 255 , 0 . 4 ) 60 % ,
rgba ( 124 , 158 , 255 , 0 . 4 ) 60 % ,
@ -1018,6 +1027,7 @@ footer {
. article-menu li {
. article-menu li {
margin-bottom : 0 . 5rem ;
margin-bottom : 0 . 5rem ;
display : block ;
}
}
. article-link {
. article-link {
@ -1040,10 +1050,15 @@ footer {
}
}
. article-link-title {
. article-link-title {
display : flex ;
align-items : center ;
gap : 0 . 5rem ;
font-weight : 600 ;
font-weight : 600 ;
color : var ( --text-primary ) ;
color : var ( --text-primary ) ;
margin-bottom : 0 . 5rem ;
margin-bottom : 0 . 5rem ;
font-size : 1em ;
font-size : 1em ;
text-transform : uppercase ;
letter-spacing : 0 . 05em ;
}
}
. article-link-meta {
. article-link-meta {
@ -1089,6 +1104,23 @@ footer {
border-bottom : 1px solid var ( --border-color ) ;
border-bottom : 1px solid var ( --border-color ) ;
}
}
. article-meta {
display : flex ;
flex-wrap : wrap ;
gap : 1 . 5rem ;
margin-top : 1rem ;
align-items : center ;
font-size : 0 . 95em ;
}
. article-meta . article-date ,
. article-meta . article-author {
display : flex ;
align-items : center ;
gap : 0 . 5rem ;
color : var ( --text-secondary ) ;
}
. article-image {
. article-image {
margin : 1 . 5rem 0 ;
margin : 1 . 5rem 0 ;
width : 100 % ;
width : 100 % ;
@ -1736,6 +1768,17 @@ textarea:focus-visible {
background-color : var ( --bg-secondary ) ;
background-color : var ( --bg-secondary ) ;
border-radius : 8px ;
border-radius : 8px ;
overflow : hidden ;
overflow : hidden ;
table-layout : fixed ;
}
. ebooks-table th : nth-child ( 1 ) ,
. ebooks-table td : nth-child ( 1 ) {
width : 66 . 67 % ;
}
. ebooks-table th : nth-child ( 2 ) ,
. ebooks-table td : nth-child ( 2 ) {
width : 33 . 33 % ;
}
}
. ebooks-table thead {
. ebooks-table thead {
@ -1801,6 +1844,16 @@ textarea:focus-visible {
font-size : 0 . 9em ;
font-size : 0 . 9em ;
}
}
. btn-icon-only {
padding : 0 . 5rem ;
aspect-ratio : 1 ;
justify-content : center ;
}
. btn-icon-only . icon-inline {
margin-right : 0 ;
}
. ebooks-table td . text-center {
. ebooks-table td . text-center {
text-align : center ;
text-align : center ;
color : var ( --text-secondary ) ;
color : var ( --text-secondary ) ;