Changeset View
Changeset View
Standalone 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; | |||||
} |