Skillnad mellan versioner av "Mall:Uppslag.css"
Från wpu.nu
m |
m |
||
| Rad 15: | Rad 15: | ||
align-items: center; | align-items: center; | ||
align-content: space-around; | align-content: space-around; | ||
| − | max-width: | + | max-width: 80em; |
} | } | ||
| − | |||
.pu-paperform-heading { | .pu-paperform-heading { | ||
| Rad 28: | Rad 27: | ||
} | } | ||
| − | .pu-paperform-box { | + | .pu-paperform-boxs-s8 { |
| + | background-color: #E5FFE5; | ||
| + | border-color: #DDDDDD; | ||
| + | border-style:dashed; | ||
| + | border-width: 1px; | ||
| + | /*width: 500px; */ | ||
| + | min-height: 50px; | ||
| + | flex-basis: 80em; | ||
| + | flex-grow: 0; | ||
| + | /*flex-shrink: 1;*/ | ||
| + | align-self: flex-start; | ||
| + | margin-left: 0em; | ||
| + | margin-top: 0em; | ||
| + | } | ||
| + | |||
| + | .pu-paperform-box-s4 { | ||
background-color: #E5FFE5; | background-color: #E5FFE5; | ||
border-color: #DDDDDD; | border-color: #DDDDDD; | ||
| Rad 35: | Rad 49: | ||
/*width: 500px; */ | /*width: 500px; */ | ||
min-height: 50px; | min-height: 50px; | ||
| − | + | flex-basis: 40em; | |
flex-grow: 0; | flex-grow: 0; | ||
/*flex-shrink: 1;*/ | /*flex-shrink: 1;*/ | ||
align-self: flex-start; | align-self: flex-start; | ||
| − | margin-left: | + | margin-left: 0em; |
| − | margin-top: | + | margin-top: 0em; |
} | } | ||
| + | |||
| + | .pu-paperform-box-s2 { | ||
| + | background-color: #E5FFE5; | ||
| + | border-color: #DDDDDD; | ||
| + | border-style:dashed; | ||
| + | border-width: 1px; | ||
| + | /*width: 500px; */ | ||
| + | min-height: 50px; | ||
| + | flex-basis: 20em; | ||
| + | flex-grow: 0; | ||
| + | /*flex-shrink: 1;*/ | ||
| + | align-self: flex-start; | ||
| + | margin-left: 0em; | ||
| + | margin-top: 0em; | ||
| + | } | ||
| + | |||
| + | .pu-paperform-box-s1 { | ||
| + | background-color: #E5FFE5; | ||
| + | border-color: #DDDDDD; | ||
| + | border-style:dashed; | ||
| + | border-width: 1px; | ||
| + | /*width: 500px; */ | ||
| + | min-height: 50px; | ||
| + | flex-basis: 10em; | ||
| + | flex-grow: 0; | ||
| + | /*flex-shrink: 1;*/ | ||
| + | align-self: flex-start; | ||
| + | margin-left: 0em; | ||
| + | margin-top: 0em; | ||
| + | } | ||
| + | |||
Versionen från 27 augusti 2020 kl. 07.05
#pu-section-page {
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 24px;
}
.pu-paperform-container {
display: flex;
flex-wrap: wrap;
justify-content: left;
align-items: center;
align-content: space-around;
max-width: 80em;
}
.pu-paperform-heading {
font-family: 'Arimo', sans-serif;
font-size: 20px;
color: #225522;
font-weight: 600;
line-height: 18px;
}
.pu-paperform-boxs-s8 {
background-color: #E5FFE5;
border-color: #DDDDDD;
border-style:dashed;
border-width: 1px;
/*width: 500px; */
min-height: 50px;
flex-basis: 80em;
flex-grow: 0;
/*flex-shrink: 1;*/
align-self: flex-start;
margin-left: 0em;
margin-top: 0em;
}
.pu-paperform-box-s4 {
background-color: #E5FFE5;
border-color: #DDDDDD;
border-style:dashed;
border-width: 1px;
/*width: 500px; */
min-height: 50px;
flex-basis: 40em;
flex-grow: 0;
/*flex-shrink: 1;*/
align-self: flex-start;
margin-left: 0em;
margin-top: 0em;
}
.pu-paperform-box-s2 {
background-color: #E5FFE5;
border-color: #DDDDDD;
border-style:dashed;
border-width: 1px;
/*width: 500px; */
min-height: 50px;
flex-basis: 20em;
flex-grow: 0;
/*flex-shrink: 1;*/
align-self: flex-start;
margin-left: 0em;
margin-top: 0em;
}
.pu-paperform-box-s1 {
background-color: #E5FFE5;
border-color: #DDDDDD;
border-style:dashed;
border-width: 1px;
/*width: 500px; */
min-height: 50px;
flex-basis: 10em;
flex-grow: 0;
/*flex-shrink: 1;*/
align-self: flex-start;
margin-left: 0em;
margin-top: 0em;
}
.pu-paperform-box-large {
background-color: #E5FFE5;
border-color: #DDDDDD;
border-style:dashed;
border-width: 1px;
min-height: 50px;
/* flex-basis: 200px;*/
flex-grow: 0;
/*flex-shrink: 1;*/
align-self: flex-end;
justify-content: flex-end;
margin-left: .25em;
margin-top: .25em;
}
.pu-paperform-box-spacer {
background-color: #FF0000;
border-color: #000000;
border-style: solid;
border-width: 1px;
/*min-height: 50px;*/
/* flex-basis: 200px;*/
flex-grow: 1;
flex-shrink: 1;
margin-left: 0em;
margin-top: 0em;
}
.pu-paperform-heading a:link {
color: #225522;
}
.pu-paperform-heading a:visited {
color: #225522;
}
.pu-paperform-heading a:hover {
color: #225522;
}
.pu-paperform-heading a:active {
color: #225522;
}
.pu-paperform-filled-in-text {
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 14px;
background-color: #E5FFE5;
margin-top: .5em;
margin-bottom: .5em;
margin-left: 1em;
margin-right: .5em;
}
.pu-paperform-filled-in-text-large {
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-size: 24px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 24px;
background-color: #E5FFE5;
margin-top: .5em;
margin-bottom: .5em;
margin-left: 1em;
margin-right: .5em;
}
.pu-paperform-preprinted-text {
font-family: 'Arimo', sans-serif;
font-size: 12px;
color: #225522;
font-weight: 600;
line-height: 14px;
margin: .3em;
}
.prp-pages-output {
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 24px;
float: right;
}
.prp-pages-output {
font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 700;
line-height: 24px;
}
/* CSS som skrivs här påverkar alla utseenden */
#content{
margin-left:auto !important;
margin-right:auto;
max-width: 950px;
}
#footer {
margin-left: auto !important;
margin-right: auto;
max-width: 950px;
}
/* testing */
#mw-navigation {
margin-left: auto !important;
margin-right: auto;
max-width: 1140px;
top: 0;
}