Android-builders-club/OsmAnd
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Change CSS structure

Browse source
This commit is contained in:
Dmitriy Prodchenko 2018-05-01 17:53:04 +03:00
parent 4ec592b4be
commit 49f77623b3
1 changed files with 98 additions and 102 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

200
OsmAnd/assets/article_style.css
View file

@ -7,6 +7,10 @@ body {
font-size: 1em;
}
.nightmode > body {
color: #17191a;
}
.main {
max-width: 100% !important;
/* overflow-x: hidden; hide scroll bar */
@ -19,6 +23,13 @@ body {
font-family: sans-serif;
}
.nightmode {
max-width: 100% !important;
display: block;
font-family: sans-serif;
background-color: #17191a;
}
.nav-bar {
background-color: #f2f2f2;
font-size: 1.1em;
@ -37,6 +48,34 @@ body {
color: #2f7af5;
}
.nightmode > .nav-bar {
background-color: #222526;
font-size: 1.1em;
font-family: sans-serif;
color: #222526;
word-wrap: break-word;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: normal;
line-height: 1.6em;
}
.nightmode > .nav-bar, .nightmode > div > .nav-bar, {
background-color: #222526;
font-size: 1.1em;
font-family: sans-serif;
color: #222526;
word-wrap: break-word;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: normal;
line-height: 1.6em;
}
.title-image {
width: 100%;
height: 30%;
@ -48,13 +87,17 @@ body {
}
h1 {
font-size: 2em;
color: #212121;
font-family: RobotoSlab-Regular;
letter-spacing: 0.02em;
word-wrap: break-word;
padding-top: 5%;
font-weight: normal;
font-size: 2em;
color: #212121;
font-family: RobotoSlab-Regular;
letter-spacing: 0.02em;
word-wrap: break-word;
padding-top: 5%;
font-weight: normal;
}
.nightmode > h1, .nightmode > div > h1 {
color: #a3a3a3;
}
h2 {
@ -71,6 +114,12 @@ h2 {
width: 100%;
}
.nightmode > h2, .nightmode > div > h2 {
color: #cccccc;
border-bottom: 1px solid #2d3133;
font-weight:100;
}
h2.active:after {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
@ -110,12 +159,20 @@ h3 {
line-height: 1.6em;
}
.nightmode > h3, .nightmode > div > h3 {
color: #727272;
}
p {
font-family: sans-serif;
font-size: 1.1em;
line-height: 1.6em;
}
.nightmode > div > p, .nightmode > p {
color: #cccccc;
}
ul {
/* font-size: 1.1em; */
list-style-type: disc;
@ -131,6 +188,10 @@ li {
padding-bottom: 1%;
}
.nightmode > ul, .nightmode > div > ul {
color: #cccccc;
}
.toc {
font-size: 1.1em;
}
@ -140,15 +201,24 @@ img {
width: 100%;
}
a {
a, a.external, a.free, a.text {
color: #237bff;
text-decoration-color: #a3c8ff;
word-wrap: break-word;
background-color: #fafafa;
}
external-free {
.nightmode > a, .nightmode > div > a {
color: #d28521;
text-decoration-color: #854f08;
word-wrap: break-word;
background-color: black;
}
.nightmode > a.external, .nightmode > a.free, .nightmode > a.text {
color: #d28521;
text-decoration-color: #854f08;
word-wrap: break-word;
background-color: #222526;
}
pre {
@ -159,6 +229,10 @@ pre {
word-wrap: break-word;
}
.nightmode > pre {
color: #727272;
}
.geo {
background-color: #fafafa;
border: 1px solid #e6e6e6;
@ -172,6 +246,20 @@ pre {
display: inline-block;
}
.nightmode > .geo, .nightmode > div > .geo, .nightmode > div > ul > .geo, .nightmode > a > .geo {
color: #d28521;
background-color: #222526;
border: 1px solid #2d3133;
border-radius: 4px;
padding: 10px 10px 10px 10px;
color: #d28521;
font-size: 0.9em;
font-weight: bold;
text-align: center;
text-decoration: none;
display: inline-block;
}
@font-face {
font-family: RobotoSlab-Regular;
src: url("fonts/RobotoSlab-Regular.ttf")
@ -200,97 +288,5 @@ td {
overflow: hidden;
}
.nightmode > h1, .nightmode > div > h1 {
color: #a3a3a3;
}
.nightmode > h2, .nightmode > div > h2 {
color: #cccccc;
border-bottom: 1px solid #2d3133;
font-weight:100;
}
.nightmode > h3, .nightmode > div > h3 {
color: #727272;
}
.nightmode > div > p, .nightmode > p {
color: #cccccc;
}
.nightmode > ul, .nightmode > div > ul {
color: #cccccc;
}
.nightmode > .geo, .nightmode > div > .geo, .nightmode > div > ul > .geo, .nightmode > a > .geo {
color: #d28521;
background-color: #222526;
border: 1px solid #2d3133;
border-radius: 4px;
padding: 10px 10px 10px 10px;
color: #d28521;
font-size: 0.9em;
font-weight: bold;
text-align: center;
text-decoration: none;
display: inline-block;
}
.nightmode > a, .nightmode > div > a, .nightmode > div > ul > a {
color: #d28521;
text-decoration-color: #854f08;
word-wrap: break-word;
}
.nightmode > .external, .free {
color: #d28521;
text-decoration-color: #854f08;
word-wrap: break-word;
}
.nightmode > body {
color: #17191a;
}
.nightmode {
max-width: 100% !important;
/* overflow-x: hidden; hide scroll bar */
display: block;
/* margin-top: 7%;
padding-bottom: 0;
padding-left: 7%;
padding-right: 7%;
*/
font-family: sans-serif;
background-color: #17191a;
}
.nightmode > .nav, .bar {
background-color: #222526;
font-size: 1.1em;
font-family: sans-serif;
color: #222526;
word-wrap: break-word;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: normal;
line-height: 1.6em;
}
.nightmode > .nav-bar, .nightmode > div > .nav-bar, {
background-color: #222526;
font-size: 1.1em;
font-family: sans-serif;
color: #222526;
word-wrap: break-word;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
padding-bottom: 8px;
font-weight: normal;
line-height: 1.6em;
}