WebSVN – LeadersLinked - SPA – Autoría – /app/styles/globals.css

Rev	Autor	Línea Nro.	Línea
3719	stevensc	1	`*::-webkit-scrollbar {`
		2	`width: 6px !important;`
		3	`height: 6px !important;`
		4	`}`
		5
		6	`*::-webkit-scrollbar-thumb {`
		7	`background-color: rgba(0, 0, 0, 0.2);`
		8	`}`
		9
		10	`*::-webkit-scrollbar-track {`
		11	`background: rgba(255, 255, 255, 0.08);`
		12	`}`
		13
		14	`*::-webkit-input-placeholder,`
		15	`*::-moz-placeholder {`
		16	`color: #ccc;`
		17	`font-size: 15px;`
		18	`}`
		19
		20	`body {`
		21	`font-family: 'Source Sans 3', sans-serif;`
		22	`background-color: var(--body-bg-color);`
		23	`color: var(--font-color);`
		24	`margin: 0;`
		25	`padding: 0;`
		26	`}`
		27
		28	`h1,`
		29	`h2,`
		30	`h3,`
		31	`h4,`
		32	`h5,`
		33	`h6,`
		34	`p,`
		35	`b,`
		36	`a,`
		37	`span,`
		38	`label {`
		39	`color: var(--font-color);`
		40	`}`
		41
		42	`h1,`
		43	`h2,`
		44	`h3 {`
		45	`color: var(--title-color);`
		46	`font-weight: 700;`
		47	`}`
		48
		49	`h4,`
		50	`h5,`
		51	`h6,`
		52	`span {`
		53	`color: var(--subtitle-color);`
		54	`font-weight: 500;`
		55	`font-size: 1rem;`
		56	`align-items: center;`
		57	`}`
		58
		59	`span {`
		60	`display: inline-flex;`
		61	`}`
		62
		63	`p {`
		64	`color: var(--font-color);`
		65	`font-size: 1rem;`
		66	`line-height: 1.2;`
		67	`margin: 0;`
		68	`}`
		69
		70	`ul,`
		71	`ol {`
		72	`list-style: none;`
		73	`padding: 0;`
		74	`margin: 0;`
		75	`}`
		76
		77	`form {`
		78	`margin: 0;`
		79	`}`
		80
		81	`a {`
		82	`text-decoration: none;`
		83
		84	`color: var(--subtitle-color);`
		85
		86	`&:focus,`
		87	`&:hover,`
		88	`&:visited,`
		89	`&:link,`
		90	`&:active {`
		91	`text-decoration: none;`
		92	`outline: none;`
		93
		94	`color: var(--subtitle-color);`
		95	`}`
		96	`}`
		97
		98	`table {`
		99	`border-collapse: collapse;`
		100	`border-spacing: 0;`
		101	`}`
		102
		103	`button {`
		104	`outline: none;`
		105	`border: none;`
		106	`padding: 0;`
		107	`background-color: transparent;`
		108
		109	`&:active,`
		110	`&:focus {`
		111	`outline: none;`
		112	`}`
		113	`}`
		114
		115	`input,`
		116	`textarea {`
		117	`outline: none;`
		118	`}`
		119
		120	`section {`
		121	`width: 100%;`
		122	`position: relative;`
		123	`}`
		124
		125	`hr {`
		126	`margin-top: 1rem;`
		127	`margin-bottom: 1rem;`
		128	`border: 0;`
		129	`border-top: 1px solid #e5e5e5;`
		130	`}`
		131
		132	`#app {`
		133	`display: grid;`
		134	`grid-template-rows: auto 1fr auto;`
		135	`gap: 1rem;`
		136	`min-height: 100vh;`
		137	`}`
		138
		139	`.smiley-panel {`
		140	`transform-origin: bottom;`
		141	`overflow: hidden;`
		142	`}`
		143
		144	`.smiley-panel-body {`
		145	`height: 160px;`
		146	`padding: 10px 0;`
		147
		148	`border-top: 1px solid var(--border-primary);`
		149	`overflow: auto;`
		150
		151	`.e1 {`
		152	`cursor: pointer;`
		153	`}`
		154	`}`
		155
		156	`.fadedown {`
		157	`transition:`
		158	`opacity 300ms ease-in,`
		159	`transform 300ms ease-in;`
		160	`animation: 300ms ease-in 0s both fadedown;`
		161	`}`
		162
		163	`.rbc-month-view,`
		164	`.rbc-time-view {`
		165	`background-color: var(--bg-color);`
		166	`}`
		167
		168	`.rbc-toolbar .rbc-btn-group button {`
		169	`background-color: var(--bg-color);`
		170	`}`
		171
		172	`.rbc-toolbar .rbc-toolbar-label {`
		173	`text-transform: capitalize;`
		174	`font-size: 1rem;`
		175
		176	`color: var(--title-color);`
		177	`}`
		178
		179	`.rbc-toolbar .rbc-btn-group svg {`
		180	`font-size: 1.1rem;`
		181	`}`
		182
		183	`.rbc-calendar {`
		184	`min-height: 500px;`
		185	`}`
		186
		187	`.companies-list {`
		188	`display: grid;`
		189	`gap: 0.5rem;`
		190	`position: relative;`
		191	`width: 100%;`
		192	`grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));`
		193	`}`
		194
		195	`.btn {`
		196	`display: inline-flex;`
		197	`align-items: center;`
		198	`border: none;`
		199	`border-radius: 30px;`
		200	`cursor: pointer;`
		201	`font-size: 0.95rem;`
		202	`line-height: 1;`
		203	`overflow: hidden;`
		204	`transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);`
		205
		206	`border-radius: 10px;`
		207	`}`
		208
		209	`.btn-primary {`
		210	`background-color: var(--button-bg);`
		211
		212	`color: var(--button-text-color) !important;`
		213
		214	`&:hover {`
		215	`background-color: var(--bg-color);`
		216	`}`
		217	`}`
		218
		219	`.btn-secondary {`
		220	`background: var(--button-bg-secondary);`
		221
		222	`color: var(--button-text-color-secondary) !important;`
		223
		224	`&:hover {`
		225	`background-color: var(--button-bg-secondary);`
		226	`}`
		227	`}`
		228
		229	`.btn-tertiary {`
		230	`background-color: var(--button-bg-tertiary);`
		231
		232	`color: var(--button-text-color-tertiary) !important;`
		233
		234	`&:hover {`
		235	`background: var(--button-bg-tertiary);`
		236
		237	`color: var(--button-text-color-tertiary) !important;`
		238	`}`
		239	`}`
		240
		241	`.btn-secondary:disabled,`
		242	`.btn-primary:disabled,`
		243	`.btn-tertiary:disabled {`
		244	`cursor: no-drop;`
		245	`}`
		246
		247	`.ck.ck-content {`
		248	`height: 100px;`
		249	`}`
		250
		251	`.pac-container {`
		252	`z-index: 1051 !important;`
		253	`}`
		254
		255	`.img-icon {`
		256	`height: 1rem;`
		257	`width: 1rem;`
		258
		259	`&.lg {`
		260	`height: 1.5rem;`
		261	`width: 1.5rem;`
		262	`}`
		263
		264	`&.options {`
		265	`height: 1.5rem;`
		266	`width: auto;`
		267	`}`
		268
		269	`&.options-sm {`
		270	`height: 1rem;`
		271	`width: auto;`
		272	`}`
		273
		274	`&.options-lg {`
		275	`height: 1.5rem;`
		276	`width: auto;`
		277	`}`
		278	`}`
		279
		280	`::-webkit-input-placeholder {`
		281	`/* Chrome/Opera/Safari */`
		282	`color: #b2b2b2;`
		283	`}`
		284
		285	`::-moz-placeholder {`
		286	`/* Firefox 19+ */`
		287	`color: #b2b2b2;`
		288	`}`
		289
		290	`:-ms-input-placeholder {`
		291	`/* IE 10+ */`
		292	`color: #b2b2b2;`
		293	`}`
		294
		295	`:-moz-placeholder {`
		296	`/* Firefox 18- */`
		297	`color: #b2b2b2;`
		298	`}`
		299
		300	`.skill-tags {`
		301	`display: flex;`
		302	`flex-wrap: wrap;`
		303	`gap: 0.5rem;`
		304	`}`
		305
		306	`.row {`
		307	`margin: 0;`
		308	`}`
		309
		310	`.marketplace_card {`
		311	`background: var(--bg-color);`
		312	`border-radius: 10px;`
		313	`display: flex;`
		314	`flex-direction: column;`
		315	`max-width: 250px;`
		316	`overflow: hidden;`
		317	`transition: all 200ms;`
		318	`margin: auto;`
		319
		320	`img {`
		321	`object-fit: cover;`
		322	`aspect-ratio: 4/2.5;`
		323	`}`
		324
		325	`&:hover {`
		326	`transform: translateY(-1rem);`
		327	`box-shadow:`
		328	`rgba(0, 0, 0, 0.2) 1px 1px 1px -1px,`
		329	`rgba(0, 0, 0, 0.2) 1px 2px 4px;`
		330	`}`
		331	`}`
		332
		333	`.settings-container {`
		334	`font-weight: normal;`
		335
		336	`h2 {`
		337	`font-size: 18px;`
		338	`font-weight: 600;`
		339	`margin: 0.5rem auto;`
		340	`color: var(--subtitle-color);`
		341	`}`
		342	`}`
		343
		344	`.acc-setting_content {`
		345	`padding: 2rem 1rem;`
		346	`width: 100%;`
		347	`overflow: hidden;`
		348	`border-radius: 10px;`
		349	`background-color: var(--bg-color);`
		350	`border: 1px solid var(--border-primary);`
		351	`box-shadow: 1px 0 4px var(--background-gray);`
		352	`}`
		353
		354	`.notbat {`
		355	`display: flex;`
		356	`justify-content: space-between;`
		357	`border-top: 1px solid var(--border-primary);`
		358	`padding: 0.5rem 1rem;`
		359	`width: 100%;`
		360
		361	`& > span {`
		362	`max-width: 70%;`
		363	`}`
		364	`}`
		365
		366	`.cp-field {`
		367	`width: 100%;`
		368	`display: flex;`
		369	`flex-direction: column;`
		370	`align-items: flex-start;`
		371	`flex: 1;`
		372
		373	`h5 {`
		374	`color: var(--title-color);`
		375	`font-size: 16px;`
		376	`font-weight: 600;`
		377	`}`
		378
		379	`label {`
		380	`font-weight: 600;`
		381	`color: var(--subtitle-color);`
		382	`}`
		383
		384	`input,`
		385	`textarea,`
		386	`select,`
		387	`.custom-input {`
		388	`background-color: var(--bg-color);`
		389	`border-radius: 10px;`
		390	`color: var(--font-color);`
		391	`border: 1px solid var(--border-primary);`
		392	`padding: 0.5rem 1rem;`
		393	`width: 100%;`
		394	`}`
		395
		396	`textarea {`
		397	`height: 115px;`
		398	`}`
		399	`}`
		400
		401	`.cpp-fiel {`
		402	`width: 100%;`
		403	`position: relative;`
		404
		405	`i {`
		406	`position: absolute;`
		407	`top: 12px;`
		408	`left: 15px;`
		409	`color: #b2b2b2;`
		410	`font-size: 16px;`
		411	`}`
		412	`}`
		413
		414	`.text-chat-title {`
		415	`color: var(--gray) !important;`
		416	`font-size: 1rem;`
		417	`}`
		418
		419	`.chat-header a {`
		420	`text-decoration: none;`
		421	`color: var(--dark);`
		422	`}`
		423
		424	`.chat-header h2 {`
		425	`font-weight: 700;`
		426	`text-align: center;`
		427	`}`
		428
		429	`.pac-container {`
		430	`z-index: 1051 !important;`
		431	`}`
		432
		433	`.form-group {`
		434	`margin-bottom: 1rem;`
		435	`padding-top: 0px;`
		436	`}`
		437
		438	`.description__label {`
		439	`display: flex;`
		440	`flex-direction: column;`
		441
		442	`label {`
		443	`font-size: 1rem;`
		444	`font-weight: 600;`
		445	`}`
		446
		447	`p {`
		448	`font-size: 0.9rem;`
		449	`}`
		450
		451	`margin-bottom: 1rem;`
		452	`}`
		453
		454	`.user__options-dropdown,`
		455	`.nav__options-dropdown {`
		456	`position: absolute;`
		457	`right: 0;`
		458	`min-width: 220px;`
		459	`top: calc(100% + 10px);`
		460	`background-color: var(--bg-color);`
		461	`border-radius: 5px;`
		462	`box-shadow:`
		463
		464
		465	`transition: all 0.2s ease-in-out;`
		466	`transform-origin: top;`
		467
		468	`&.fadeOut {`
		469	`transform: scaleY(0);`
		470	`opacity: 0;`
		471	`}`
		472
		473	`&.fadeIn {`
		474	`transform: scaleY(1);`
		475	`opacity: 1;`
		476	`}`
		477
		478	`ul {`
		479	`display: flex;`
		480	`flex-direction: column;`
		481	`gap: 0.5rem;`
		482
		483	`a {`
		484	`white-space: nowrap;`
		485	`}`
		486	`}`
		487	`}`
		488
		489	`.user__options-dropdown {`
		490	`border-top-right-radius: 0;`
		491	`}`
		492
		493	`.user__options-item {`
		494	`padding: 1rem 10px;`
		495	`border-top: 1px solid rgba(0, 0, 0, 0.08);`
		496	`border-bottom: 1px solid rgba(0, 0, 0, 0.08);`
		497	`display: flex;`
		498	`flex-direction: column;`
		499	`gap: 0.5rem;`
		500
		501	`h3 {`
		502	`font-weight: 600;`
		503	`}`
		504
		505	`ul {`
		506	`display: flex;`
		507	`flex-direction: column;`
		508	`gap: 0.5rem;`
		509
		510	`a {`
		511	`color: gray !important;`
		512
		513	`&:hover {`
		514	`text-decoration: underline !important;`
		515	`}`
		516	`}`
		517	`}`
		518	`}`
		519
		520	`.nav__options-dropdown {`
		521	`transform: scaleY(0);`
		522	`right: -10%;`
		523	`opacity: 0;`
		524	`padding: 1rem;`
		525	`min-width: fit-content;`
		526
		527	`ul {`
		528	`display: flex;`
		529	`flex-direction: column;`
		530
		531	`a {`
		532	`color: gray;`
		533
		534	`&:hover {`
		535	`text-decoration: underline;`
		536	`}`
		537	`}`
		538	`}`
		539
		540	`&.level_three {`
		541	`transform: scaleY(1);`
		542	`transform: scaleX(0);`
		543	`top: -10%;`
		544	`left: 100%;`
		545	`max-height: 20rem;`
		546	`overflow: auto;`
		547	`transform-origin: left;`
		548
		549	`a {`
		550	`max-width: 30ch;`
		551	`}`
		552	`}`
		553
		554	`&.mobile {`
		555	`top: initial;`
		556	`bottom: 99%;`
		557	`left: 50%;`
		558	`transform-origin: bottom;`
		559	`}`
		560
		561	`&.show {`
		562	`transform: scaleY(1);`
		563	`opacity: 1;`
		564	`}`
		565
		566	`ul li:hover .level_three {`
		567	`transform: scaleX(1);`
		568	`opacity: 1;`
		569	`}`
		570	`}`
		571
		572	`.user__options-description {`
		573	`display: flex;`
		574	`flex-direction: column;`
		575	`align-items: center;`
		576	`gap: 0.5rem;`
		577	`padding: 10px;`
		578	`left: 0;`
		579	`right: initial;`
		580
		581	`.btn__profile {`
		582	`padding: 2px;`
		583	`border: 1px solid #7405f9;`
		584	`width: 100%;`
		585	`border-radius: 30px;`
		586	`color: #7405f9;`
		587	`font-size: 0.9rem;`
		588	`text-align: center;`
		589	`transition: all 0.1s ease-in;`
		590
		591	`&:hover {`
		592	`border: 2px solid #7405f9;`
		593	`}`
		594	`}`
		595	`}`
		596
		597	`.user__options-info {`
		598	`display: flex;`
		599	`align-items: center;`
		600	`gap: 0.5rem;`
		601	`width: 100%;`
		602
		603	`h3 {`
		604	`font-weight: 600;`
		605	`font-size: 1.1rem;`
		606	`}`
		607	`}`
		608
		609	`@media (min-width: 768px) {`
		610	`.nav__options-dropdown {`
		611	`right: 0;`
		612	`border-top-right-radius: 0;`
		613	`}`
		614	`}`
		615
		616	`@keyframes fadedown {`
		617	`0% {`
		618	`opacity: 0.01;`
		619	`transform: translateY(-20px);`
		620	`}`
		621
		622	`100% {`
		623	`opacity: 1;`
		624	`transform: translateY(0px);`
		625	`}`
		626	`}`

Proyectos de Subversion LeadersLinked - SPA

(root)/app/styles/globals.css – Rev 3719