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

Proyectos de Subversion LeadersLinked - SPA

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