Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Essays homepage/style.css: Difference between revisions

Template page
No edit summary
No edit summary
Line 27: Line 27:
.essays-sidebar{
.essays-sidebar{
width:30%;
width:30%;
background-color:#EEE;
padding:25px 25px;
border-radius:3px;
}
}


Line 32: Line 35:
width:100%;
width:100%;
margin-top:20px;
margin-top:20px;
background-color:#EEE;
 
padding:25px 25px;
border-radius:3px;
}
}



Revision as of 14:48, 18 September 2023

.essays-list li > a{
	display:none;
}

.essays-list li{
	list-style-type: none;
}

.essay-disappear{
	display:block!important;
}

.update-disappear{
	display:none;
}

.essays-page{
	display:flex;
	flex-flow:row-reverse wrap;
}

.essays-list{
	width:67%;
	margin-right:3%;
}

.essays-sidebar{
	width:30%;
	background-color:#EEE;
	padding:25px 25px;
	border-radius:3px;
}

.essays-sidebar-item{
	width:100%;
	margin-top:20px;

}

.essays-sidebar-item > div{
	background-color:#EEE;
	padding:2px 25px;
	border-radius:3px;
}

.essays-sidebar-item > p{
	display:none;
}

.essay-small{
	font-size:0.8em;
}

.essay-big{
	font-size:1.2em;
}

.essay-picture img{
	transform:scale(1);
	transition:transform 0.4s;
}

.essay-picture img:hover{
	transform:scale(1.03);
	transition:transform 0.4s;
}



@media screen and (max-width: 768px) {
	.essays-page{
		display:flex;
		flex-wrap:wrap;
		flex-direction:column;
	}
	.essays-list{
		width:100%;
	}
	.essays-sidebar{
		width:100%;
	}
}