Differential D238 Diff 852 src/styles.css

Changeset View

Standalone View

src/styles.css

/* You can add global styles to this file, and also import other style files */		/* You can add global styles to this file, and also import other style files */

a {		a {
color: #b54710;		color: #b54710;
}		}

a.mat-tab-link {		a.mat-tab-link {
opacity: 1.0;		opacity: 1.0;
}		}

body {		body {
background: #fafafa;		background: transparent !important;
		width: 100vw;
		height: 100vh;
		max-width: 1000px;
		overflow-x: hidden;
}		}

button[type="submit"] {		button[type="submit"] {
white-space: normal;		white-space: normal;
width: 100%;		width: 100%;
}		}

button[type="submit"]:hover {		button[type="submit"]:hover {
Show All 12 Lines	canvas {
touch-action: auto;		touch-action: auto;
}		}

div div mat-option span {		div div mat-option span {
font-size: 20px;		font-size: 20px;
}		}

div div mat-option#mat-option-1.mat-option.mat-selected {		div div mat-option#mat-option-1.mat-option.mat-selected {
color: #ed763e;		color: #EA6C40;
font-size: 20px;		font-size: 20px;
}		}

div div mat-option#mat-option-2.mat-option.mat-selected {		div div mat-option#mat-option-2.mat-option.mat-selected {
color: #ed763e;		color: #EA6C40;
font-size: 20px;		font-size: 20px;
}		}

div div mat-option#mat-option-3.mat-option.mat-selected {		div div mat-option#mat-option-3.mat-option.mat-selected {
color: #ed763e;		color: #EA6C40;
font-size: 20px;		font-size: 20px;
}		}

div div mat-option#mat-option-4.mat-option.mat-selected {		div div mat-option#mat-option-4.mat-option.mat-selected {
color: #ed763e;		color: #EA6C40;
font-size: 20px;		font-size: 20px;
}		}

div div mat-option#mat-option-5.mat-option.mat-selected {		div div mat-option#mat-option-5.mat-option.mat-selected {
color: #ed763e;		color: #EA6C40;
font-size: 20px;		font-size: 20px;
}		}

div div mat-option#mat-option-6.mat-option.mat-selected {		div div mat-option#mat-option-6.mat-option.mat-selected {
color: #ed763e;		color: #EA6C40;
font-size: 20px;		font-size: 20px;
}		}

div div mat-option#mat-option-7.mat-option.mat-selected {		div div mat-option#mat-option-7.mat-option.mat-selected {
color: #ed763e;		color: #EA6C40;
font-size: 20px;		font-size: 20px;
}		}

div span.mat-select-underline {		div span.mat-select-underline {
background-color: #ed763e;		background-color: #EA6C40;
font-size: 20px;		font-size: 20px;
}		}

div.creationEditor {		div.creationEditor {
zoom: 0.65;		zoom: 0.65;
}		}

div.mat-dialog-actions {		div.mat-dialog-actions {
float: right;		float: right;
}		}

div.mat-select-arrow {		div.mat-select-arrow {
color: #ed763e;		color: #EA6C40;
}		}

div.mat-slide-toggle-bar {		div.mat-slide-toggle-bar {
z-index: 2;		z-index: 2;
}		}

font span span blockquote p {		font span span blockquote p {
font-size: 12px;		font-size: 12px;
Show All 18 Lines
hr {		hr {
border: none;		border: none;
height: 2px;		height: 2px;
color: #333; /* old IE */		color: #333; /* old IE */
background-color: #333; /* Modern Browsers */		background-color: #333; /* Modern Browsers */
}		}

html {		html {
background: #fafafa;		background: #ffffff;
		width: 100vw;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
}		}

img {		img {
height: 100%;		height: 100%;
width: 100%;		width: 100%;
}		}

li.pagination-next.disabled, li.pagination-next {		li.pagination-next.disabled, li.pagination-next {
Show All 27 Lines

mat-select {		mat-select {
margin-top: 15px;		margin-top: 15px;
}		}

mat-select div.mat-select-trigger {		mat-select div.mat-select-trigger {
width: 120px;		width: 120px;
padding-bottom: 4px;		padding-bottom: 4px;
border-bottom: 2px solid #ed763e;		border-bottom: 2px solid #EA6C40;
}		}

mat-sidenav.sideNav {		mat-sidenav.sideNav {
z-index: 10;		z-index: 10;
width: 200px;		width: 200px;
min-width: 200px;		min-width: 200px;
position: fixed;		position: fixed;
right: 0px;		right: 0px;
Show All 17 Lines	p {
font-size: 100%;		font-size: 100%;
}		}

pagination-controls#server {		pagination-controls#server {
text-align: center;		text-align: center;
}		}

pagination-controls#server pagination-template ul.ngx-pagination li.current{		pagination-controls#server pagination-template ul.ngx-pagination li.current{
background: #ed763e;		background: #EA6C40;
}		}

span {		span {
display: block;		display: block;
height: 100%;		height: 100%;
margin: 0 auto;		margin: 0 auto;
}		}

Show All 10 Lines	span.markdown table {
width: 100%;		width: 100%;
}		}

span.markdown tbody tr td {		span.markdown tbody tr td {
padding: 5px;		padding: 5px;
}		}

span.markdown tbody tr:nth-child(even){		span.markdown tbody tr:nth-child(even){
background-color: #f2f2f2		background-color: transparent;
}		}

span.markdown thead tr th, span.markdown tbody tr th td {		span.markdown thead tr th, span.markdown tbody tr th td {
text-align: left;		text-align: left;
padding: 10px;		padding: 10px;
}		}

span.markdown thead tr th {		span.markdown thead tr th {
background-color: #ed763e;		background-color: #EA6C40;
color: #263238;		color: #263238;
}		}

span.mat-select-arrow {		span.mat-select-arrow {
color: #ed763e;		color: #EA6C40;
}		}

span.result {		span.result {
width: 200px;		width: 200px;
height: 200px;		height: 200px;
border: 2px solid #bf3f7f;		border: 2px solid #bf3f7f;
}		}

▲ Show 20 Lines • Show All 61 Lines • ▼ Show 20 Lines
}		}

.example-card {		.example-card {
margin-top: 5vh;		margin-top: 5vh;
margin-bottom: 5vh;		margin-bottom: 5vh;
margin-right: 5vw;		margin-right: 5vw;
margin-left: 5vw;		margin-left: 5vw;
word-wrap: break-word;		word-wrap: break-word;
background-color: #ed763e;		background-color: #EA6C40;
border: 2px solid #ed763e;		border: 2px solid #EA6C40;
}		}

.example-card.mat-card {		.example-card.mat-card {
background-color: white;		background-color: white;
}		}

.fyre-blanket {		.fyre-blanket {
background-color: #263238 !important;		background-color: #263238 !important;
color: #ffffff !important;		color: #ffffff !important;
}		}

.login-card {		.login-card {
margin-top: 5%;		margin-top: 5%;
margin-bottom: 5%;		margin-bottom: 5%;
margin-right: 5%;		margin-right: 5%;
margin-left: 5%;		margin-left: 5%;
word-wrap: break-word;		word-wrap: break-word;
background-color: #ed763e;		background-color: #EA6C40;
border: 2px solid #4f5b62;		border: 2px solid #4f5b62;
}		}

.login-card.mat-card {		.login-card.mat-card {
background-color: #EEEEEE;		background-color: #EEEEEE;
}		}

.form, .form-group {		.form, .form-group {
▲ Show 20 Lines • Show All 70 Lines • ▼ Show 20 Lines	.mat-tab-links {
text-align: center;		text-align: center;
display: flex;		display: flex;
justify-content: center;		justify-content: center;
align-items: center;		align-items: center;
height: 50px;		height: 50px;
}		}

.markdown {		.markdown {
display: block;
font-family: Arial, Helvetica, sans-serif;
padding: 1px;
margin: 0 0 0px;
line-height: 1;
color: black;
word-break: break-word;		word-break: break-word;
word-wrap: break-word;		word-wrap: break-word;
background-color: white;
border: 0px solid #ccc;
border-radius: 0px;
white-space: pre-wrap; /* Since CSS 2.1 */		white-space: pre-wrap; /* Since CSS 2.1 */
}		}

.markdown.p {		.markdown.p {
overflow: hidden;		overflow: hidden;
}		}

.mobileButtons {		.mobileButtons {
▲ Show 20 Lines • Show All 46 Lines • ▼ Show 20 Lines
}		}

.register-card {		.register-card {
margin-top: 5%;		margin-top: 5%;
margin-bottom: 5%;		margin-bottom: 5%;
margin-right: 5%;		margin-right: 5%;
margin-left: 5%;		margin-left: 5%;
word-wrap: break-word;		word-wrap: break-word;
background-color: #ed763e;		background-color: #EA6C40;
border: 2px solid #4f5b62;		border: 2px solid #4f5b62;
}		}

.register-card.mat-card {		.register-card.mat-card {
background-color: #EEEEEE;		background-color: #EEEEEE;
}		}

.sideNavlogo {		.sideNavlogo {
Show All 14 Lines	.toggle {
z-index: 1;		z-index: 1;
}		}

.username {		.username {
text-align: left;		text-align: left;
}		}

.userPostsGrid {		.userPostsGrid {
border: 2px solid #ed763e;		border: 2px solid #EA6C40;
}		}

.wideButtons {		.wideButtons {
width: 100%;		width: 100%;
margin: 0 auto;		margin: 0 auto;
}		}

#archive {		#archive {
▲ Show 20 Lines • Show All 401 Lines • ▼ Show 20 Lines	#navB {
z-index: 5;		z-index: 5;
background-color: white;		background-color: white;
}		}

#navBMobile {		#navBMobile {
display: none;		display: none;
}		}
}		}


		a {
		font-family: 'Mukta', sans-serif !important;
		color: #A2A2A2;
		}

		p {
		font-family: 'Mukta', sans-serif !important;
		color:#A2A2A2;
		}

		input, select, textarea{
		color: #A2A2A2 !important;
		font-family: 'Mukta', sans-serif !important;
		font-weight: 400 !important;
		background: transparent !important;
		}

		textarea {
		resize: none;
		}

		textarea:focus, input:focus {
		color: #A2A2A2 !important;
		font-family: 'Mukta', sans-serif !important;
		background: transparent !important;
		}

		/* Change the white to any color ;) */
		input:-webkit-autofill,
		input:-webkit-autofill:hover,
		input:-webkit-autofill:focus,
		input:-webkit-autofill:active {
		box-shadow: 0 0 0 30px white inset !important;
		-webkit-box-shadow: 0 0 0 30px white inset !important;
		-webkit-text-fill-color: #A2A2A2 !important;
		}

		.h1, .h2, .h3, h1, h2, h3 {
		margin-bottom: 0rem !important;
		margin-top: 0rem !important;
		}

		.alert-danger {
		background-color: #171717 !important;
		}

		p.marked span.markdown p {
		color: #333333 !important;
		}

		.ngx-pagination {
		display: flex;
		justify-content: center;
		flex-direction: row;
		}

		.ngx-pagination li {
		display: flex !important;
		}

		.navBar-container {
		width: 100%;
		height: 10vh;
		position: fixed;
		bottom: 0;
		left: 0;
		background: #171717;
		}