MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 06:40, 28 June 2024

2,846 bytes added ,  28 June 2024
no edit summary
No edit summary
No edit summary
Line 23: Line 23:
html, body {
html, body {
     font-family: HALColant-TextRegular!important;
     font-family: HALColant-TextRegular!important;
background: #FAFAFA 0%;
    background: #FAFAFA 0%;
-webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
    -moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;
    font-smoothing: antialiased;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
}
}
Line 47: Line 47:
/* Page Margins */
/* Page Margins */
.mw-body {
.mw-body {
padding: 0 !important;
    padding: 0 !important;
     margin-left: 0 !important;
     margin-left: 0 !important;
     border: none;
     border: none;
Line 56: Line 56:
}
}
.mw-parser-output {
.mw-parser-output {
background: #FAFAFA 0%;
    background: #FAFAFA 0%;
     transition: background-color 1s ease;
     transition: background-color 1s ease;
     /*padding: 25px;*/
     /*padding: 25px;*/
Line 73: Line 73:
}
}
.mw-parser-output a.external {
.mw-parser-output a.external {
background-image: none;
    background-image: none;
}
}
.mw-search-result-data {
.mw-search-result-data {
Line 119: Line 119:
}
}
a.mw-selflink {
a.mw-selflink {
font-weight: normal;
    font-weight: normal;
text-decoration: underline;
    text-decoration: underline;
}
}
a.mw-selflink:hover {
a.mw-selflink:hover {
font-weight: normal;
    font-weight: normal;
text-decoration: underline;
    text-decoration: underline;
}  
}  
#mw-head {
#mw-head {
Line 135: Line 135:
}
}
#mw-page-base {
#mw-page-base {
background-color: #FAFAFA;
    background-color: #FAFAFA;
     transition: background-color 1s ease;
     transition: background-color 1s ease;
     background-image: none;
     background-image: none;
Line 145: Line 145:
/* Don't display 3 vertical lines. This is loading of Mediawiki*/
/* Don't display 3 vertical lines. This is loading of Mediawiki*/
.mw-indicators {
.mw-indicators {
display: none;
    display: none;
}
}
/* Don't display loading load spinner. This is loading of Semantic Mediawiki*/
/* Don't display loading load spinner. This is loading of Semantic Mediawiki*/
.smw-overlay-spinner {
.smw-overlay-spinner {
display: none;
    display: none;
}
}
.mw-content-subtitle, #contentSub, #contentSub2 {
.mw-content-subtitle, #contentSub, #contentSub2 {
Line 158: Line 158:
/* ------> STYLING HEADER */
/* ------> STYLING HEADER */
.custom-navbar {
.custom-navbar {
display:none;
    display:none;
}
}
.logo p {
.logo p {
Line 191: Line 191:
}
}
div#hf-nsheader-Special {
div#hf-nsheader-Special {
position: fixed;
    position: fixed;
     top: 0;
     top: 0;
     left: 0;
     left: 0;
Line 205: Line 205:
     flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0 auto;
     margin: 0 auto;
/*padding-bottom: 100px;*/
    /*padding-bottom: 100px;*/
}
}
.head-col {
.head-col {
Line 223: Line 223:
     border: 1px solid black;
     border: 1px solid black;
     background: #FAFAFA;
     background: #FAFAFA;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="%2364FF00" /></svg>') 14 14, auto;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="%23FFA00" /></svg>') 14 14, auto;
     z-index: 2;
     z-index: 2;
     position: relative;
     position: relative;
Line 298: Line 298:
     font-size: 17px;
     font-size: 17px;
     line-height: 20px;
     line-height: 20px;
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="%23FFA00" /></svg>') 14 14, auto;
     text-transform: uppercase;
     text-transform: uppercase;
}
}
.toggle-filters.general-toggle {
.toggle-filters.general-toggle {
font-family: HALColant-TextRegular !important;
    font-family: HALColant-TextRegular !important;
     background: none;
     background: none;
     border: none;
     border: none;
     font-size: 17px;
     font-size: 17px;
     line-height: 20px;
     line-height: 20px;
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="%23FFA00" /></svg>') 14 14, auto;
     text-transform: uppercase;
     text-transform: uppercase;
}
}
.toggle-filters.open-filter {
.toggle-filters.open-filter {
font-family: HALColant-TextRegular !important;
    font-family: HALColant-TextRegular !important;
     position: absolute;
     position: absolute;
     background: none;
     background: none;
Line 319: Line 319:
     border: none;
     border: none;
     padding: 5px 0;
     padding: 5px 0;
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="%23FFA00" /></svg>') 14 14, auto;
     text-decoration: underline;
     text-decoration: underline;
     font-size: 17px;
     font-size: 17px;
Line 329: Line 329:
}
}
.filter-button {
.filter-button {
font-family: HALColant-TextRegular !important;
    font-family: HALColant-TextRegular !important;
padding: 0 !important;
    padding: 0 !important;
white-space: nowrap;
    white-space: nowrap;
background: rgb(237,237,237);
    background: rgb(237,237,237);
margin-bottom: 5px;
    margin-bottom: 5px;
border: none;
    border: none;
cursor: pointer;
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="%23FFA00" /></svg>') 14 14, auto;
     font-size: 19px;
     font-size: 19px;
line-height: 26px;
    line-height: 26px;
     letter-spacing: 0.95px;
     letter-spacing: 0.95px;
}
}
.filter-button:hover {
.filter-button:hover {
font-style: italic;
    font-style: italic;
}
}
.values {
.values {
     display: none; /* Keep the filter values hidden initially */
     display: none; /* Keep the filter values hidden initially */
padding-top: 30px;
    padding-top: 30px;
}
}
button.active {
button.active {
Line 365: Line 365:
     .toggle-filters.open-filter {
     .toggle-filters.open-filter {
         font-size: 15px;
         font-size: 15px;
    line-height: 24px;
        line-height: 24px;
         letter-spacing: 0.95px;
         letter-spacing: 0.95px;
     }
     }
Line 396: Line 396:


.header-entry-number {
.header-entry-number {
font-size: 17px;
    font-size: 17px;
     line-height: 24px;
     line-height: 24px;
letter-spacing: 0.37px;
    letter-spacing: 0.37px;
padding-bottom: 5px;
    padding-bottom: 5px;
     float: left;
     float: left;
}
}
Line 405: Line 405:
     font-size: 19px;
     font-size: 19px;
     line-height: 26px;
     line-height: 26px;
letter-spacing: 0.95px;
    letter-spacing: 0.95px;
padding-left: 5em;
    padding-left: 5em;


}
}
Line 413: Line 413:
     font-size: 19px;
     font-size: 19px;
     line-height: 26px;
     line-height: 26px;
letter-spacing: 0.95px;
    letter-spacing: 0.95px;
padding: 4px 0;
    padding: 4px 0;
}
}
.header-authors a {
.header-authors a {
Line 434: Line 434:
     font-size: 19px;
     font-size: 19px;
     line-height: 23px;
     line-height: 23px;
letter-spacing: 0.95px;
    letter-spacing: 0.95px;
padding-top: 4px;
    padding-top: 4px;
}
}
.header-index {
.header-index {
font-size: 17px;
    font-size: 17px;
     line-height: 22px;
     line-height: 22px;
letter-spacing: 0.37px;
    letter-spacing: 0.37px;
}
}
.header-index a {
.header-index a {
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     color: black;
     color: black;
}
}
Line 450: Line 450:
}
}
.header-people {
.header-people {
font-size: 17px;
    font-size: 17px;
     line-height: 22px;
     line-height: 22px;
letter-spacing: 0.37px;
    letter-spacing: 0.37px;
}
}
.header-people a{
.header-people a{
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     color: black!important;
     color: black!important;
}
}
Line 462: Line 462:
}
}
.header-community {
.header-community {
font-size: 17px;
    font-size: 17px;
     line-height: 22px;
     line-height: 22px;
letter-spacing: 0.37px;
    letter-spacing: 0.37px;
}
}
.header-community a {
.header-community a {
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     color: black!important;
     color: black!important;
}
}
Line 477: Line 477:
     font-size: 17px;
     font-size: 17px;
     line-height: 22px;
     line-height: 22px;
letter-spacing: 0.37px;
    letter-spacing: 0.37px;
}
}
.header-about {
.header-about {
font-size: 17px;
    font-size: 17px;
     line-height: 22px;
     line-height: 22px;
letter-spacing: 0.37px;
    letter-spacing: 0.37px;
}
}
.header-about a {
.header-about a {
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     color: black!important;
     color: black!important;
}
}
Line 492: Line 492:
}
}
.about-hide {
.about-hide {
opacity: 0; /* Make it invisible initially */
    opacity: 0; /* Make it invisible initially */
     visibility: hidden; /* Ensure it's not interactable */
     visibility: hidden; /* Ensure it's not interactable */
     display: none;
     display: none;
Line 506: Line 506:
}
}
.header-about:hover + .about-hide {
.header-about:hover + .about-hide {
display: block;
    display: block;
     opacity: 1; /* Make it fully visible on hover */
     opacity: 1; /* Make it fully visible on hover */
     visibility: visible; /* Make it interactable */
     visibility: visible; /* Make it interactable */
Line 630: Line 630:
     justify-content: left;
     justify-content: left;
     position: relative;
     position: relative;
z-index: 1000;
    z-index: 1000;
}
}
.view-buttons, .order-buttons {
.view-buttons, .order-buttons {
Line 636: Line 636:
     justify-content: left;
     justify-content: left;
     position: relative;
     position: relative;
z-index: 1000;
    z-index: 1000;
}
}
.home-list-sorting-buttons, .home-block-sorting-buttons {
.home-list-sorting-buttons, .home-block-sorting-buttons {
Line 677: Line 677:
     border: none;
     border: none;
     font-family: HALColant-TextRegular!important;
     font-family: HALColant-TextRegular!important;
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     font-size: 19px;
     font-size: 19px;
     line-height: 26px;
     line-height: 26px;
Line 711: Line 711:
}
}
.home-chronicle-block div.list-container div.card:hover {
.home-chronicle-block div.list-container div.card:hover {
background: #f3f3f3;
    background: #f3f3f3;
}
}
.home-chronicle-list div.list-container div.card:hover {
.home-chronicle-list div.list-container div.card:hover {
background: #f3f3f3;
    background: #f3f3f3;
}
}
.home-chronicle-block div.list-container div.event:hover {
.home-chronicle-block div.list-container div.event:hover {
Line 846: Line 846:
}
}
.home-chronicle-list div.list-container div.card.event div.date {
.home-chronicle-list div.list-container div.card.event div.date {
width: auto;
    width: auto;
flex: 1;
    flex: 1;
}
}
.home-chronicle-block div.list-container div.card.event div.container-people-date {
.home-chronicle-block div.list-container div.card.event div.container-people-date {
display: flex; /* Enables flexbox layout mode */
    display: flex; /* Enables flexbox layout mode */
justify-content: space-between;
    justify-content: space-between;
border-top: 1px solid black;
    border-top: 1px solid black;
}
}
.home-chronicle-block div.list-container div.card.event div.people {
.home-chronicle-block div.list-container div.card.event div.people {
Line 921: Line 921:
   border-bottom: none;
   border-bottom: none;
   border-top: 1px solid black;
   border-top: 1px solid black;
   cursor: pointer;
   cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
   display: flex;
   display: flex;
   align-items: flex-start;
   align-items: flex-start;
Line 1,014: Line 1,014:
}
}
.home-chronicle-list div.list-container div.card.event div.type a {
.home-chronicle-list div.list-container div.card.event div.type a {
   
}
}
.home-chronicle-list div.list-container div.card div.type a {
.home-chronicle-list div.list-container div.card div.type a {
color: black;
    color: black;
text-decoration: none;
    text-decoration: none;
}
}
.home-chronicle-list div.list-container div.card div.type a:hover {
.home-chronicle-list div.list-container div.card div.type a:hover {
font-style: italic;
    font-style: italic;
}
}
.home-chronicle-list div.list-container div.card div.title {
.home-chronicle-list div.list-container div.card div.title {
Line 1,038: Line 1,038:
/* ----->START------ POP UP ARTICLE */
/* ----->START------ POP UP ARTICLE */
#list {
#list {
width: 100%!important;
    width: 100%!important;
}
}
#show-article-wrapper-entry {
#show-article-wrapper-entry {
Line 1,287: Line 1,287:
     height: 20px; /* Adjust the height as needed */
     height: 20px; /* Adjust the height as needed */
     font-size: 17px;
     font-size: 17px;
line-height: 22px;
    line-height: 22px;
letter-spacing: 0.48px;
    letter-spacing: 0.48px;
color: black !important;
    color: black !important;
text-decoration: none;
    text-decoration: none;
}
}
.external-link-icon a {
.external-link-icon a {
     font-size: 17px;
     font-size: 17px;
line-height: 22px;
    line-height: 22px;
letter-spacing: 0.48px;
    letter-spacing: 0.48px;
color: black !important;
    color: black !important;
text-decoration: none;
    text-decoration: none;
}
}
.external-link-icon a:hover {
.external-link-icon a:hover {
Line 1,375: Line 1,375:
     top: 53%;
     top: 53%;
     transform: translateY(-53%);
     transform: translateY(-53%);
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     user-select: none;
     user-select: none;
     font-size: 40px;
     font-size: 40px;
Line 1,480: Line 1,480:
}
}
.article-external-reference {
.article-external-reference {
font-size: 19px;
    font-size: 19px;
     line-height: 23px;
     line-height: 23px;
     letter-spacing: 0.6px;
     letter-spacing: 0.6px;
Line 1,502: Line 1,502:
}
}
.article-external-reference a {
.article-external-reference a {
padding-right: 0px !important;
    padding-right: 0px !important;
color: black !important;
    color: black !important;
}
}
.article-format-participation {
.article-format-participation {
Line 1,616: Line 1,616:
     line-height: 26px;
     line-height: 26px;
     letter-spacing: 0.95px;
     letter-spacing: 0.95px;
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     background-color: #FAFAFA;
     background-color: #FAFAFA;
}
}
Line 1,665: Line 1,665:
#close-button {
#close-button {
     float: right;  
     float: right;  
     cursor: pointer;  
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;  
     padding: 5px 0 0 0;
     padding: 5px 0 0 0;
     font-size: 20px;
     font-size: 20px;
Line 1,767: Line 1,767:
     z-index: 11;
     z-index: 11;
     background: transparent linear-gradient(180deg, #FFF0 0%, #FAFAFA 100%) 0% 0% no-repeat padding-box;
     background: transparent linear-gradient(180deg, #FFF0 0%, #FAFAFA 100%) 0% 0% no-repeat padding-box;
padding-bottom: 1.3%;
    padding-bottom: 1.3%;
padding-top: 50px;
    padding-top: 50px;
padding-left: 1.3%;
    padding-left: 1.3%;
padding-right: 1.3%;
    padding-right: 1.3%;
}
}


Line 1,782: Line 1,782:
     line-height: 22px;
     line-height: 22px;
     letter-spacing: 0.37px;
     letter-spacing: 0.37px;
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     color: black !important;
     color: black !important;
}
}
Line 1,836: Line 1,836:
     letter-spacing: normal;
     letter-spacing: normal;
     font-family: 'HALColant-TextRegular';
     font-family: 'HALColant-TextRegular';
     cursor: pointer;
     cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28"><circle cx="14" cy="14" r="4.5" fill="black" /></svg>') 14 14, auto;
     text-transform: uppercase;
     text-transform: uppercase;
     background: none;
     background: none;
Line 1,859: Line 1,859:
}
}
.searchresult {
.searchresult {
display: none;
    display: none;
}
}
#simpleSearch:hover #searchInput {
#simpleSearch:hover #searchInput {
Line 1,940: Line 1,940:
     column-gap: 10px;
     column-gap: 10px;
     position: relative;
     position: relative;
margin: 0;
    margin: 0;
width: 100%;
    width: 100%;
     top: 430px;
     top: 430px;
}
}
Line 1,962: Line 1,962:
/* Add margin-top to individual community pages */
/* Add margin-top to individual community pages */
.community-page {
.community-page {
position: relative;
    position: relative;
top: 300px;
    top: 300px;
}
}
/* Removes top border from the first card in each column */
/* Removes top border from the first card in each column */
Line 2,072: Line 2,072:
}
}
#mw-content-text .searchresults {
#mw-content-text .searchresults {
padding: 25px;
    padding: 25px;
}
}
#mw-search-top-table div.oo-ui-actionFieldLayout {
#mw-search-top-table div.oo-ui-actionFieldLayout {
Retrieved from "https://softwear.directory/log/Special:MobileDiff/4441"

Navigation menu