WebSVN – Moodle – Autoría – /h5p/h5plib/v127/joubel/editor/styles/scss/application.scss

Rev	Autor	Línea Nro.	Línea
1441	ariadna	1	`@import "variables";`
		2	`@import "mixins";`
		3	`@import "utils";`
		4	`@import "form-field";`
		5	`@import "form-groups";`
		6	`@import "h5peditor-image-edit";`
		7	`@import "h5peditor-image-edit-popup";`
		8	`@import "deprecated";`
		9
		10	`html, body {`
		11	`margin: 0;`
		12	`padding: 0;`
		13	`color: $text-color;`
		14	`font-family: $font-family;`
		15	`max-width: 960px;`
		16	`position: relative;`
		17	`}`
		18
		19	`a {`
		20	`text-decoration: none;`
		21	`}`
		22
		23	`.offsite {`
		24	`left: -9999px;`
		25	`opacity: 0;`
		26	`position: absolute;`
		27	`top: 0;`
		28	`}`
		29
		30	`.h5peditor {`
		31	`font-size: 16px;`
		32
		33	`.h5p-more-libraries {`
		34	`font-size: 0.875em;`
		35	`margin-top: 0.4em;`
		36	`}`
		37	`.h5peditor-single > .field.library {`
		38	`border: 0;`
		39	`padding: 0;`
		40	`}`
		41	`.cke_dialog_background_cover {`
		42	`width: 100% !important;`
		43	`height: 100% !important;`
		44	`}`
		45
		46	`.errors p,`
		47	`.h5p-errors {`
		48	`color: #da0001;`
		49	`white-space: normal;`
		50	`}`
		51	`textarea {`
		52	`resize: vertical;`
		53	`}`
		54
		55	`.h5p-editor-flex-wrapper {`
		56	`display: flex;`
		57	`flex-direction: row;`
		58
		59	`&.has-button-collapse {`
		60	`align-items: flex-end;`
		61	`margin-bottom: 0.5rem;`
		62	`width: 100%;`
		63
		64	`&.has-label {`
		65	`justify-content: space-between;`
		66	`gap: 0.5rem;`
		67	`}`
		68
		69	`&:not(.has-label) {`
		70	`justify-content: flex-end;`
		71	`}`
		72	`}`
		73
		74	`.h5peditor-button-collapse {`
		75	`align-items: center;`
		76	`background-color:$group-collapse-button-color;`
		77	`background-image:none;`
		78	`border: 3px solid $group-collapse-button-color;`
		79	`border-radius:0.4rem;`
		80	`box-sizing: border-box;`
		81	`display: grid;`
		82	`font-size:0.815rem;`
		83	`font-weight: bold;`
		84	`grid-template-columns: auto 1fr;`
		85	`height: 2.6rem;`
		86	`line-height: 1.2rem;`
		87	`margin: 0;`
		88	`padding: 0 0.6rem 0 0.2rem;`
		89
		90	`.label {`
		91	`white-space: nowrap;`
		92	`}`
		93
		94	`&.collapsed .icon::before {`
		95	`content:"\e942";`
		96	`font-family:"H5P";`
		97	`font-size: 1.2rem;`
		98	`font-weight: normal;`
		99	`padding: 0 0.2rem 0 0.2rem;`
		100	`vertical-align: middle;`
		101	`}`
		102
		103	`&:not(.collapsed) .icon::before {`
		104	`content:"\e941";`
		105	`font-family:"H5P";`
		106	`font-size: 1.2rem;`
		107	`font-weight: normal;`
		108	`padding: 0 0.2rem 0 0.2rem;`
		109	`vertical-align: middle;`
		110	`}`
		111
		112	`&:hover:not([disabled]) {`
		113	`background-color: $group-collapse-button-color;`
		114	`background-image:none; border: 3px solid $group-collapse-button-color-light;`
		115	`}`
		116
		117	`&.no-label {`
		118	`grid-template-columns: auto;`
		119	`padding: 0 0.2rem;`
		120	`width: auto;`
		121
		122	`.label {`
		123	`display: none;`
		124	`}`
		125	`}`
		126	`}`
		127	`}`
		128
		129	`.h5peditor-label-wrapper {`
		130	`display: flex;`
		131	`flex-direction: row;`
		132	`}`
		133
		134	`.has-important-description {`
		135	`.h5peditor-field-description {`
		136	`display: none;`
		137	`}`
		138	`.h5peditor-label-wrapper {`
		139	`float: left;`
		140	`}`
		141	`}`
		142
		143	`.important-description-visible {`
		144	`.h5peditor-field-important-description {`
		145	`display: block;`
		146	`}`
		147	`.h5peditor-label-wrapper {`
		148	`float: none;`
		149	`}`
		150	`.important-description-show {`
		151	`display: none;`
		152	`}`
		153	`}`
		154
		155	`textarea,`
		156	`.h5peditor-text,`
		157	`.ckeditor {`
		158	`box-shadow: $form-input-box-shadow;`
		159	`box-sizing: border-box;`
		160	`margin: 0;`
		161	`padding: $min-padding;`
		162	`min-height: 40px;`
		163	`border: 1px solid $form-border-color;`
		164	`background: $form-input-color;`
		165	`outline: none;`
		166	`font-size: 16px;`
		167	`word-wrap: break-word;`
		168
		169	`a {`
		170	`text-decoration: underline;`
		171	`}`
		172
		173	`/* The figure around the table */`
		174	`figure.table {`
		175	`display: table;`
		176	`table-layout: fixed;`
		177	`margin: 0 auto;`
		178	`padding: 0;`
		179	`float: left;`
		180
		181	`/* The actual table */`
		182	`table {`
		183	`border-collapse: collapse;`
		184	`height: 100%;`
		185	`width: 100%;`
		186	`border-spacing: 0;`
		187	`border-width: 1px;`
		188	`border-color: #494949;`
		189
		190	`td, th {`
		191	`padding: 1px;`
		192	`border-color: #494949;`
		193	`border-bottom-style: solid;`
		194	`}`
		195
		196	`td {`
		197	`border-width: 0.083em;`
		198	`}`
		199
		200	`th {`
		201	`border-width: .167em;`
		202	`}`
		203
		204	`tr:last-child > td {`
		205	`border-bottom-style: none;`
		206	`}`
		207	`}`
		208
		209	`figcaption {`
		210	`background-color: transparent;`
		211	`caption-side: top;`
		212	`color: #333;`
		213	`display: table-caption;`
		214	`font-size: .75em;`
		215	`outline-offset: -1px;`
		216	`padding: .6em;`
		217	`text-align: center;`
		218	`word-break: break-word;`
		219	`}`
		220	`}`
		221
		222	`.table-overflow-protection {`
		223	`clear: both;`
		224	`}`
		225
		226	`&.error {`
		227	`border-color: red;`
		228	`}`
		229	`}`
		230
		231	`// Inside ckeditor, needed for changes to default`
		232	`.ck-content figure.table {`
		233	`float: left;`
		234
		235	`table {`
		236	`border-width: 1px;`
		237	`border-color: #494949;`
		238	`border-style: none;`
		239
		240	`td, th {`
		241	`padding: 1px;`
		242	`border-style: none;`
		243	`border-color: #494949;`
		244	`border-bottom-style: solid;`
		245	`}`
		246
		247	`td {`
		248	`border-width: 0.083em;`
		249	`}`
		250
		251	`th {`
		252	`border-width: .167em;`
		253	`background-color: transparent;`
		254	`}`
		255
		256	`tr:last-child > td {`
		257	`border-bottom-style: none;`
		258	`}`
		259	`}`
		260
		261	`figcaption {`
		262	`background-color: transparent;`
		263	`}`
		264	`}`
		265
		266	`.h5peditor-text, textarea {`
		267	`width: 100%;`
		268	`box-sizing: border-box;`
		269
		270	`&.error {`
		271	`border-color: red;`
		272	`}`
		273	`}`
		274
		275	`// The actual ck editor`
		276	`.ck {`
		277	`a {`
		278	`text-decoration: underline;`
		279	`}`
		280
		281	`.ck-font-size-dropdown .ck-dropdown__panel,`
		282	`.ck-text-fragment-language-dropdown .ck-dropdown__panel {`
		283	`max-height: 20em;`
		284	`overflow-y: scroll;`
		285	`}`
		286
		287	`.ck-fontsize-option .ck-button__label {`
		288	`line-height: normal !important;`
		289	`}`
		290
		291	`.ck-content pre {`
		292	`background: initial;`
		293	`border: initial;`
		294	`border-radius: initial;`
		295	`padding: 0;`
		296	`}`
		297	`}`
		298
		299	`/* Placeholders - need to be on separate lines. If not,`
		300	`the browsers will invalidate them */`
		301	`textarea:focus::-webkit-input-placeholder,`
		302	`input:focus::-webkit-input-placeholder {`
		303	`color: $form-input-focus-placeholder-color;`
		304	`}`
		305	`textarea:focus:-moz-placeholder,`
		306	`input:focus:-moz-placeholder {`
		307	`color: $form-input-focus-placeholder-color;`
		308	`}`
		309	`textarea:focus::-moz-placeholder,`
		310	`input:focus::-moz-placeholder {`
		311	`color: $form-input-focus-placeholder-color;`
		312	`}`
		313	`textarea:focus:-ms-input-placeholder,`
		314	`input:focus:-ms-input-placeholder {`
		315	`color: $form-input-focus-placeholder-color;`
		316	`}`
		317	`textarea:focus.h5peditor-ckeditor-placeholder,`
		318	`input:focus.h5peditor-ckeditor-placeholder {`
		319	`color: $form-input-focus-placeholder-color;`
		320	`}`
		321
		322	`::-webkit-input-placeholder {`
		323	`color: $form-input-placeholder-color;`
		324	`}`
		325	`:-moz-placeholder {`
		326	`color: $form-input-placeholder-color;`
		327	`}`
		328	`::-moz-placeholder {`
		329	`color: $form-input-placeholder-color;`
		330	`}`
		331	`:-ms-input-placeholder {`
		332	`color: $form-input-placeholder-color;`
		333	`}`
		334	`.h5peditor-ckeditor-placeholder {`
		335	`color: $form-input-placeholder-color;`
		336	`}`
		337	`& > select,`
		338	`.h5peditor-language-switcher select,`
		339	`h5peditor-select,`
		340	`.field > select {`
		341	`padding: 10px 30px 10px 8px;`
		342	`font-family: $font-family;`
		343	`font-size: 16px;`
		344	`border: 1px solid $form-border-color;`
		345	`background: $form-input-color url('../../images/down.png') no-repeat;`
		346	`background-position: calc(100% - 10px);`
		347	`box-shadow: $form-input-box-shadow;`
		348	`-moz-appearance: none;`
		349	`-webkit-appearance: none;`
		350
		351	`&:disabled {`
		352	`background-color: #efefef;`
		353	`}`
		354	`}`
		355	`& > select {`
		356	`margin-bottom: 13px;`
		357	`margin-right: 20px;`
		358	`}`
		359	`select::-ms-expand {`
		360	`display: none;`
		361	`}`
		362	`a:focus {`
		363	`outline: none;`
		364	`}`
		365	`textarea:focus,`
		366	`.h5peditor-text:focus {`
		367	`outline: none;`
		368	`background-color: $white;`
		369	`border-color: #53a0ff;`
		370	`}`
		371	`.h5p-ul {`
		372	`padding: 0;`
		373	`margin: 0;`
		374	`list-style: none;`
		375
		376	`.h5p-li {`
		377	`@include field-margin($min-padding);`
		378	`padding: 0;`
		379	`list-style: none;`
		380
		381	`&.placeholder {`
		382	`box-sizing: border-box;`
		383	`background: #e8f2fa;`
		384	`border: dashed 2px #2782d1;`
		385	`}`
		386
		387	`&:hover {`
		388	`text-decoration: none;`
		389	`}`
		390
		391	`&:nth-child(2).moving {`
		392	`margin-top: 0;`
		393	`}`
		394
		395	`&:nth-last-child(2).placeholder {`
		396	`margin-bottom: 0;`
		397	`}`
		398	`}`
		399	`}`
		400	`.dimensions input, .coordinates input, .number input {`
		401	`width: 75px;`
		402	`}`
		403	`.number input[type="range"] {`
		404	`width: 300px;`
		405	`float: left;`
		406	`margin: 7px 8px 0 0;`
		407	`}`
		408	`.h5p-errors {`
		409	`clear: both;`
		410	`}`
		411	`.h5p-add-file {`
		412	`float: left;`
		413	`position: relative;`
		414	`background: transparent;`
		415	`border: 2px dashed #dddddd;`
		416	`color: #dddddd;`
		417	`margin: 0.5em;`
		418	`width: 6em;`
		419	`height: 4.5em;`
		420	`cursor: pointer;`
		421	`outline: none;`
		422	`box-sizing: border-box;`
		423	`-moz-box-sizing: border-box;`
		424
		425	`&:focus,`
		426	`&:hover {`
		427	`color: #999;`
		428	`border-color: #999;`
		429	`}`
		430
		431	`&.hidden {`
		432	`visibility: hidden;`
		433	`}`
		434	`}`
		435
		436	`.h5p-add-file:after {`
		437	`position: absolute;`
		438	`content: "+";`
		439	`font-size: 2em;`
		440	`line-height: 2.2em;`
		441	`width: 100%;`
		442	`height: 100%;`
		443	`text-align: center;`
		444	`}`
		445	`.h5p-add-dialog {`
		446	`position: absolute;`
		447	`z-index: 1;`
		448	`visibility: hidden;`
		449	`opacity: 0;`
		450	`background: #fff;`
		451	`left: 1em;`
		452	`right: 1em;`
		453	`top: 1em;`
		454	`border: 1px solid #cdcdcd;`
		455	`box-sizing: border-box;`
		456	`-moz-box-sizing: border-box;`
		457	`box-shadow: 0 0 8px #666;`
		458	`transition: visibility 0s 0.2s, opacity 0.2s;`
		459
		460	`&.h5p-open {`
		461	`visibility: visible;`
		462	`opacity: 1;`
		463	`transition: visibility 0s 0s, opacity 0.2s;`
		464	`}`
		465
		466	`.h5p-add-dialog-table {`
		467	`overflow: hidden;`
		468
		469	`.av-tablist {`
		470	`overflow: hidden;`
		471	`margin: 1em 1em 0 1em;`
		472	`}`
		473
		474	`.av-tab {`
		475	`cursor: pointer;`
		476	`float: left;`
		477	`padding: 0.5em 0.75em;`
		478	`border-top: 1px solid #ccc;`
		479	`border-right: 1px solid #ccc;`
		480	`font-weight: bold;`
		481	`font-size: 15px;`
		482	`color: #666;`
		483	`background: #f5f5f5;`
		484
		485	`&:first-child {`
		486	`border-left: 1px solid #ccc;`
		487	`}`
		488	`&.selected {`
		489	`color: #333;`
		490	`background: #fff;`
		491	`}`
		492	`}`
		493
		494	`.av-tabpanel {`
		495	`border: 1px solid #ccc;`
		496	`margin: 0 1em 1em 1em;`
		497	`overflow: hidden;`
		498	`padding: 1em;`
		499
		500	`h3 {`
		501	`margin: 0 0 1em 0;`
		502	`}`
		503	`.h5p-file-drop-upload {`
		504	`width: 90px;`
		505	`margin: 0;`
		506	`}`
		507	`}`
		508
		509
		510	`.h5p-dialog-box {`
		511	`float: left;`
		512	`padding: 0;`
		513	`width: 60%;`
		514	`margin-right: 5%;`
		515	`margin-left: 4%;`
		516	`text-align: left;`
		517	`margin-top: 30px;`
		518
		519	`&:first-child {`
		520	`width: 22%;`
		521	`margin-left: 3%;`
		522	`margin-right: 1%;`
		523
		524	`h3 {`
		525	`text-align: center;`
		526	`}`
		527	`}`
		528	`}`
		529
		530	`h3 {`
		531	`color: #666;`
		532	`font-size: 1em;`
		533	`margin: 1.2em 0;`
		534	`line-height: 1.1em;`
		535	`}`
		536
		537	`.h5peditor-field-description {`
		538	`color: #bbb;`
		539	`}`
		540
		541	`.h5p-file-url-wrapper {`
		542	`background-color: #f5f5f5;`
		543	`border: 1px solid #bbb;`
		544	`padding: 15px 15px 15px 60px;`
		545	`position: relative;`
		546
		547	`&:before {`
		548	`font-family: 'H5P';`
		549	`position: absolute;`
		550	`left: 0;`
		551	`top: 0.083em;`
		552	`font-size: 3.8em;`
		553	`line-height: 1;`
		554	`}`
		555
		556	`&.video:before {`
		557	`content: "\e904";`
		558	`color: #dd0505;`
		559	`}`
		560
		561	`&.audio:before {`
		562	`content: "\e913";`
		563	`color: #747275;`
		564	`}`
		565
		566	`input {`
		567	`border-color: #bbb;`
		568	`text-align: left;`
		569	`padding-left: 20px;`
		570	`}`
		571	`}`
		572
		573	`.h5p-file-drop-upload {`
		574	`position: relative;`
		575	`width: 70%;`
		576	`height: 90px;`
		577	`margin: 0 15%;`
		578	`float: left;`
		579	`background-color: #f5f5f5;`
		580	`text-align: center;`
		581	`cursor: pointer;`
		582	`border: 1px solid #bbb;`
		583
		584	`.h5p-file-drop-upload-inner {`
		585	`border: 2px dashed #bbb;`
		586	`background-color: white;`
		587	`position: absolute;`
		588	`top: 3px;`
		589	`bottom: 3px;`
		590	`left: 3px;`
		591	`right: 3px;`
		592
		593	`&:after {`
		594	`font-family: "H5P";`
		595	`line-height: 1.4em;`
		596	`font-size: 3.5em;`
		597	`color: #bbb;`
		598	`}`
		599
		600	`&.video:after {`
		601	`content: "\e903";`
		602	`}`
		603
		604	`&.audio:after {`
		605	`content: "\e914";`
		606	`}`
		607	`}`
		608
		609	`&:hover,`
		610	`&.over {`
		611	`.h5p-file-drop-upload-inner:after {`
		612	`color: #999;`
		613	`}`
		614	`}`
		615	`}`
		616
		617	`.h5p-or-vertical {`
		618	`float: left;`
		619	`position: relative;`
		620	`width: 5%;`
		621	`height: 250px;`
		622	`}`
		623	`}`
		624
		625	`.h5p-dialog-box {`
		626	`text-align: center;`
		627	`padding: 1em 0.5em;`
		628	`}`
		629
		630	`.h5p-buttons {`
		631	`padding: 0.5em;`
		632	`border-top: 1px solid #cdcdcd;`
		633	`background: #ddd;`
		634	`text-align: right;`
		635	`}`
		636	`}`
		637	`.h5p-or {`
		638	`border-bottom: 1px solid #cdcdcd;`
		639	`padding: 0;`
		640	`margin: 0 1em;`
		641	`text-align: center;`
		642	`height: 0.5em;`
		643	`line-height: 1em;`
		644	`& > span {`
		645	`background: #fff;`
		646	`padding: 0 0.5em;`
		647	`}`
		648	`}`
		649
		650	`.h5p-or-vertical {`
		651	`float: left;`
		652	`position: relative;`
		653	`width: 50px;`
		654	`height: 80px;`
		655
		656	`.h5p-or-vertical-line {`
		657	`position: absolute;`
		658	`margin: 10px 0;`
		659	`left: 49%;`
		660	`top: 0;`
		661	`bottom: 0;`
		662	`width: 1px;`
		663	`background: #ccc;`
		664	`z-index: 1;`
		665	`}`
		666	`.h5p-or-vertical-word-wrapper {`
		667	`text-align: center;`
		668	`height: 18px;`
		669	`position: absolute;`
		670	`left: 0;`
		671	`right: 0;`
		672	`top: 22%;`
		673	`margin-top: -12px;`
		674	`z-index: 2;`
		675
		676	`.h5p-or-vertical-word {`
		677	`color: #999;`
		678	`font-weight: bold;`
		679	`font-size: 18px;`
		680	`padding: 3px;`
		681	`background: #fff;`
		682	`}`
		683	`}`
		684	`}`
		685
		686	`.h5p-file-url {`
		687	`text-align: center;`
		688	`}`
		689	`.h5p-thumbnail {`
		690	`margin: 0.5em;`
		691	`width: 6em;`
		692	`height: 4.5em;`
		693	`display: block;`
		694	`float: left;`
		695	`position: relative;`
		696	`box-shadow: 0 0 10px 0 #666666;`
		697	`border: 1px solid #fff;`
		698	`box-sizing: border-box;`
		699	`-moz-box-sizing: border-box;`
		700
		701	`.h5p-remove {`
		702	`position: absolute;`
		703	`top: 0;`
		704	`right: 0;`
		705	`cursor: pointer;`
		706	`outline: none;`
		707	`width: 1.6em;`
		708	`height: 1.6em;`
		709	`line-height: 1.6em;`
		710	`overflow: hidden;`
		711	`text-indent: -0.4em;`
		712	`padding: 0.065em;`
		713	`opacity: 0.6;`
		714	`}`
		715	`.h5p-remove:hover,`
		716	`.h5p-remove:focus {`
		717	`opacity: 1;`
		718	`}`
		719	`.h5p-remove:after {`
		720	`font-family: $icon-font-family;`
		721	`font-size: 2em;`
		722	`color: #fff;`
		723	`content: "\e890";`
		724	`opacity: 0.6;`
		725	`}`
		726	`}`
		727	`.h5p-type {`
		728	`position: absolute;`
		729	`width: 100%;`
		730	`height: 100%;`
		731	`font-size: 1.1em;`
		732	`line-height: 4em;`
		733	`display: block;`
		734	`text-align: center;`
		735	`background: #000;`
		736	`color: #fff;`
		737	`cursor: pointer;`
		738	`}`
		739	`.file {`
		740	`position: relative;`
		741	`float: left;`
		742	`margin-bottom: 0;`
		743	`max-width: 100%;`
		744
		745	`&.authorList {`
		746	`float: none;`
		747	`}`
		748
		749	`&.field {`
		750	`float: none;`
		751	`}`
		752	`.thumbnail {`
		753	`display: inline-block;`
		754	`margin: 10px 10px 10px 0;`
		755	`box-shadow: 0 0 10px 0 #666666;`
		756	`border: 1px solid #fff;`
		757	`cursor: pointer;`
		758	`max-width: 100%;`
		759	`min-width: 1em;`
		760	`min-height: 1em;`
		761	`background: $form-input-color url('../../images/transparent-background.png') repeat;`
		762	`}`
		763	`.thumbnail:focus {`
		764	`box-shadow: 0 0 10px 0 #222;`
		765	`}`
		766	`.add {`
		767	`display: inline-block;`
		768	`cursor: pointer;`
		769	`padding: 0.5em 1.5em 0.5em 3em;`
		770	`background: linear-gradient(to bottom, #fbfbfb 0, #f2f2f2 100%);`
		771	`border: 1px solid #d0d0d1;`
		772	`border-radius: 0.25em;`
		773	`color: #222222;`
		774	`font-weight: bold;`
		775	`line-height: normal;`
		776
		777	`&:hover {`
		778	`background: #ededed;`
		779	`}`
		780
		781	`&:focus {`
		782	`box-shadow: 0 0 16px 0 rgba(133,188,255,0.84);`
		783	`}`
		784
		785	`.h5peditor-field-file-upload-text:before {`
		786	`font-family: $icon-font-family;`
		787	`content: "\e902";`
		788	`line-height: 1;`
		789	`color: #39c943;`
		790	`font-size: 2em;`
		791	`position: absolute;`
		792	`left: 0.3em;`
		793	`top: 0.1em;`
		794	`}`
		795	`}`
		796	`.remove {`
		797	`display: block;`
		798	`position: absolute;`
		799	`top: 7px;`
		800	`right: 7px;`
		801	`cursor: pointer;`
		802	`}`
		803	`.remove:focus:before {`
		804	`opacity: 1;`
		805	`}`
		806	`.remove:before {`
		807	`font-family: $icon-font-family;`
		808	`font-size: 1.4em;`
		809	`color: #fff;`
		810	`content: "\e890";`
		811	`opacity: 0.6;`
		812	`text-shadow: rgba(black, 0.4) 0 0 4px, rgba(black, 0.4) 0 0 4px, rgba(black, 0.4) 0 0 4px;`
		813	`}`
		814	`.remove:hover {`
		815	`text-decoration: none;`
		816	`}`
		817	`.remove:hover:before {`
		818	`color: #fff;`
		819	`opacity: 1;`
		820	`text-shadow: rgba(black, 0.4) 0 0 4px, rgba(black, 0.4) 0 0 4px, rgba(black, 0.4) 0 0 4px;`
		821	`}`
		822	`img {`
		823	`max-width: 100%;`
		824	`vertical-align: bottom;`
		825	`max-height: 100px;`
		826	`}`
		827
		828	`.h5p-av-row {`
		829	`overflow: auto;`
		830	`margin-bottom: 0.5em;`
		831
		832	`.h5p-thumbnail {`
		833	`display: table-cell;`
		834	`}`
		835
		836	`.h5p-video-quality {`
		837	`display: table-cell;`
		838	`overflow: hidden;`
		839	`width: 10000px;`
		840	`padding-left: 1em;`
		841
		842	`input.h5peditor-text {`
		843	`width: 100%;`
		844	`}`
		845	`}`
		846	`}`
		847
		848	`.h5p-av-cell {`
		849	`overflow: auto;`
		850	`float: left;`
		851	`}`
		852	`}`
		853	`.video .file, .audio .file {`
		854	`position: static;`
		855	`overflow: visible;`
		856
		857	`.thumbnail, .add {`
		858	`float: left;`
		859	`}`
		860	`.add {`
		861	`margin-top: 8px;`
		862	`}`
		863	`.thumbnail {`
		864	`overflow: visible;`
		865	`position: relative;`
		866	`cursor: auto;`
		867	`}`
		868	`.remove {`
		869	`top: -3px;`
		870	`right: -5px;`
		871	`}`
		872	`.type {`
		873	`padding: 16px 8px 4px;`
		874	`background: #000;`
		875	`color: #fff;`
		876	`font-size: 10px;`
		877	`}`
		878	`.h5peditor-uploading {`
		879	`float: left;`
		880	`margin: 0.5em;`
		881	`}`
		882	`}`
		883	`.libwrap {`
		884	`margin-top: $padding;`
		885
		886	`&.no-margin,`
		887	`&:empty {`
		888	`margin-top: 0;`
		889	`}`
		890	`}`
		891	`input[type="checkbox"] {`
		892	`margin: 4px 4px 4px 0;`
		893	`vertical-align: bottom;`
		894	`}`
		895	`.moving {`
		896	`position: absolute;`
		897	`z-index: 1;`
		898	`opacity: 0.8;`
		899	`-webkit-transform: translateZ(0);`
		900
		901	`.h5peditor-label {`
		902	`cursor: grabbing;`
		903	`cursor: -moz-grabbing;`
		904	`cursor: -webkit-grabbing;`
		905	`}`
		906	`}`
		907
		908	`.h5peditor-uploading, .h5peditor-loading {`
		909	`padding-top: 10px;`
		910	`padding-bottom: 6px;`
		911	`font-size: 14px;`
		912	`}`
		913	`.h5peditor-loading {`
		914	`padding: 0.875em 0 1em 3.25em;`
		915	`font-style: italic;`
		916	`}`
		917
		918	`.h5p-copyright-button {`
		919	`border-radius: 0.25em;`
		920	`height: 30px;`
		921	`background: linear-gradient(to bottom, #fff 0, #f2f2f2 100%);`
		922	`border: 1px solid $form-border-color;`
		923	`color: $black;`
		924	`font-size: $font-size-small;`
		925	`line-height: $form-item-height-small;`
		926	`padding-right: $padding;`
		927	`padding-left: 0;`
		928	`clear: both;`
		929	`font-weight: normal;`
		930
		931	`&:before {`
		932	`font-family: $icon-font-family;`
		933	`content: "\e88f";`
		934	`color: #666;`
		935	`padding: 0 0.25em 0 0.25em;`
		936	`vertical-align: middle;`
		937	`font-size: 1.5em;`
		938	`line-height: 0.9;`
		939	`}`
		940
		941	`&:hover:not([disabled]) {`
		942	`background: linear-gradient(to bottom, #fff 0, #d0d0d1 100%);`
		943	`text-decoration: none;`
		944	`border-color: #999;`
		945	`}`
		946	`}`
		947
		948	`.h5p-copyright-button:focus {`
		949	`box-shadow: 0 0 16px 0 rgba(133, 188, 255, 0.84);`
		950	`}`
		951
		952	`/* Copyright button for video & audio */`
		953	`.field.file > .h5p-copyright-button,`
		954	`.field.video > .h5p-copyright-button,`
		955	`.field.audio > .h5p-copyright-button {`
		956	`float: left;`
		957	`}`
		958
		959	`.h5p-editor-dialog {`
		960	`position: absolute;`
		961	`z-index: 2;`
		962	`margin: 5.5em 0 1em;`
		963	`visibility: hidden;`
		964	`opacity: 0;`
		965	`height: 0;`
		966	`overflow: hidden;`
		967	`background: #fff;`
		968	`box-shadow: 0 0 8px #666;`
		969	`transition: visibility 0s 0.2s, height 0s 0.2s, opacity 0.2s, margin-top 0.2s;`
		970
		971	`&.h5p-open {`
		972	`margin-top: 3.5em;`
		973	`visibility: visible;`
		974	`opacity: 1;`
		975	`height: auto;`
		976	`transition: visibility 0s 0s, height 0s 0s, opacity 0.2s, margin-top 0.2s;`
		977	`}`
		978
		979	`& > .field {`
		980	`margin: 0;`
		981	`border: 0;`
		982	`box-shadow: none;`
		983	`}`
		984
		985	`.content {`
		986	`border: none;`
		987	`background: $white;`
		988
		989	`.h5peditor-label {`
		990	`font-size: $font-size-large;`
		991	`font-weight: 600;`
		992	`}`
		993	`}`
		994
		995	`.h5p-close {`
		996	`color: #494949;`
		997
		998	`&:before {`
		999	`font-size: 2em;`
		1000	`right: -0.125em;`
		1001	`top: 0;`
		1002	`position: absolute;`
		1003	`z-index: 1;`
		1004	`font-family: $icon-font-family;`
		1005	`content: "\e894";`
		1006	`line-height: 1em;`
		1007	`transition: scale 0.2s;`
		1008	`}`
		1009
		1010	`&:hover:before {`
		1011	`scale: 1.1, 1.1;`
		1012	`}`
		1013	`}`
		1014	`}`
		1015
		1016	`.h5p-li > .content > .library {`
		1017	`border: 0;`
		1018	`padding: 0;`
		1019	`}`
		1020	`}`
		1021
		1022	`.ck-powered-by-balloon {`
		1023	`display: none !important;`
		1024	`}`
		1025
		1026	`.h5p-editor-dialog.h5p-dialog-wide {`
		1027	`width: 90%;`
		1028	`border-radius: 0.208em;`
		1029	`}`
		1030
		1031	`/* Placed this outside of .h5peditor context above. Don't want it to be more`
		1032	`specific than neccessary (because of overriding) */`
		1033	`.h5peditor-button-textual {`
		1034	`border-radius: 0.25em;`
		1035	`@include button-background(`
		1036	`$form-item-importance-medium-background,`
		1037	`$form-item-importance-medium-background-highlight);`
		1038	`display: inline-block;`
		1039	`width: auto;`
		1040	`margin: $min-padding 0 0 0;`
		1041	`padding: 0 $padding;`
		1042	`box-sizing: border-box;`
		1043	`height: $form-item-height-normal;`
		1044	`border: 1px solid $form-border-color;`
		1045	`font-size: $font-size-normal;`
		1046	`font-family: $font-family;`
		1047	`line-height: $form-item-height-normal;`
		1048	`color: $white;`
		1049	`cursor: pointer;`
		1050	`font-weight: 600;`
		1051	`-webkit-font-smoothing: antialiased;`
		1052	`-moz-osx-font-smoothing: grayscale;`
		1053
		1054	`&:focus {`
		1055	`box-shadow: 0 0 16px 0 rgba(133, 188, 255, 0.84);`
		1056	`}`
		1057
		1058	`&:before,`
		1059	`&:after {`
		1060	`color: $white;`
		1061	`}`
		1062
		1063	`.h5p-editing-image-button:before {`
		1064	`font-family: $icon-font-family;`
		1065	`content: "\e900";`
		1066	`color: #666;`
		1067	`padding-right: 0.25em;`
		1068	`vertical-align: middle;`
		1069	`font-size: 1.5em;`
		1070	`line-height: 0.9;`
		1071	`}`
		1072
		1073	`&:hover:not([disabled]) {`
		1074	`@include button-background(`
		1075	`$form-item-importance-medium-background-hover,`
		1076	`$form-item-importance-medium-background-hover-highlight);`
		1077	`text-decoration: none;`
		1078	`}`
		1079
		1080	`&.importance-high {`
		1081	`@include button-background(`
		1082	`$form-item-importance-high-background,`
		1083	`$form-item-importance-high-background-highlight);`
		1084	`border-color: $form-item-importance-high-border-color;`
		1085	`text-transform: uppercase;`
		1086	`height: $form-item-height-large;`
		1087	`line-height: $form-item-height-large;`
		1088
		1089	`&:hover:not([disabled]) {`
		1090	`@include button-background(`
		1091	`$form-item-importance-high-background-hover,`
		1092	`$form-item-importance-high-background-hover-highlight);`
		1093	`border-color: $form-item-importance-high-background-hover;`
		1094	`}`
		1095	`}`
		1096
		1097	`&.importance-low {`
		1098	`@include button-background(`
		1099	`$form-item-importance-low-background,`
		1100	`$form-item-importance-low-background-highlight);`
		1101	`border-color: $form-item-importance-low-border-color;`
		1102	`color: $black;`
		1103
		1104	`&:before,`
		1105	`&:after {`
		1106	`color: $black;`
		1107	`}`
		1108
		1109	`&:hover:not([disabled]) {`
		1110	`@include button-background(`
		1111	`$form-item-importance-low-background-hover,`
		1112	`$form-item-importance-low-background-hover-highlight);`
		1113	`border-color: $form-item-importance-low-background-hover;`
		1114	`}`
		1115	`}`
		1116
		1117	`&[disabled],`
		1118	`&[aria-disabled="true"] {`
		1119	`background: #f5f5f5;`
		1120	`color: #707171;`
		1121	`border-color: #eeeeee;`
		1122	`cursor: not-allowed;`
		1123
		1124	`&:before {`
		1125	`font-family: $icon-font-family;`
		1126	`content: "\e912";`
		1127	`color: #707171;`
		1128	`margin-right: 0.5em;`
		1129	`vertical-align: top;`
		1130	`}`
		1131	`}`
		1132	`}`
		1133	`.h5peditor-field-description,`
		1134	`.h5p-help-text {`
		1135	`font-size: 12px;`
		1136	`margin-top: 0.3em;`
		1137	`margin-bottom: 1em;`
		1138	`font-weight: 500;`
		1139	`color: #434446;`
		1140	`line-height: 15px;`
		1141	`letter-spacing: 0.5px;`
		1142	`}`
		1143
		1144	`.h5peditor-field-important-description {`
		1145	`position: relative;`
		1146	`padding: 1.5em 2.2em 2em 2.2em;`
		1147	`font-size: 0.9em;`
		1148	`margin: 0 0 20px 0;`
		1149	`border: 1px solid #ffde78;`
		1150	`background-color: #f9f9d8;`
		1151	`color: #000;`
		1152	`display: none;`
		1153
		1154	`.important-description-close {`
		1155	`position: absolute;`
		1156	`font-size: 0.9em;`
		1157	`line-height: 2em;`
		1158	`right: 1.5em;`
		1159	`top: 1em;`
		1160	`user-select: none;`
		1161	`cursor: pointer;`
		1162
		1163	`&:before {`
		1164	`font-family: $icon-font-family;`
		1165	`content: "\e894";`
		1166	`vertical-align: top;`
		1167	`font-size: 1.6em;`
		1168	`}`
		1169	`}`
		1170
		1171	`.h5p-info-icon {`
		1172	`font-size: 0.75em;`
		1173
		1174	`&:before {`
		1175	`font-family: $icon-font-family;`
		1176	`content: "\e909";`
		1177	`font-size: 2.3em;`
		1178	`line-height: 0.94em;`
		1179	`margin-left: -0.3em;`
		1180	`vertical-align: middle;`
		1181	`}`
		1182	`}`
		1183
		1184	`.important-description-title {`
		1185	`font-weight: bold;`
		1186	`font-size: 1.2em;`
		1187	`vertical-align: bottom;`
		1188	`}`
		1189
		1190	`.important-description-content {`
		1191	`ul {`
		1192	`padding: 0;`
		1193	`line-height: 2em;`
		1194	`margin-top: 20px;`
		1195
		1196	`li {`
		1197	`line-height: 1.8em;`
		1198	`margin-left: 1.5em;`
		1199	`}`
		1200	`}`
		1201	`}`
		1202
		1203	`.important-description-example {`
		1204	`border: 1px solid #bbde98;`
		1205	`background-color: #d9fac3;`
		1206	`display: flex;`
		1207	`margin-top: 20px;`
		1208
		1209	`.important-description-example-title {`
		1210	`padding: 15px;`
		1211	`font-weight: bold;`
		1212	`}`
		1213
		1214	`.important-description-example-text {`
		1215	`padding: 15px;`
		1216	`width: 100%;`
		1217	`background-color: #f6fef1;`
		1218	`}`
		1219	`}`
		1220	`}`
		1221
		1222	`.h5peditor-form {`
		1223	`position: relative;`
		1224	`background: $form-background;`
		1225	`border: 1px solid $form-border-color;`
		1226
		1227	`&.h5peditor-form-manager {`
		1228	`> .tree,`
		1229	`> .common,`
		1230	`> .field {`
		1231	`max-width: 918px;`
		1232	`margin: 20px auto;`
		1233	`padding: 0 20px;`
		1234	`}`
		1235	`}`
		1236
		1237	`&.h5peditor-semi-fullscreen {`
		1238	`margin: 0;`
		1239	`position: fixed;`
		1240	`overflow-y: scroll;`
		1241	`margin-top: 40px;`
		1242	`padding-bottom: 40px;`
		1243	`box-sizing: border-box;`
		1244	`background: #fff;`
		1245	`height: calc(100% - 40px);`
		1246	`}`
		1247	`}`
		1248
		1249	`.h5peditor-label {`
		1250	`display: block;`
		1251	`margin-bottom: 6px;`
		1252	`font-weight: 600;`
		1253	`font-size: $font-size-normal;`
		1254	`color: $form-label;`
		1255	`}`
		1256
		1257	`.h5peditor-label-button {`
		1258	`background: transparent;`
		1259	`border: none;`
		1260	`color: $form-label;`
		1261	`cursor: pointer;`
		1262	`display: flex;`
		1263	`flex-direction: row;`
		1264	`font-family: inherit;`
		1265	`font-weight: 600;`
		1266	`font-size: $font-size-normal;`
		1267	`padding: 0 0 0 10px;`
		1268	`text-align: left;`
		1269
		1270	`&.collapsed .icon::before {`
		1271	`content: "\e566";`
		1272	`font-family: $icon-font-family;`
		1273	`margin-right: calc($min-padding / 2);`
		1274	`}`
		1275
		1276	`&:not(.collapsed) .icon::before {`
		1277	`content: "\e565";`
		1278	`font-family: $icon-font-family;`
		1279	`margin-right: calc($min-padding / 2);`
		1280	`}`
		1281	`}`
		1282
		1283	`#h5peditor-uploader {`
		1284	`position: absolute;`
		1285	`width: 1px;`
		1286	`height: 1px;`
		1287	`top: -1px;`
		1288	`border: 0;`
		1289	`overflow: hidden;`
		1290	`}`
		1291
		1292	`@import "tutorial-and-example-links";`
		1293
		1294	`.h5peditor-widget-select {`
		1295	`display: flex;`
		1296	`flex-direction: row-reverse;`
		1297	`justify-content: end;`
		1298	`overflow: hidden;`
		1299	`margin: 0 0 -1px;`
		1300	`padding: 0;`
		1301	`list-style: none;`
		1302	`}`
		1303	`.h5peditor-widget-option {`
		1304	`border: 1px solid #ccc;`
		1305	`margin-left: 0.5em;`
		1306	`padding: 0.6em 1em;`
		1307	`color: #0E1A25;`
		1308	`font-size: 0.875em;`
		1309	`background: #f5f5f5;`
		1310	`line-height: 1.285714286em;`
		1311	`cursor: pointer;`
		1312	`outline: none;`
		1313	`}`
		1314	`.h5peditor-widget-option:hover {`
		1315	`color: #000;`
		1316	`}`
		1317	`.h5peditor-widget-option:active {`
		1318	`color: #8e636a; /* Pink chocolate */`
		1319	`}`
		1320	`.h5peditor-widget-active {`
		1321	`background: #fff;`
		1322	`line-height: 1.357142857em;`
		1323	`border-bottom: 0;`
		1324	`}`
		1325	`.h5peditor-widgets > .h5peditor-widget-wrapper {`
		1326	`border: 1px solid #ccc;`
		1327	`margin: 0 0 0.25em;`
		1328	`padding: 0.5em;`
		1329	`}`
		1330	`.h5peditor-widgets > .h5peditor-label,`
		1331	`.h5peditor-widgets > .h5peditor-label-button {`
		1332	`float: left;`
		1333	`margin-top: 5px;`
		1334	`}`
		1335	`.h5p-editor-iframe {`
		1336	`margin-bottom: 1em;`
		1337	`}`
		1338	`.h5peditor-required:after {`
		1339	`content: "*";`
		1340	`color: #da0001;`
		1341	`margin-left: 0.2em;`
		1342	`position: relative;`
		1343	`top: -0.2em;`
		1344	`}`
		1345
		1346	`/* Help CKEditor blend into the H5PEditor */`
		1347	`.h5peditor .cke_bottom,`
		1348	`.h5peditor .cke_top {`
		1349	`background: #d0d0d1;`
		1350	`}`
		1351	`.h5peditor .cke_chrome {`
		1352	`border: 1px solid #f5f5f5;`
		1353	`background: #d0d0d1;`
		1354	`}`
		1355	`.h5peditor .cke_contents,`
		1356	`.h5peditor .cke_toolgroup,`
		1357	`.h5peditor .cke_combo_button {`
		1358	`border: 1px solid #f5f5f5;`
		1359	`}`
		1360
		1361	`/* The show important description button */`
		1362	`.important-description-show {`
		1363	`background: #f3d55a;`
		1364	`padding: 0.2em 0.5em 0.2em 1.7em;`
		1365	`margin-bottom: 0.5em;`
		1366	`font-size: 0.9em;`
		1367	`cursor: pointer;`
		1368	`float: right;`
		1369	`position: relative;`
		1370	`line-height: normal;`
		1371
		1372	`font-style: italic;`
		1373	`font-weight: bold;`
		1374
		1375	`&:before {`
		1376	`font-family: $icon-font-family;`
		1377	`font-style: normal;`
		1378	`font-weight: normal;`
		1379	`content: "\e909";`
		1380	`font-size: 1.8em;`
		1381	`position: absolute;`
		1382	`left: 0em;`
		1383	`top: 0em;`
		1384	`line-height: 0.85em;`
		1385	`vertical-align: top;`
		1386	`}`
		1387	`}`
		1388
		1389	`.important-description-clear-right {`
		1390	`display: block;`
		1391	`clear: right;`
		1392	`}`
		1393
		1394	`.h5peditor fieldset.common-fields-library-wrapper {`
		1395	`width: 100%;`
		1396	`padding: 0 1em 1em;`
		1397	`box-sizing: border-box;`
		1398	`height: 20px;`
		1399	`border: solid 1px #e2e5ee;`
		1400	`border-radius: 4px;`
		1401	`margin-bottom: 1em;`
		1402
		1403	`& > * {`
		1404	`display: none;`
		1405	`}`
		1406	`& > legend {`
		1407	`display: block;`
		1408	`cursor: pointer;`
		1409	`outline: none;`
		1410	`color: #363b42;`
		1411	`background-color: #fff;`
		1412	`padding: 10px;`
		1413	`font-weight: bold;`
		1414	`font-size: 0.875em;`
		1415
		1416	`&:before {`
		1417	`font-family: "H5P";`
		1418	`content: "\e566";`
		1419	`margin-right: 0.5em;`
		1420	`}`
		1421	`&:focus:before {`
		1422	`outline: 1px dotted #666;`
		1423	`}`
		1424	`}`
		1425
		1426	`&.expanded {`
		1427	`height: auto;`
		1428
		1429	`& > * {`
		1430	`display: block;`
		1431	`}`
		1432	`& > legend:before {`
		1433	`content: "\e565";`
		1434	`}`
		1435	`}`
		1436	`}`
		1437
		1438	`@import "metadata-form";`
		1439	`@import "metadata-popup";`
		1440	`@import "metadata-changelog-widget";`
		1441	`@import "metadata-author-widget";`
		1442	`@import "copy-paste";`
		1443	`@import "fullscreen-bar";`
		1444
		1445	`.h5peditor .h5peditor-language-switcher {`
		1446	`float: right;`
		1447	`white-space: nowrap;`
		1448	`margin-bottom: 1em;`
		1449
		1450	`.language-label {`
		1451	`padding: 0 10px;`
		1452	`font-size: 15px;`
		1453	`}`
		1454	`select {`
		1455	`padding: 6px 30px 6px 8px;`
		1456	`font-size: 15px;`
		1457	`}`
		1458	`}`
		1459	`.h5peditor-language-notice {`
		1460	`display: none;`
		1461	`clear: both;`
		1462	`font-size: 14px;`
		1463	`background: #dcf6ff;`
		1464	`color: #295b7a;`
		1465	`padding: 10px 20px 10px 40px;`
		1466	`margin: 1em 0;`
		1467	`line-height: 1.5;`
		1468	`position: relative;`
		1469
		1470	`&:before {`
		1471	`font-family: h5p;`
		1472	`content: "\e90c";`
		1473	`position: absolute;`
		1474	`left: 15px;`
		1475	`font-size: 1.125em;`
		1476	`}`
		1477	`&.show {`
		1478	`display: block;`
		1479	`}`
		1480	`.first {`
		1481	`font-weight: bold;`
		1482	`}`
		1483	`a {`
		1484	`text-decoration: underline;`
		1485	`}`
		1486	`}`
		1487
		1488	`.h5p-loader__wrapper {`
		1489	`width: 100%;`
		1490	`height: 100%;`
		1491	`flex: 1;`
		1492	`display: flex;`
		1493	`align-items: center;`
		1494	`padding: 10px;`
		1495	`min-width: 180px;`
		1496
		1497	`.h5p-loader__icon {`
		1498	`border: 8px solid #d0cfd4;`
		1499	`border-bottom-color: #554e4a;`
		1500	`border-radius: 50%;`
		1501	`width: 40px;`
		1502	`height: 40px;`
		1503	`animation: rotation linear 1s infinite;`
		1504	`margin: 0 auto;`
		1505	`}`
		1506	`}`
		1507
		1508	`@keyframes rotation {`
		1509	`0% {`
		1510	`transform: rotate(0deg);`
		1511	`}`
		1512	`100% {`
		1513	`transform: rotate(360deg);`
		1514	`}`
		1515	`}`
		1516
		1517	`.h5p-sr-only {`
		1518	`position: absolute;`
		1519	`width: 1px;`
		1520	`height: 1px;`
		1521	`padding: 0;`
		1522	`margin: -1px;`
		1523	`overflow: hidden;`
		1524	`clip: rect(0, 0, 0, 0);`
		1525	`white-space: nowrap;`
		1526	`border-width: 0;`
		1527	`}`

Proyectos de Subversion Moodle

(root)/h5p/h5plib/v127/joubel/editor/styles/scss/application.scss – Rev 1441