forked from MapComplete/MapComplete
Refactoring: move css directory into 'public'
This commit is contained in:
parent
94111dbdb7
commit
052f685bbd
6 changed files with 0 additions and 0 deletions
52
public/css/ReviewElement.css
Normal file
52
public/css/ReviewElement.css
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
|
||||
.review-attribution {
|
||||
display: flex;
|
||||
color: var(--subtle-detail-color-light-contrast);
|
||||
justify-content: flex-end;
|
||||
margin-right: 1em;
|
||||
}
|
||||
|
||||
.review-attribution span {
|
||||
width: calc(75% - 3em);
|
||||
text-align: right;
|
||||
max-width: 20em;
|
||||
}
|
||||
|
||||
.review-attribution img {
|
||||
height: 3em;
|
||||
width: auto;
|
||||
margin-left: 0.5em;
|
||||
}
|
||||
|
||||
.review-form-bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-top: 0.5em;
|
||||
}
|
||||
|
||||
.review-form-top {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
||||
.review-form-rating {
|
||||
display: block ruby;
|
||||
}
|
||||
|
||||
.review-form .save {
|
||||
display: block ruby;
|
||||
}
|
||||
|
||||
.review-form textarea {
|
||||
resize: unset;
|
||||
}
|
||||
|
||||
.review-form-rating svg {
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline-block;
|
||||
}
|
||||
2402
public/css/index-tailwind-output.css
Normal file
2402
public/css/index-tailwind-output.css
Normal file
File diff suppressed because it is too large
Load diff
10
public/css/mobile.css
Normal file
10
public/css/mobile.css
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
@media only screen and (max-width: 768px), only screen and (max-height: 700px) {
|
||||
.hidden-on-mobile {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
201
public/css/openinghourstable.css
Normal file
201
public/css/openinghourstable.css
Normal file
|
|
@ -0,0 +1,201 @@
|
|||
|
||||
.oh-table {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.oh-table th {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.oh-table, .oh-table td {
|
||||
border-collapse: collapse;
|
||||
background-clip: padding-box;
|
||||
border-right: 1px solid #ccc;
|
||||
/* Somthing sets linehight to 1.5, but the leaflet-popup-content sets it to 1.4, throwing of the calculations... */
|
||||
line-height: 1.5 !important;
|
||||
}
|
||||
|
||||
.oh-timecell {
|
||||
background-color: white;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.oh-table th {
|
||||
font-weight: bold;
|
||||
font-size: medium;
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.oh-table td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.oh-timecell:hover {
|
||||
background-color: var(--catch-detail-color) !important;
|
||||
}
|
||||
|
||||
|
||||
.oh-timecell-selected {
|
||||
background-color: var(--catch-detail-color);
|
||||
}
|
||||
|
||||
|
||||
.oh-timecell-half {
|
||||
border-bottom: 1px solid #ddd;
|
||||
background-color: var(--subtle-detail-color);
|
||||
}
|
||||
|
||||
.oh-timecell-half.oh-timecell-selected {
|
||||
background-color: var(--catch-detail-color);
|
||||
}
|
||||
|
||||
.oh-table tr {
|
||||
background: #ddd;
|
||||
}
|
||||
|
||||
.oh-left-col {
|
||||
border-bottom: 1px solid #aaa;
|
||||
margin: 0;
|
||||
margin-left: 10px;
|
||||
width: 0.5em;
|
||||
font-size: large;
|
||||
padding: 0;
|
||||
padding-right: 0.2em;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.oh-timecell-0 {
|
||||
border-left: 10px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.oh-timecell-6 {
|
||||
border-right: 10px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.oh-timecol-selected {
|
||||
border-right: var(--catch-detail-color);
|
||||
}
|
||||
|
||||
.oh-timecol-selected > span {
|
||||
background-color: var(--catch-detail-color);
|
||||
color: var(--background-color);
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.oh-timecol-selected-round-left > span {
|
||||
border-top-left-radius: 5em;
|
||||
border-bottom-left-radius: 5em;
|
||||
}
|
||||
|
||||
.oh-timecol-selected-round-right > span {
|
||||
border-top-right-radius: 5em;
|
||||
border-bottom-right-radius: 5em;
|
||||
}
|
||||
|
||||
.oh-timerow-selected .oh-timecell-0 {
|
||||
border-left: 10px solid var(--catch-detail-color) !important;
|
||||
}
|
||||
|
||||
.oh-timerow-selected .oh-timecell-6 {
|
||||
border-right: 10px solid var(--catch-detail-color) !important;
|
||||
}
|
||||
|
||||
.oh-timerange {
|
||||
color: var(--catch-detail-color-contrast);
|
||||
border-radius: 0.5em;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin-left: calc(5% - 1px);
|
||||
width: 90%;
|
||||
background: var(--catch-detail-color);
|
||||
z-index: 1;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid var(--catch-detail-color);
|
||||
overflow: unset;
|
||||
}
|
||||
|
||||
/**** Opening hours visualization table ****/
|
||||
|
||||
.ohviz-table {
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.ohviz-range {
|
||||
display: block;
|
||||
background: #99e7ff;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 5%;
|
||||
height: 85%;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
font-size: smaller;
|
||||
}
|
||||
|
||||
.ohviz-today .ohviz-range {
|
||||
border: 1.5px solid black;
|
||||
}
|
||||
|
||||
.ohviz-day-off {
|
||||
display: block;
|
||||
background: repeating-linear-gradient(
|
||||
45deg,
|
||||
rgba(255, 255, 255, 0),
|
||||
rgba(255, 255, 255, 0) 10px,
|
||||
rgba(102, 207, 255, 0.5) 10px,
|
||||
rgba(102, 207, 255, 0.5) 20px
|
||||
);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
||||
.ohviz-today .ohviz-day-off {
|
||||
display: block;
|
||||
background: repeating-linear-gradient(
|
||||
45deg,
|
||||
rgba(255, 255, 255, 0),
|
||||
rgba(255, 255, 255, 0) 10px,
|
||||
rgb(153, 231, 255) 10px,
|
||||
#99e7ff 20px
|
||||
);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
||||
|
||||
.ohviz-line {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
border-left: 1px solid #999;
|
||||
box-sizing: border-box
|
||||
}
|
||||
82
public/css/tagrendering.css
Normal file
82
public/css/tagrendering.css
Normal file
|
|
@ -0,0 +1,82 @@
|
|||
|
||||
/**
|
||||
Some utility functions which are only used to render data
|
||||
*/
|
||||
|
||||
.question .form-text-field > input {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.question {
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
background-color: var(--subtle-detail-color);
|
||||
color: var(--subtle-detail-color-contrast);
|
||||
padding: 1em;
|
||||
border-radius: 0.75rem;
|
||||
font-size: larger !important;
|
||||
overflow-wrap: initial;
|
||||
}
|
||||
|
||||
.question form {
|
||||
display: inline-block;
|
||||
max-width: 90vw;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.question svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.mapping-icon-small-height {
|
||||
/* A mapping icon type */
|
||||
height: 1.5rem;
|
||||
margin-right: 0.5rem;
|
||||
width: unset;
|
||||
}
|
||||
|
||||
.mapping-icon-medium-height {
|
||||
/* A mapping icon type */
|
||||
height: 3rem;
|
||||
margin-right: 0.5rem;
|
||||
width: unset;
|
||||
}
|
||||
|
||||
.mapping-icon-large-height {
|
||||
/* A mapping icon type */
|
||||
height: 5rem;
|
||||
margin-right: 0.5rem;
|
||||
width: unset;
|
||||
}
|
||||
|
||||
.mapping-icon-small {
|
||||
/* A mapping icon type */
|
||||
width: 1.5rem;
|
||||
max-height: 1.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.mapping-icon-medium {
|
||||
/* A mapping icon type */
|
||||
width: 3rem;
|
||||
max-height: 3rem;
|
||||
margin-right: 1rem;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.mapping-icon-large {
|
||||
/* A mapping icon type */
|
||||
width: 6rem;
|
||||
max-height: 5rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
margin-right: 1.5rem;
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
|
||||
|
||||
46
public/css/wikipedia.css
Normal file
46
public/css/wikipedia.css
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
/* This stylesheet reimplements a few classes from wikipedia to show their articles prettily */
|
||||
|
||||
.wikipedia-article {
|
||||
font-family: sans-serif !important;
|
||||
}
|
||||
|
||||
.wikipedia-article .tright {
|
||||
float: right;
|
||||
clear: right;
|
||||
}
|
||||
|
||||
.wikipedia-article svg, .wikipedia-article img {
|
||||
width: unset;
|
||||
height: unset;
|
||||
display: unset;
|
||||
}
|
||||
|
||||
.wikipedia-article .thumb {
|
||||
background: var(--subtle-detail-color);
|
||||
margin: 1rem;
|
||||
padding: 0.5rem;
|
||||
border: 1px solid var(--subtle-detail-color-light-contrast);
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
.wikipedia-article a:hover a:focus {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
|
||||
.wikipedia-article a {
|
||||
color: #0645ad !important;
|
||||
background: none !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.disable-links .wikipedia-article a {
|
||||
color: black !important;
|
||||
background: none !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
.wikipedia-article p {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue