"Fossies" - the Fresh Open Source Software Archive  

Source code changes of the file "web/common-style.css" between
js-beautify-1.14.4.tar.gz and js-beautify-1.14.5.tar.gz

About: JS Beautifier is a JavaScript (and bookmarket) beautifier.

common-style.css  (js-beautify-1.14.4):common-style.css  (js-beautify-1.14.5)
body { body {
background: #eee; background: #eee;
color: #333; color: #333;
height: 95vh; height: 95vh;
margin: 8px;
max-width: 100%;
font: 13px/1.231 arial, sans-serif; font: 13px/1.231 arial, sans-serif;
} }
a.self { a.self {
font-weight: bold; font-weight: bold;
text-decoration: none; text-decoration: none;
color: #444; color: #444;
border-bottom: 1px solid #aaa border-bottom: 1px solid #aaa
} }
skipping to change at line 31 skipping to change at line 33
h1 img { h1 img {
font-family: montserrat, nexa, gotham, sans-serif; font-family: montserrat, nexa, gotham, sans-serif;
font-weight: 600; font-weight: 600;
} }
p, select, label, .blurb, a.turn-off-codemirror { p, select, label, .blurb, a.turn-off-codemirror {
font-size: small; font-size: small;
} }
.sub-title { .sub-title {
margin-bottom: 30px; margin-bottom: 8px;
} }
.title { .title {
margin-left: 40px; margin-left: 40px;
} }
textarea {
width: 100%;
}
textarea#source { textarea#source {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
a.turn-off-codemirror { a.turn-off-codemirror {
margin-left: 25px; margin-left: 25px;
} }
input[type="checkbox"], select, button { input[type="checkbox"], select, button {
skipping to change at line 67 skipping to change at line 73
#testresults { #testresults {
display: none; display: none;
font-family: monaco, consolas, "lucida console", "courier new", monospace; font-family: monaco, consolas, "lucida console", "courier new", monospace;
} }
.CodeMirror { .CodeMirror {
border: 1px solid #ccc; border: 1px solid #ccc;
height: 100%; height: 100%;
font-size: 90%; font-size: 90%;
margin-bottom: 6px;
background: white; background: white;
} }
.hide { .hide {
display: none; display: none;
} }
.container { .container {
max-width: 95%;
display: grid; display: grid;
grid-template-columns: 1.6fr 0.9fr; grid-template-columns: 65% 35%;
grid-template-rows: 0.2fr 1.8fr; grid-template-rows: 0.2fr 1.8fr;
gap: 0 14px; gap: 0 14px;
grid-auto-flow: row; grid-auto-flow: row;
grid-template-areas: grid-template-areas:
"title options" "title options"
"editor options"; "editor options";
} }
.title { .title {
grid-area: title; grid-area: title;
skipping to change at line 116 skipping to change at line 122
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
select { select {
display: block; display: block;
} }
.options-checkboxes, .options-select { .options-checkboxes, .options-select {
display: inline-table; display: inline-table;
max-width: 100%;
} }
#language { #language {
font-size: 20px; font-size: 20px;
width: 100%; width: 100%;
padding-left: 16px; padding-left: 16px;
font-weight: 800; font-weight: 800;
margin-bottom: 10px; margin-bottom: 10px;
} }
skipping to change at line 146 skipping to change at line 153
background-color: #7cffcb; background-color: #7cffcb;
background-image: linear-gradient(315deg, #7cffcb 0%, #74f2ce 74%); background-image: linear-gradient(315deg, #7cffcb 0%, #74f2ce 74%);
} }
.buttons-box .control { .buttons-box .control {
background-color: #2e3138; background-color: #2e3138;
color: white; color: white;
display: inline-flex; display: inline-flex;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 800px) {
.container { .container {
grid-template-columns: 100%;
grid-template-areas: grid-template-areas:
"title" "title"
"editor" "editor"
"options"; "options";
grid-template-rows: 0.1fr 1.8fr 0.1fr; grid-template-rows: 0.1fr 1.8fr 0.1fr;
width: 100vw; max-width: 100%;
}
.options-checkboxes, .options-select {
max-width: 50%;
} }
.title { .title {
margin-left: 10px; margin-left: 10px;
} }
.editor, .title, .options { .editor, .title, .options {
width: 95vw; max-width: 100%;
} }
.CodeMirror { .CodeMirror {
height: 50vh; height: 50vh;
} }
} }
.dark-mode {
background: #202124;
color: #f8f9fa;
}
.dark-mode a {
color: #9da2ff;
}
.dark-mode a:visited {
color: #d7affb;
}
.dark-mode a.self {
color: #d2d3d7;
}
.dark-mode select,
.dark-mode textarea {
background-color: #2e3037;
color: #e8eaed;
border: 1px solid #333333;
}
#theme-toggle-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
margin: 5px;
}
#theme-toggle-wrapper span {
margin-left: 10px;
font-size: 1rem;
}
#theme-toggle-label {
display: inline-block;
height: 20px;
position: relative;
width: 40px;
}
#theme-toggle-slider {
background-color: #ccc;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
#theme-toggle-slider:before {
background-color: #fff;
content: "";
height: 20px;
position: absolute;
transition: .4s;
width: 20px;
}
input:checked+#theme-toggle-slider {
background-color: #66bb6a;
}
input:checked+#theme-toggle-slider:before {
transform: translateX(20px);
}
#theme-toggle-slider {
border-radius: 20px;
}
#theme-toggle-slider:before {
border-radius: 50%;
}
 End of changes. 12 change blocks. 
6 lines changed or deleted 18 lines changed or added

Home  |  About  |  Features  |  All  |  Newest  |  Dox  |  Diffs  |  RSS Feeds  |  Screenshots  |  Comments  |  Imprint  |  Privacy  |  HTTP(S)