endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests Activity

Scale text to look better/less eyestrain on mobile

Browse source
This commit is contained in:
b 2021-01-19 04:53:05 -06:00
parent b41fa37fc5
commit 4097dd033c
3 changed files with 100 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
narrow.css
View file

@ -42,3 +42,53 @@
.wide-space {
height: 1em;
}
.idLabel, .skpLabel, .idDesc, .skpDesc {
font-size: 100%;
}
.title{
text-align: center;
font-size: 190%;
}
.smalltitle{
text-align: center;
font-size: 155%;
margin-top: 10px;
margin-bottom: 4px;
}
.button-narrow {
background-color: #666;
border: 2px solid #444;
border-radius: 5px;
color: #ddd;
text-align: center;
text-decoration: none;
font-family: 'Nunito',sans-serif;
font-weight: 700;
font-size: 113%;
display: inline-block;
}
button {
background-color: #666;
border: 2px solid #444;
border-radius: 5px;
color: #ddd;
text-align: center;
text-decoration: none;
font-family: 'Nunito',sans-serif;
font-weight: 700;
font-size: 150%;
display: inline-block;
}
button:hover {
background-color: #556;
}
button:active {
background-color: #558;
box-shadow: 0 3px #666;
transform: translateY(1px);
}

46
styles.css
View file

@ -33,9 +33,6 @@ div {
.id-edit1 {
}
.idLabel, .skpLabel, .idDesc, .skpDesc {
font-size: 80%;
}
.skillpoints {
padding: 0% 4% 2%;
@ -66,16 +63,6 @@ div {
a.link{
color: #A5FDFF;
}
.title{
text-align: center;
font-size: 150%;
}
.smalltitle{
text-align: center;
font-size: 125%;
margin-top: 10px;
margin-bottom: 4px;
}
.center {
text-align: center;
position: relative;
@ -235,40 +222,7 @@ table.center{
::-webkit-scrollbar-corner{
background: #110110;
}
.button-narrow {
background-color: #666;
border: 2px solid #444;
border-radius: 5px;
color: #ddd;
text-align: center;
text-decoration: none;
font-family: 'Nunito',sans-serif;
font-weight: 700;
font-size: 90%;
display: inline-block;
}
button {
background-color: #666;
border: 2px solid #444;
border-radius: 5px;
color: #ddd;
text-align: center;
text-decoration: none;
font-family: 'Nunito',sans-serif;
font-weight: 700;
font-size: 120%;
display: inline-block;
}
button:hover {
background-color: #556;
}
button:active {
background-color: #558;
box-shadow: 0 3px #666;
transform: translateY(1px);
}
input {
background-color: #666;
border: 2px solid #444;

50
wide.css
View file

@ -56,3 +56,53 @@
.wide-space {
height: 8em;
}
.idLabel, .skpLabel, .idDesc, .skpDesc {
font-size: 80%;
}
.title{
text-align: center;
font-size: 150%;
}
.smalltitle{
text-align: center;
font-size: 125%;
margin-top: 10px;
margin-bottom: 4px;
}
.button-narrow {
background-color: #666;
border: 2px solid #444;
border-radius: 5px;
color: #ddd;
text-align: center;
text-decoration: none;
font-family: 'Nunito',sans-serif;
font-weight: 700;
font-size: 90%;
display: inline-block;
}
button {
background-color: #666;
border: 2px solid #444;
border-radius: 5px;
color: #ddd;
text-align: center;
text-decoration: none;
font-family: 'Nunito',sans-serif;
font-weight: 700;
font-size: 120%;
display: inline-block;
}
button:hover {
background-color: #556;
}
button:active {
background-color: #558;
box-shadow: 0 3px #666;
transform: translateY(1px);
}