Plantilla:ConferenceCard/styles.css - Historial de revisiones

Hasley en 18:32 3 feb 2023

2023-02-03T18:32:13Z

← Revisión anterior		Revisión del 18:32 3 feb 2023
Línea 232:		Línea 232:
	object-fit: cover;		object-fit: cover;
	border: 1px solid #ccc;		border: 1px solid #ccc;
	padding: ~~7px~~;		padding: 2px;
	margin: 2px;		margin: 2px;
	background: #fff;		background: #fff;

Hasley en 17:32 13 jul 2022

2022-07-13T17:32:26Z

← Revisión anterior		Revisión del 17:32 13 jul 2022
Línea 205:		Línea 205:
	text-align: center;		text-align: center;
	}		}
	.program-item .title~~, .program-item .title-alt~~ {		.program-item .title {
	grid-column: 3;		grid-column: 3;
	font-weight: bold;		font-weight: bold;
Línea 211:		Línea 211:
	padding-left: 1em;		padding-left: 1em;
	border: 0 dashed #ccc;		border: 0 dashed #ccc;
			border-width: 0 0 0 2px;
			}
			.program-item .title-alt {
			grid-column: 3;
			font-weight: bold;
			margin-left: 1em;
			padding-left: 1em;
	border-width: 0 0 0 2px;		border-width: 0 0 0 2px;
	}		}

Hasley en 17:01 13 jul 2022

2022-07-13T17:01:49Z

← Revisión anterior		Revisión del 17:01 13 jul 2022
Línea 192:		Línea 192:
	display: none;		display: none;
	}		}
	.break {		.break, .break2 {
	background: repeating-linear-gradient(45deg, #eee 0px, #eee 10px, #f5f5f5 10px, #F5F5F5 20px)		background: repeating-linear-gradient(45deg, #eee 0px, #eee 10px, #f5f5f5 10px, #F5F5F5 20px)
	}		}

Hasley: Se ha deshecho la revisión 5630 de Hasley (disc.)

2022-07-13T16:59:31Z

Se ha deshecho la revisión 5630 de Hasley (disc.)

← Revisión anterior		Revisión del 16:59 13 jul 2022
Línea 205:		Línea 205:
	text-align: center;		text-align: center;
	}		}
	.program-item .title {		.program-item .title, .program-item .title-alt {
	grid-column: 3;		grid-column: 3;
	font-weight: bold;		font-weight: bold;
Línea 237:		Línea 237:
	text-align: center;		text-align: center;
	}		}
	.break .break .speakerimage, .break .speaker, .break .watchlinks {		.break .title, .break .speakerimage, .break .speaker, .break .watchlinks {
	display: none;		display: none;
	}		}
Línea 250:		Línea 250:
	grid-column: span 2;		grid-column: span 2;
	}		}
	.program-item .title {		.program-item .title, .program-item .title-alt {
	grid-column: 1 / span 3;		grid-column: 1 / span 3;
	margin-left: 0;		margin-left: 0;

Hasley en 16:56 13 jul 2022

2022-07-13T16:56:31Z

← Revisión anterior		Revisión del 16:56 13 jul 2022
Línea 237:		Línea 237:
	text-align: center;		text-align: center;
	}		}
	.break ~~.title,~~ .break .speakerimage, .break .speaker, .break .watchlinks {		.break .break .speakerimage, .break .speaker, .break .watchlinks {
	display: none;		display: none;
	}		}

Hasley en 23:52 12 jul 2022

2022-07-12T23:52:33Z

← Revisión anterior		Revisión del 23:52 12 jul 2022
Línea 222:		Línea 222:
	width: 70px !important;		width: 70px !important;
	height: 70px !important;		height: 70px !important;
	border-radius: 50%;		border-radius: 15%;
	object-fit: cover;		object-fit: cover;
	border: 1px solid #ccc;		border: 1px solid #ccc;
	padding: ~~2px~~;		padding: 7px;
	margin: 2px;		margin: 2px;
	background: #fff;		background: #fff;

Hasley: de https://meta.wikimedia.org/wiki/Template:Arctic_Knot_Conference_2021/styles.css

2022-07-12T23:40:02Z

de https://meta.wikimedia.org/wiki/Template:Arctic_Knot_Conference_2021/styles.css

Página nueva

@keyframes logo {
from { filter: hue-rotate(0deg); }
to { filter: hue-rotate(360deg); }
}
@media (max-width:1000px) {
.akheader {
margin-top: 1vh;
background: radial-gradient(circle at bottom,#555,#888);
border-radius: 1em 1em 1em 0;
flex-direction: column;
}
.akheadertext {
order: 2;
text-align: center;
}
.akheaderlogo {
order: 1;
}
.akheaderlogo, .tabs .focus a {
animation-name: logo;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.tabs {
margin-top: 3px;
justify-content: flex-start;
flex-wrap: wrap;
}
.tabs .tab a {
padding: 0.2em 0.4em;
border-radius: 0 5px 5px 0;
margin: 0 3px 3px 0;
color: #fff;
background: linear-gradient(to bottom,#555,#999);
}
.tabs .focus a {
border-right: 5px solid #b5da98;
cursor: default;
}
.mw-pt-languages {
text-align: center;
}
}
@media (min-width:1001px) {
.akheader {
background: radial-gradient(ellipse at bottom,transparent 40%,rgba(0,0,0,0.5)),
url("https://upload.wikimedia.org/wikipedia/commons/b/be/Arctic_Sunset.jpg");
background-size: cover;
background-position: 0 50%;
flex-direction: row;
justify-content: space-between;
border-radius: 3em;
height: 15vw;
min-height: 260px;
}
.akheader:hover .akheadertext {
line-height: 3rem;
}
.tabs .tab a {
padding: 0.5em;
margin: 0 0.5em;
border-bottom: 3px solid #555;
font-size: 110%;
margin-bottom: 0.5em;
color: #555;
}
.tabs .tab a:hover {
margin-bottom: 0;
padding-bottom: 1em;
background: #f6f6f6;
}
.tabs .focus a {
border-bottom: 3px solid #b5da98;
cursor: default;
}
.tabs {
justify-content: center;
}
}
.akheader {
width: 100%;
display: flex;
align-items: center;
}
.akheadertext {
padding: 2vw;
font-size: 1.5rem;
color: #fff;
text-shadow: 0 0 5px rgba(0,0,0,0.5);
transition: all 1s;
line-height: 2rem;
font-family: "Linux Libertine", serif;
}
.akheadertext b {
font-size: 150%;
}
.akheaderlogo {
padding: 2vw;
}
.tabs {
display: flex;
}
.tabs .tab a {
display: inline-block;
text-transform: uppercase;
font-weight: 500;
transition: all 500ms;
}
.tabs .tab a:hover {
text-decoration: none;
}
.tabs .tab a.external {
background-image: none;
}
.container {
max-width: 1000px;
margin: 2em auto;
}
.tagline {
font-family: "Linux Libertine", serif;
font-style: italic;
font-size: 16pt;
text-align: center;
margin: 2vh 0;
}

rtl ul {
list-style-image: url("https://upload.wikimedia.org/wikipedia/commons/5/5d/%C3%81rvu-r%C3%A1nes-njuolla-g.svg");
}
ul li {
padding-left: 0.5rem;
}
.logos {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
align-content: center;
width: 100%;
}
.uit-logo {
font-size: 130%;
white-space: nowrap;
display: flex;
align-items: center;
padding: 1vw;
}
.uit-logo a.external, .uit-logo a.external:visited {
color: #000;
text-decoration: none;
}
.logotest {
animation-name: logo;
animation-duration: 10s;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.mw-pt-languages {
max-width: 1000px;
margin: 1vw auto;
border-radius: 3vw;
overflow: hidden;
}
.program-parallel {
display: grid;
grid-template-columns: calc(50% - 0.25em) 0.5em calc(50% - 0.25em);
width: 100%;
}
.program-parallel .program-item:last-of-type {
grid-column: 3;
}
.program-parallel .program-item .speakerimage {
display: none;
}
.program-parallel .program-item {
grid-template-columns: 4em 7em auto 1px;
}
.program-item {
box-sizing: border-box;
display: grid;
grid-template-columns: 4em 7em auto 180px;
width: 100%;
background: rgba(0,0,0,0.05);
border-radius: 1em;
border: 1px solid #ccc;
padding: 1em;
margin-bottom: 0.5em;
}
.program-item .parallel-notice {
display: none;
}
.break {
background: repeating-linear-gradient(45deg, #eee 0px, #eee 10px, #f5f5f5 10px, #F5F5F5 20px)
}
.break .time {
grid-column: span 3;
display: flex;
align-items: center;
justify-content: center;
}
.program-item .emoji {
font-size: 200%;
text-align: center;
}
.program-item .title {
grid-column: 3;
font-weight: bold;
margin-left: 1em;
padding-left: 1em;
border: 0 dashed #ccc;
border-width: 0 0 0 2px;
}
.program-item .speakerimage {
grid-column: 4;
grid-row: span 2;
margin: auto;
text-align: center;
}
.program-item .speakerimage img {
width: 70px !important;
height: 70px !important;
border-radius: 50%;
object-fit: cover;
border: 1px solid #ccc;
padding: 2px;
margin: 2px;
background: #fff;
}
.program-item .speaker {
grid-column: 3;
margin-left: calc(2em + 2px);
}
.program-item .watchlinks {
grid-column: span 4;
text-align: center;
}
.break .title, .break .speakerimage, .break .speaker, .break .watchlinks {
display: none;
}
.videopool-item .time {
margin: auto;
}
@media (max-width:1000px) {
.program-item {
grid-template-columns: 4em 7em auto 80px;
}
.program-item .time {
grid-column: span 2;
}
.program-item .title {
grid-column: 1 / span 3;
margin-left: 0;
padding-left: 0;
margin-top: 0.5em;
padding-top: 0.5em;
margin-right: 1em;
border-width: 2px 0 0 0;
}
.program-item .speakerimage {
grid-row: 1 / span 3;
}
.program-item .speaker {
grid-column: 1 / span 3;
margin-left: 0;
}
.program-parallel {
display: flex;
flex-direction: column;
}
.program-parallel .program-item {
background: rgba(255,255,0,0.1);
}
.program-parallel .program-item .parallel-notice {
display: inline;
}
.program-parallel .program-item:first-of-type {
margin: 0 !important;
border-radius: 1em 1em 0 0;
border-bottom: 0;
}
.program-parallel .program-item:last-of-type {
margin: 0 0 0.5em 0 !important;
border-radius: 0 0 1em 1em;
border-top-width: 3px;
border-top-style: dotted;
}
}