Şablon:Anasayfa/sınıflar.css: Revizyonlar arasındaki fark

Fen Ansiklopedisi sitesinden
Değişiklik özeti yok
Değişiklik özeti yok
 
(Aynı kullanıcının aradaki diğer 52 değişikliği gösterilmiyor)
1. satır: 1. satır:
 
* {
*{
  margin: 1px;
margin: 0;
  box-sizing: border-box;
padding: 0;
box-sizing: border-box;
list-style: none;
font-family: 'Montserrat', sans-serif;
}
}


 
.acordeon {
 
background: white;
.wrapper{
margin: 0 auto;
width: 850px;
    box-shadow: 0 0 3px #B2B2B2;
margin: 200px auto;
}
}


.main_title{
.acordeon-cabecera {
font-size: 32px;
border-bottom: 1px solid #DDE0E7;
color: #fff;
color: #222222;
letter-spacing: 2px;
padding: 15px 25px;
border-radius: 3px;
text-align: center;
width: 700px;
margin: 0 auto 25px;
}
 
.accordion_wrap ul{
display: flex;
justify-content: center;
}
 
.accordion_wrap .accordion_item{
list-style: none;
width: 100px;
height: 175px;
background: #edc856;
border-right: 1px solid #a48d2d;
cursor: pointer;
cursor: pointer;
position: relative;
font-weight: 600;
transition: all 0.2s linear;
padding: 1.5rem;
    background:#fff;
}
}


.accordion_wrap .accordion_item:hover,
.acordeon-cabecera:hover {
.accordion_wrap li.active .accordion_item{
background: #fdf8d7;
background: #a48d2d;
border-right: 1px solid #edc856;
}
}


.accordion_wrap li:first-child .accordion_item{
.acordeon-cabecera.active {
border-top-left-radius: 3px;
background-color: #fdf8d7;
border-bottom-left-radius: 3px;
}
}


.accordion_wrap li:last-child .accordion_item,
.acordeon-contenido {
.accordion_wrap li:last-child .accordion_menu{
display: none;
border-right: 0px;
border-bottom: 1px solid #DDE0E7;
border-top-right-radius: 3px;
background: #fff;
border-bottom-right-radius: 3px;
padding: 1.4rem;
color: #4a5666;
}
}
 
.box-round {
.accordion_wrap ul li .icon{
clear: both;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);}
 
.accordion_wrap ul li.walk .icon{
background-position: 0 0;
width: 20px;
height: 43px;
}
}


.accordion_wrap ul li.bicycle .icon{
.box-round-title {
background-position: 0 -56px;
padding: 0.1em;
width: 43px;
background: #ccf;
height: 28px;
text-align: center;
font-weight: bold;
border: 1px solid #99c;
border-bottom: none;
border-radius: 1.5em 1.5em 0 0;
}
}


.accordion_wrap ul li.bike .icon{
.box-round-title > span {
background-position: 0 -96px;
float: right;
width: 43px;
margin-bottom: .1em;
height: 32px;
font-size: 85%;
padding-right: 0.5em;
}
}


.accordion_wrap ul li.car .icon{
.box-round-title > h2 {
background-position: 0 -141px;
font-size: 100%;
width: 43px;
font-weight: bold;
height: 24px;
border: none;
}
margin: 0;
 
padding: 0;
.accordion_wrap ul li.train .icon{
padding-bottom: .1em;
background-position: 0 -178px;
width: 43px;
height: 33px;
}
 
.accordion_wrap ul li.aeroplane .icon{
background-position: 0 -224px;
width: 43px;
height: 43px;
}
 
.accordion_wrap ul li.walk .accordion_item:hover .icon,
.accordion_wrap ul li.walk.active .icon{
background-position: -57px 0;
}
 
.accordion_wrap ul li.bicycle .accordion_item:hover .icon,
.accordion_wrap ul li.bicycle.active .icon{
background-position: -57px -56px;
}
 
.accordion_wrap ul li.bike .accordion_item:hover .icon,
.accordion_wrap ul li.bike.active .icon{
background-position: -57px -96px;
}
 
.accordion_wrap ul li.car .accordion_item:hover .icon,
.accordion_wrap ul li.car.active .icon{
background-position: -57px -141px;
}
 
.accordion_wrap ul li.train .accordion_item:hover .icon,
.accordion_wrap ul li.train.active .icon{
background-position: -57px -178px;
}
 
.accordion_wrap ul li.aeroplane .accordion_item:hover .icon,
.accordion_wrap ul li.aeroplane.active .icon{
background-position: -57px -224px;
}
 
.accordion_wrap ul li{
display: flex;
}
 
.accordion_menu{
width: 0px;
height: 175px;
background: #fffaeb;
color: #a48d2d;
overflow: hidden;
transition: width 0.2s ease;
}
 
.accordion_wrap ul li.active .accordion_menu{
width: 250px;
}
 
.accordion_menu .inner_am{
padding: 15px;
}
 
.accordion_menu .title{
font-weight: 600;
}
 
.accordion_menu .content{
font-size: 13px;
font-weight: 300;
margin: 10px 0;
}
 
.accordion_menu .view_more{
padding: 5px;
background: #a48d2d;
color: #fffaeb;
width: 125px;
text-align: center;
border-radius: 3px;
cursor: pointer;
font-size: 13px;
}
}


.accordion_menu .view_more:hover{
.box-round-text {
text-decoration: underline;
border: 1px solid #99c;
background: #fff;
margin-bottom: 10px;
padding: .8em 1em 1em 1.3em;
border-radius: 0 0 1.5em 1.5em;
}
}

19.40, 9 Aralık 2022 itibarı ile sayfanın şu anki hâli

* {
  margin: 1px;
  box-sizing: border-box;
}

.acordeon {
	background: white;
	margin: 0 auto;
    box-shadow: 0 0 3px #B2B2B2;
}

.acordeon-cabecera {
	border-bottom: 1px solid #DDE0E7;
	color: #222222;
	cursor: pointer;
	font-weight: 600;
	padding: 1.5rem;
    background:#fff;
}

.acordeon-cabecera:hover {
	background: #fdf8d7;
}

.acordeon-cabecera.active {
	background-color: #fdf8d7;
}

.acordeon-contenido {
	display: none;
	border-bottom: 1px solid #DDE0E7;
	background: #fff;
	padding: 1.4rem;
	color: #4a5666;
}
.box-round {
	clear: both;
}

.box-round-title {
	padding: 0.1em;
	background: #ccf;
	text-align: center;
	font-weight: bold;
	border: 1px solid #99c;
	border-bottom: none;
	border-radius: 1.5em 1.5em 0 0;
}

.box-round-title > span {
	float: right;
	margin-bottom: .1em;
	font-size: 85%;
	padding-right: 0.5em;
}

.box-round-title > h2 {
	font-size: 100%;
	font-weight: bold;
	border: none;
	margin: 0;
	padding: 0;
	padding-bottom: .1em;
}

.box-round-text {
	border: 1px solid #99c;
	background: #fff;
	margin-bottom: 10px;
	padding: .8em 1em 1em 1.3em;
	border-radius: 0 0 1.5em 1.5em;
}
"https://fenpedia.com/index.php?title=Şablon:Anasayfa/sınıflar.css&oldid=14230" sayfasından alınmıştır