Ş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 58 değişikliği gösterilmiyor)
1. satır: 1. satır:
form {  
* {
    position: relative;  
  margin: 1px;
    top: 100px;
  box-sizing: border-box;
    left: 100px;
    padding: 10px;
    display: inline-block;
    box-shadow: 0 1px 1px rgba(0,0,0,.65);
    border-radius: 3px;
    border: solid 1px #ddd;
    width: 460px;
    height: 200px;
    overflow: hidden;
}
}
input { display: none; }
 
input:checked + label, label:hover {  
.acordeon {
    background: #4D90FE;
background: white;
    border: solid 1px rgba(0,0,0,.15);
margin: 0 auto;
    color: white;  
     box-shadow: 0 0 3px #B2B2B2;
     box-shadow: 0 1px 1px rgba(0,0,0,.65), 0 1px 0 rgba(255,255,255,.1) inset;
    text-shadow: 0 -1px 0 rgba(0,0,0,.6);
}
}
label {
 
    font-family: helvetica;
.acordeon-cabecera {
    cursor: pointer;
border-bottom: 1px solid #DDE0E7;
    display: block;
color: #222222;
    border: solid 1px transparent;
cursor: pointer;
    text-align: center;  
font-weight: 600;
    line-height: 40px;  
padding: 1.5rem;
    border-radius: 3px;  
     background:#fff;
    float: left;
     width: 40px;
    height: 200px;
    line-height: 200px;
}
}
label:last-child { margin-right: 0; }
 
label {    
.acordeon-cabecera:hover {
    background: rgba(77, 144, 254, .5);
background: #fdf8d7;
    border: solid 1px rgba(0,0,0,.15);  
}
}


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


    width: 0;
.acordeon-contenido {
    height: 145px; 
display: none;
    overflow: hidden;
border-bottom: 1px solid #DDE0E7;
    transition: width .25s linear, opacity .3s linear;
background: #fff;
    position: relative;
padding: 1.4rem;
    top: 5px;
color: #4a5666;
    margin-bottom: 0;
    padding: 0;
    margin-right: 10px;
    opacity: 0;
    float: left;
}
}
div:last-child article { margin-right: 0; }
.box-round {
article p {
clear: both;
    color: #333;
    font-family: helvetica;
    font-size: 12px;
    line-height: 18px;
    width: 245px;   
    padding: 5px 10px;
}
}


div > input:checked ~ article { width: 255px; opacity: 1; }
.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;
}

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;
}