Laouris: Styles for main page

2026-07-26T19:29:54Z

Styles for main page

New page

/* CSS placed here will be applied to all skins */

.icon-box {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-radius: 0.5rem; /* Rounded-lg */
padding: 2rem; /* p-4 */
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */

}

.icon-box i {
font-size: 3rem; /* text-3xl */
margin-bottom: 0.5rem; /* mb-2 */
}

.people i {
background-image: url("images/0/05/People.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.books i {
background-image: url("images/4/45/Books.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.video i {
background-image: url("images/e/ec/Videos.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.conferences i {
background-image: url("images/1/18/Conferences.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.journal i {
background-image: url("images/1/11/Articles.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.events i {
background-image: url("images/2/2b/Theories.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.methodologies i {
background-image: url("images/6/6f/Lightbulb.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.othertools i {
background-image: url("images/c/c5/Tools.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.softwares i {
background-image: url("images/f/fd/Software.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.minisymposia i {
background-image: url("images/e/ee/Peoples.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.bookclub i {
background-image: url("images/5/53/Book_club.png");
height: 150px;
width: 500px;
background-size: 20%;
background-repeat: no-repeat;
background-position: center;
}

.icon-box pre {
padding: 3em !important;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: center top;
background-color: rgba(0, 0, 0, 0);
border: none;
object-fit: contain !important;
max-width: 100%;
max-height: 100%;
}

.icon-box p {
margin-top: 0.5rem; /* mt-2 */
font-size: 1.125rem; /* text-lg */
font-weight: 700; /* font-semibold */
}

.text-white {
color: white;
}

.text-gray-600 {
color: #4B5563;
}

.bg-red-500 {
background-color: #EF4444;
}

.bg-orange-400 {
background-color: #F97316;
}

.bg-gray-300 {
background-color: #D1D5DB;
}

.bg-purple-500 {
background-color: #A855F7;
}

.bg-blue-400 {
background-color: #60A5FA;
}

.bg-magenta-400 {
background-color: #FF00FF;
}

.bg-skyBlue-400 {
background-color: #87CEEB;
}

.bg-almond-400 {
background-color: #E0C3A1;
}

.bg-blueGreen-400 {
background-color: #0D98BA;
}

.bg-darkBrown-400 {
background-color: #654321;
}

/* Responsive grid */
@media (min-width: 640px) {
.grid-cols-3 pre {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem; /* gap-4 */
}
}

MediaWiki:Common.css - Revision history

Laouris: Styles for main page