mirror of
https://gitlab.com/davical-project/davical.git
synced 2026-05-30 03:24:47 +00:00
New CSS from 'mdelorme'
This commit is contained in:
Andrew McMillan
parent
441ec448fe
commit
cd32effe1c
@ -1,43 +1,41 @@
|
|||||||
/* CSS for browse pages in RSCDS */
|
/* CSS for browse pages in RSCDS */
|
||||||
|
|
||||||
tr.header th, td {
|
tr.header th, td {
|
||||||
padding: 1px 4px;
|
padding: 1px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.header th {
|
tr.header th {
|
||||||
font-family: Arial Narrow, sans-serif;
|
font-family: Arial Narrow, sans-serif;
|
||||||
background-color: #a0f0b0;
|
background-color: #ABF;
|
||||||
color: #003010;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.header a {
|
tr.header a {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
border:0;
|
border:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr.r0:hover, tr.r1:hover {
|
tr.r0:hover, tr.r1:hover {
|
||||||
background-color:#ffffc0;
|
background-color:#AADEFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.r0 {
|
.r0 {
|
||||||
background-color: #e0fff0;
|
background-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.r1 {
|
.r1 {
|
||||||
background-color: #c0ffd0;
|
background-color: #BCF;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.order {
|
img.order {
|
||||||
border:0;
|
border:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.right {
|
.right {
|
||||||
text-align:right;
|
text-align:right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
text-align:left;
|
text-align:left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
231
htdocs/rscds.css
231
htdocs/rscds.css
@ -1,194 +1,223 @@
|
|||||||
/* Basic overridable CSS for Really Simple CalDAV Store */
|
/* Basic overridable CSS for Really Simple CalDAV Store */
|
||||||
|
|
||||||
body, p, li, td {
|
body, p, li, td {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prompt {
|
.prompt {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 1px 1em 1px 0.5em;
|
padding: 1px 1em 1px 0.5em;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error {
|
.error {
|
||||||
/* font-weight: bold; */
|
/* font-weight: bold; */
|
||||||
font-size: 110%;
|
font-size: 110%;
|
||||||
font-family: Bitstream Vera Sans, Vera Sans, sans-serif;
|
font-family: Bitstream Vera Sans, Vera Sans, sans-serif;
|
||||||
padding: 1px 0.3em;
|
padding: 1px 0.3em;
|
||||||
background-color: #c00000;
|
background-color: #c00000;
|
||||||
color: #ffff00;
|
color: #ffff00;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3, h4, h5 {
|
h1, h2, h3, h4, h5 {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-family: Bitstream Vera Sans, Vera Sans, sans-serif;
|
font-family: Bitstream Vera Sans, Vera Sans, sans-serif;
|
||||||
padding-left: 0.3em;
|
padding-left: 0.3em;
|
||||||
padding-right: 0.3em;
|
padding-right: 0.3em;
|
||||||
padding-bottom: 0.1em;
|
padding-bottom: 0.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 200%;
|
font-size: 100%;
|
||||||
background-color: #30c050;
|
background-color: #ABF;
|
||||||
margin: 0;
|
margin-top: 10px;
|
||||||
padding: 0.3em;
|
padding: 0.3em;
|
||||||
|
color:white;
|
||||||
|
border-bottom:2px dashed #009;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1:first-letter {
|
h1:first-letter {
|
||||||
font-size: 120%;
|
font-size: 120%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 160%;
|
font-size: 100%;
|
||||||
background-color: #60e080;
|
background-color: #BCF;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-top: 0.3em;
|
padding-top: 0.3em;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
margin-bottom: 0.3em;
|
margin-bottom: 0.3em;
|
||||||
|
margin-left :15px;
|
||||||
|
border:1px dashed #99F;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 130%;
|
font-size: 100%;
|
||||||
background-color: #c0ffd0;
|
background-color: #DEF;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding-top: 0.2em;
|
padding-top: 0.2em;
|
||||||
margin-top: 0.4em;
|
margin-top: 0.4em;
|
||||||
margin-bottom: 0.2em;
|
margin-bottom: 0.2em;
|
||||||
|
margin-left :25px;
|
||||||
|
border:1px dashed #BCF;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
padding: 0.1em 0.3em 0.2em;
|
padding: 0.1em 0.3em 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style-type: square;
|
list-style-type: square;
|
||||||
margin: 0 0 0.5em;
|
margin: 0 0 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
padding: 0 0.3em 0.2em;
|
padding: 0 0.3em 0.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
input.text, input.password, label, input.fcheckbox,
|
input.text, input.password, label, input.fcheckbox,
|
||||||
input.ftext, input.fpassword, input.fdate, input.ftimestamp, select.fselect, select.flookup {
|
input.ftext, input.fpassword, input.fdate, input.ftimestamp, select.fselect, select.flookup {
|
||||||
background-color: #e8ffe0;
|
background-color: #EFFAFF;
|
||||||
color: navy;
|
color: navy;
|
||||||
border: thin solid #c0c0c0;
|
border: thin solid #c0c0c0;
|
||||||
|
width:250px;
|
||||||
|
}
|
||||||
|
label.fcheckbox {
|
||||||
|
display:block;
|
||||||
|
width:244px;
|
||||||
|
margin-top:2px;
|
||||||
|
}
|
||||||
|
input.fcheckbox {
|
||||||
|
width:13px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input.text, input.password,
|
input.text, input.password,
|
||||||
input.ftext, input.fpassword, input.fdate, input.ftimestamp {
|
input.ftext, input.fpassword, input.fdate, input.ftimestamp {
|
||||||
padding: 3px;
|
padding: 3px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
label.fcheckbox {
|
label.fcheckbox {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin-right: 2px;
|
margin-right: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
input.fcheckbox {
|
input.fcheckbox {
|
||||||
margin-top: 6px;
|
margin-top: 6px;
|
||||||
margin-bottom: 3px;
|
margin-bottom: 3px;
|
||||||
vertical-align:-4px;
|
vertical-align:-4px;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
select.fselect, select.flookup {
|
select.fselect, select.flookup {
|
||||||
padding: 2px 0;
|
padding: 2px 0;
|
||||||
margin: 3px 0 0;
|
margin: 3px 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.prompt {
|
.prompt {
|
||||||
font-family: Arial Narrow, sans-serif;
|
font-family: Arial Narrow, sans-serif;
|
||||||
background-color: #a0f0b0;
|
background-color: #CDF;
|
||||||
color: #003010;
|
color: #003010;
|
||||||
}
|
}
|
||||||
|
|
||||||
td.entry {
|
td.entry {
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ph {
|
.ph {
|
||||||
font-family:Bitstream Vera Sans, sans-serif;
|
font-family:Bitstream Vera Sans, sans-serif;
|
||||||
color: #003010;
|
color: #003010;
|
||||||
font-size: 120%;
|
font-size: 120%;
|
||||||
background-color: #60e080;
|
background-color: #BCF;
|
||||||
text-align:left;
|
text-align:left;
|
||||||
border-top: 2px white solid;
|
border-top:10px white solid;
|
||||||
padding-top:3px;
|
padding-top:3px;
|
||||||
|
border-bottom:4px white solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#messages {
|
#messages {
|
||||||
background-color: #602000;
|
background-color: #602000;
|
||||||
color:white;
|
color:white;
|
||||||
border:0;
|
border:0;
|
||||||
padding:2px 6px;
|
padding:2px 6px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.messages, li.messages {
|
ul.messages, li.messages {
|
||||||
font-family:Bitstream Vera Sans, sans-serif;
|
font-family:Bitstream Vera Sans, sans-serif;
|
||||||
font-weight:700;
|
font-weight:700;
|
||||||
font-size: 1.1em;
|
font-size: 1.1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
li.messages {
|
li.messages {
|
||||||
display:inherit;
|
display:inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu {
|
#menu {
|
||||||
background-color: #084010;
|
background-color: white;
|
||||||
color: white;
|
color: white;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
padding: 2px 1px;
|
padding: 10px 0px 0px 10px;
|
||||||
margin-bottom: 1px;
|
margin-bottom: 0px;
|
||||||
|
height:20px;
|
||||||
|
border-bottom:1px solid #ABF;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu a.menu, #menu a.menu:hover, #menu a.menu_active, #menu a.menu_active:hover {
|
#menu a.menu, #menu a.menu:hover, #menu a.menu_active, #menu a.menu_active:hover {
|
||||||
color: white;
|
color: #999;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: #10a020;
|
background-color: #DEF;
|
||||||
padding: 1px 0.2em;
|
padding: 1px 0.2em;
|
||||||
margin-right: 0.2em;
|
margin-right: 5px;
|
||||||
|
height:20px;
|
||||||
|
border: 1px solid #ABF;
|
||||||
|
-moz-border-radius-topright: 2em;
|
||||||
|
-moz-border-radius-topleft: 2em;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu a.menu:hover, #menu a.menu_active:hover {
|
#menu a.menu:hover, #menu a.menu_active:hover {
|
||||||
color: yellow;
|
color: white;
|
||||||
background-color: #088010;
|
background-color: #BCF;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu a.menu_active, #menu a.menu_active:hover {
|
#menu a.menu_active, #menu a.menu_active:hover {
|
||||||
color: white;
|
background-color: white;
|
||||||
background-color: #30d090;
|
color: #009;
|
||||||
|
border-bottom:1px solid white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#submenu {
|
#submenu {
|
||||||
background-color: #105020;
|
margin-top:5px;
|
||||||
color: white;
|
padding-left:15px;
|
||||||
font-weight: bold;
|
background-color: white;
|
||||||
padding: 2px 1px;
|
color: white;
|
||||||
margin-bottom: 1px;
|
font-weight: bold;
|
||||||
|
margin-bottom: 1px;
|
||||||
|
border-bottom:1px solid #ABF;
|
||||||
|
height:20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#submenu a.submenu, #submenu a.submenu:hover, #submenu a.submenu_active, #submenu a.submenu_active:hover {
|
#submenu a.submenu, #submenu a.submenu:hover, #submenu a.submenu_active, #submenu a.submenu_active:hover {
|
||||||
color: white;
|
color: #999;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: #20c040;
|
background-color: #DEF;
|
||||||
padding: 1px 0.2em;
|
padding: 1px 0.2em;
|
||||||
margin-right: 0.2em;
|
margin-right: 0.2em;
|
||||||
|
border: 1px solid #ABF;
|
||||||
|
height:20px;
|
||||||
|
-moz-border-radius-topright: 2em;
|
||||||
|
-moz-border-radius-topleft: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#submenu a.submenu:hover, #submenu a.submenu_active:hover {
|
#submenu a.submenu:hover, #submenu a.submenu_active:hover {
|
||||||
color: yellow;
|
color: white;
|
||||||
background-color: #10a020;
|
background-color: #ABF;
|
||||||
}
|
}
|
||||||
|
|
||||||
#submenu a.submenu_active, #submenu a.submenu_active:hover {
|
#submenu a.submenu_active, #submenu a.submenu_active:hover {
|
||||||
color: white;
|
background-color: white;
|
||||||
background-color: #30d090;
|
color: #009;
|
||||||
|
border-bottom:1px solid white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user