Git-Mirrors/RetroShare
1
0
Fork 0
mirror of https://github.com/RetroShare/RetroShare.git synced 2024-10-01 02:35:48 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

orange css skin >48em

Browse Source
This commit is contained in:
cri 2017-08-24 14:32:22 +02:00
parent ea4495fcbe
commit d845a3e55a
1 changed files with 73 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

115
libresapi/src/webui-src/app/orange.scss
View File

@ -1,13 +1,14 @@
body { body {
background-color: #666; background-color: #CCC;
color: orange; color: #666;
font-family: times; font-family: sans;
margin: 0em; margin: 0em;
/*padding: 1.5em;*/ /*padding: 1.5em;*/
padding: 2mm; padding: 2mm;
font-size: 1.1em; font-size: 1.1em;
box-sizing: border-box; box-sizing: border-box;
} }
h2{text-transform: uppercase;}
#overlay{ #overlay{
z-index: 10; z-index: 10;
@ -40,49 +41,82 @@ body {
} }
td{ td{
padding: 0.3em; padding: 0.3em;
border-style: solid; border-style: none;
border-width: 0.1em; border-width: 0.1em;
border-color: lime; border-color: orange;
} }
hr {
color: lime; li {
} list-style: none;
.menu{
border-style: solid;
border-color: lime;
border-width: 0.1em;
cursor: pointer;
padding: 0.0em;
} }
.btn{ .btn{
border-style: solid;
border-color: lime;
border-width: 0.1em;
cursor: pointer; cursor: pointer;
padding: 0.1em; padding: 0.1em;
} }
.btn2, .box { input[type="button"]{
border-style: solid; border:solid 1px rgba(0,0,0,0);
border-color: orangered; border-radius: 10px;
border-color: limeGreen; font-size: 6mm;
border-width: 1px;
border-radius: 3mm;
padding: 2mm;
font-size: 10mm;
cursor: pointer; cursor: pointer;
margin-bottom: 2mm;
color: #333; color: #333;
background-color: #e9810c; background-color: #f79e3a;
width: 26vw; width: 26vw;
display: inline-grid; display: inline-grid;
margin: 0.2rem; margin: 0.2rem;
padding: 2.5rem; padding: 0.5rem;
text-align: center; text-align: center;
text-transform: capitalize; text-transform: capitalize;
box-shadow: 5px 5px 5px #333; box-shadow: 5px 5px 5px #333;
word-break: break-all; word-break: break-all;
} }
.btn2, .box {
border:solid 1px rgba(0,0,0,0);
border-radius: 10px;
font-size: 6mm;
cursor: pointer;
color: #333;
background-color: #f79e3a;
width: 26vw;
display: inline-grid;
margin: 0.2rem;
padding: 0.5rem;
text-align: center;
text-transform: capitalize;
box-shadow: 5px 5px 5px #333;
word-break: break-all;
}
.menu{
border: solid 1px rgba(0,0,0,0);
border-radius: 10px;
font-size: 0.8em;
cursor: pointer;
background-color: #f79e3a;
display: inline-grid;
margin: 0.2rem;
padding: 0.5rem;
text-align: center;
text-transform: capitalize;
}
span.menu:nth-child(2){
background-color: rgba(0,0,0,0);
}
div.btn2:nth-child(9) {
border: rgba(0,0,0,0);
background-color: rgba(0,0,0,0);
text-decoration: underline;
box-shadow: unset;
margin-top: 1em;
text-align: left !important;
font-size: 1em;
}
div.btn2:nth-child(9):hover{
color:#666;
}
.btn2:hover{ .btn2:hover{
background-color:orangered; background-color:orangered;
color:white; color:white;
@ -90,8 +124,8 @@ hr {
.btnSmall{ .btnSmall{
border-style: solid; border-style: solid;
/*border-color: lime;*/ /*border-color: orange;*/
border-color: limeGreen; border-color: orange;
/*border-width: 1px;*/ /*border-width: 1px;*/
border-radius: 3mm; border-radius: 3mm;
padding: 1mm; padding: 1mm;
@ -122,11 +156,8 @@ hr {
} }
input,textarea{ input, textarea{
color: lime; border-color: orange;
font-family: monospace;
background-color: black;
border-color: lime;
font-size: 10mm; font-size: 10mm;
border-radius: 3mm; border-radius: 3mm;
border-width: 1mm; border-width: 1mm;
@ -139,15 +170,13 @@ input,textarea{
/* make the text input fit small screens*/ /* make the text input fit small screens*/
box-sizing: border-box; box-sizing: border-box;
} }
input:hover{ input[type="button"]:hover{
background-color: midnightblue; background-color:orangered;
} }
textarea#txtNewMsg{ textarea#txtNewMsg{
color: lime; color: orange;
font-family: monospace; font-family: monospace;
background-color: black;
border-color: lime;
font-size: 100%; font-size: 100%;
border-radius: 3mm; border-radius: 3mm;
border-width: 1mm; border-width: 1mm;
@ -165,10 +194,10 @@ textarea#txtNewMsg{
input#txtMsgKeyword{ input#txtMsgKeyword{
color: lime; /* color: orange;
font-family: monospace; font-family: monospace;
background-color: black; background-color: black;*/
border-color: lime; border-color: orange;
font-size: 100%; font-size: 100%;
border-radius: 3mm; border-radius: 3mm;
border-width: 1mm; border-width: 1mm;