mirror of
https://github.com/atlanticbiomedical/portal-legacy.git
synced 2025-07-02 01:47:28 -04:00
initial commit
This commit is contained in:
Chris Sewell
42
html/css/clientManager.css
Executable file
42
html/css/clientManager.css
Executable file
@ -0,0 +1,42 @@
|
||||
#mainFreqContainer{
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
border: 1px solid red;
|
||||
background-color:#4AA7BE;
|
||||
display: none;
|
||||
}
|
||||
#clost_text_cont{
|
||||
font-weight:bold;
|
||||
text-align: right;
|
||||
color: #FFF;
|
||||
}
|
||||
#clost_text{
|
||||
padding: 6px;
|
||||
color: #fff;
|
||||
}
|
||||
A.popLink{
|
||||
color: #fff;
|
||||
}
|
||||
.frequency_table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.frequency_header {
|
||||
text-align: center;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.frequency_type,
|
||||
.frequency_item {
|
||||
font-size: 11px;
|
||||
border-top: 1px solid #DDD;
|
||||
}
|
||||
|
||||
.frequency_item input {
|
||||
margin: 6px 10px;
|
||||
}
|
||||
|
||||
.frequency_header.alt,
|
||||
.frequency_item.alt {
|
||||
background-color: #EEE;
|
||||
}
|
||||
31
html/css/email.css
Executable file
31
html/css/email.css
Executable file
@ -0,0 +1,31 @@
|
||||
#emailPopUp{
|
||||
border:1px solid black;
|
||||
width: 170px;
|
||||
height: 80px;
|
||||
background-color: #4AA7BE;
|
||||
z-index: 400;
|
||||
padding: 5px;
|
||||
}
|
||||
.emailButton{
|
||||
border: 1px solid black;
|
||||
background-color: #3333FF;
|
||||
font-size:12px;
|
||||
font-family: arial;
|
||||
color: #fff;
|
||||
}
|
||||
#email_pop_inner{
|
||||
width: 160px;
|
||||
height: 70px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
#tech_name_span{
|
||||
font-weight:bold;
|
||||
}
|
||||
#close_butt_ajax{
|
||||
margin-top: 5px;
|
||||
margin-left: 70px;
|
||||
}
|
||||
.tech_email_error{
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
}
|
||||
550
html/css/main.css
Executable file
550
html/css/main.css
Executable file
@ -0,0 +1,550 @@
|
||||
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
|
||||
{ margin: 0; padding: 0; }
|
||||
a img,:link img,:visited img { border: none; }
|
||||
|
||||
a
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover
|
||||
{
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
body, td
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: Arial, Verdana, sans-serif;
|
||||
font-size: 11px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.form_error, .red{
|
||||
color: #f00;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* logo, header */
|
||||
|
||||
.header
|
||||
{
|
||||
width: 93%;
|
||||
}
|
||||
|
||||
.content
|
||||
{
|
||||
width: 93%;
|
||||
}
|
||||
|
||||
.header .logo_wrapper
|
||||
{
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.secureModuleMain
|
||||
{
|
||||
text-align: center;
|
||||
padding-top: 25px;
|
||||
}
|
||||
|
||||
.secureModuleMessage
|
||||
{
|
||||
width: 600px;
|
||||
border: 1px solid black;
|
||||
text-align: left;
|
||||
background-color: #cccccc;
|
||||
color: #ffffff;
|
||||
font-size: x-large;
|
||||
padding: 10px 0px 10px 0px;
|
||||
}
|
||||
|
||||
.secureModuleMessage img
|
||||
{
|
||||
display: inline;
|
||||
border: 0px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.secureModuleMessage div
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.secureModuleMessage a:visited, .secureModuleMessage a:active, .secureModuleMessage a
|
||||
{
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.header .logo
|
||||
{
|
||||
padding: 5px;
|
||||
background: url(../images/logo_bg.png) #FFFFFF repeat-y;
|
||||
background-position: 100%;
|
||||
}
|
||||
|
||||
.header .menu, .header .menu a, .header .menu a:visited
|
||||
{
|
||||
margin: 0px 5px 5px 5px;
|
||||
padding: 2px 10px 2px 10px;
|
||||
color: #FFFFFF;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
background: #08c46e;
|
||||
}
|
||||
|
||||
.menuCommands
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.loginForm
|
||||
{
|
||||
text-align: center;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.loginFormInner
|
||||
{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.loginFormInner fieldset
|
||||
{
|
||||
text-align: left;
|
||||
display: inline;
|
||||
position: relative;
|
||||
padding: 0 10px 10px 10px;
|
||||
}
|
||||
|
||||
.loginFormInner fieldset label
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
.loginFormInnerRow
|
||||
{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header .menu a:active
|
||||
{
|
||||
font-size: .9em;
|
||||
color: #f2080c;
|
||||
}
|
||||
|
||||
/* content */
|
||||
|
||||
/* footer */
|
||||
.footer
|
||||
{
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
border-top: 2px solid #08c46e;
|
||||
margin: 20px 5px 20px 5px;
|
||||
padding: 20px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.footer a:visited
|
||||
{
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.footer a:active
|
||||
{
|
||||
color: #f2080c;
|
||||
}
|
||||
|
||||
/* ########## User Manager ########## */
|
||||
|
||||
.userForm, .currentUsers
|
||||
{
|
||||
margin-left: 5px;
|
||||
margin-bottom: 5px;
|
||||
border: 1px solid #666666;
|
||||
padding: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.userForm
|
||||
{
|
||||
width: 255px;
|
||||
}
|
||||
|
||||
.currentUsers
|
||||
{
|
||||
|
||||
}
|
||||
/* ########## Client Manager ########## */
|
||||
.newClient
|
||||
{
|
||||
border: 1px solid #666666;
|
||||
margin: 0 5px 5px 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.clientSelect
|
||||
{
|
||||
padding: 3px;
|
||||
background: #ccc;
|
||||
border-bottom: 1px solid #666666;
|
||||
}
|
||||
|
||||
.clientSelect td
|
||||
{
|
||||
background: #DDDDDD;
|
||||
}
|
||||
.clientHeader
|
||||
{
|
||||
clear: both;
|
||||
width: 100%;
|
||||
padding: 3px 0px;
|
||||
background: #ccc;
|
||||
border-top: 1px solid #666666;
|
||||
border-bottom: 1px solid #666666;
|
||||
}
|
||||
.clientHeader h2
|
||||
{
|
||||
margin-left: 10px;
|
||||
}
|
||||
.oldWorkorders td, .upWorkorders td{
|
||||
padding: 3px 10px;
|
||||
}
|
||||
|
||||
.clientSelect td
|
||||
{
|
||||
background: #ccc;
|
||||
}
|
||||
|
||||
.clientInfo
|
||||
{
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.clientDevice
|
||||
{
|
||||
border: 1px solid #666666;
|
||||
padding: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#clientOptions input
|
||||
{
|
||||
float: right;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
/* ########## Workorders ########## */
|
||||
|
||||
#workorder_report
|
||||
{
|
||||
border: 1px solid #888888;
|
||||
}
|
||||
|
||||
#workorder_report td
|
||||
{
|
||||
background: #6292c4;
|
||||
padding: 3px;
|
||||
margin: 1px;
|
||||
}
|
||||
#workorder_report td.order_label
|
||||
{
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* ########## Scheduler ########## */
|
||||
#main
|
||||
{
|
||||
width: 90%;
|
||||
|
||||
margin: 0 5px 0 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#scheduleGoogleMap
|
||||
{
|
||||
border: 1px solid #000;
|
||||
width: 500px;
|
||||
float: left;
|
||||
margin: 5px 5px 5px 0;
|
||||
}
|
||||
|
||||
#availableTechWrapper
|
||||
{
|
||||
}
|
||||
#availableTechnicians
|
||||
{
|
||||
border: 1px solid #000;
|
||||
width: 220px;
|
||||
float: left;
|
||||
margin: 5px 5px 5px 0;
|
||||
}
|
||||
#availableTechnicians h2
|
||||
{
|
||||
font-size: 14px;
|
||||
background: #ccc;
|
||||
border-bottom: 1px solid #000;
|
||||
padding: 5px;
|
||||
line-height: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
#availableTechs{
|
||||
padding: 10px;
|
||||
}
|
||||
#availableTechs div.availTech{
|
||||
padding-bottom: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#availableTechs div.availTech a{
|
||||
font-weight: normal;
|
||||
color: #00f;
|
||||
}
|
||||
#scheduler
|
||||
{
|
||||
width: 350px;
|
||||
margin: 5px;
|
||||
border: 1px solid #000;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#scheduler .client_select
|
||||
{
|
||||
background-color: #ccc;
|
||||
border-bottom: 1px solid #666666;
|
||||
padding: 5px;
|
||||
}
|
||||
#scheduler .client_select td
|
||||
{
|
||||
height: 16px;
|
||||
line-height: 16px;
|
||||
vertical-alignt: middle;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
#scheduler .job_details
|
||||
{
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
#scheduler table tr td
|
||||
{
|
||||
background-color: transparent;
|
||||
}
|
||||
#scheduler small{
|
||||
font-size: 11px;
|
||||
padding: 3px 2px;
|
||||
}
|
||||
#display
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.techSchedule div
|
||||
{
|
||||
width: 200px;
|
||||
float: left;
|
||||
}
|
||||
#techInfo{
|
||||
width: 1100px;
|
||||
}
|
||||
#techMenu
|
||||
{
|
||||
clear: both;
|
||||
background: #ccc;
|
||||
padding: 5px 0px;
|
||||
border: 1px solid #000;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.techMenu2
|
||||
{
|
||||
clear: both;
|
||||
background: #ccc;
|
||||
padding: 5px 0px;
|
||||
border: 1px solid #000;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
#techMenu a{
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
border-right: 1px solid #000;
|
||||
padding: 5px 7px;
|
||||
}
|
||||
#techMenu a:hover{
|
||||
text-decoration: none;
|
||||
background: #ddd;
|
||||
}
|
||||
#techMap
|
||||
{
|
||||
width: 575px;
|
||||
height: 450px;
|
||||
float: right;
|
||||
margin-right: 50px;
|
||||
}
|
||||
#techMapDisplay
|
||||
{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div .techTableWrapper
|
||||
{
|
||||
float: left;
|
||||
margin: 10px;
|
||||
position: relative;
|
||||
display: inline:
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
div .techTable
|
||||
{
|
||||
border: 1px solid #000;
|
||||
}
|
||||
div.techSchedule{
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.techSchedule div.tech-name{
|
||||
background: #ccc;
|
||||
padding: 5px;
|
||||
border-top: 1px solid #000;
|
||||
border-left: 1px solid #000;
|
||||
border-right: 1px solid #000;
|
||||
width: 190px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.techSchedule div .scheduled
|
||||
{
|
||||
background: #4aa7be;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.techSchedule div .scheduled-existing
|
||||
{
|
||||
}
|
||||
|
||||
.techSchedule div .scheduled-new
|
||||
{
|
||||
border-top: 1px solid #000000;
|
||||
}
|
||||
|
||||
.techSchedule div .unscheduled
|
||||
{
|
||||
}
|
||||
|
||||
.techSchedule div .unscheduledJobEnd
|
||||
{
|
||||
border-top: 1px solid #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
.techSchedule div div
|
||||
{
|
||||
float: none;
|
||||
}
|
||||
|
||||
.techSchedule table
|
||||
{
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
.techSchedule td
|
||||
{
|
||||
padding: 3px;
|
||||
margin: 0px;
|
||||
background: #4aa7be;
|
||||
}
|
||||
.techSchedule div.unscheduled td.un-spacer
|
||||
{
|
||||
border-bottom: 1px dotted #000000;
|
||||
background: #fff;
|
||||
}
|
||||
.techSchedule td.time
|
||||
{
|
||||
vertical-align: top;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
background: #ddd;
|
||||
border-right: 1px solid #000;
|
||||
border-bottom: 1px solid #000000;
|
||||
}
|
||||
.techSchedule div.scheduled td.time
|
||||
{
|
||||
background: #ddd;
|
||||
}
|
||||
.techSchedule td.schedule-client{
|
||||
padding-left: 5px;
|
||||
}
|
||||
{
|
||||
vertical-align: top;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.mapsCollapsingPanelContainer
|
||||
{
|
||||
float: left;
|
||||
width: 200px;
|
||||
border: 1px solid black;
|
||||
text-align: right;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.mapsCollapsingPanelContainer select
|
||||
{
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.mapsCollapsingPanelContainerControl
|
||||
{
|
||||
width: 95%;
|
||||
height: 25px;
|
||||
padding: 10px 0px 0px 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.collapsingPanelHeader
|
||||
{
|
||||
background-color: #ccc;
|
||||
width: 95%;
|
||||
height: 25px;
|
||||
padding: 10px 0px 0px 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 5px;
|
||||
font-size: larger;
|
||||
font-weight: bold;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
border: 1px solid black;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.collapsingPanelContent
|
||||
{
|
||||
width: 95%;
|
||||
min-height: 25px;
|
||||
padding: 10px 0px 0px 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
border-width: 0px 1px 1px 1px;
|
||||
border-style: solid;
|
||||
text-align: left;
|
||||
}
|
||||
.form-error{
|
||||
font-weight: bold;
|
||||
color: #f00;
|
||||
}
|
||||
.workorder_search_results td{
|
||||
padding: 2px 5px;
|
||||
}
|
||||
174
html/css/messages.css
Executable file
174
html/css/messages.css
Executable file
@ -0,0 +1,174 @@
|
||||
fieldset {
|
||||
width: 420px;
|
||||
margin: 0 auto;
|
||||
background: #f9b0a7;
|
||||
padding: 5px;
|
||||
padding-right: 0;
|
||||
border: 2px ridge #212121;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font: 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin: 30px 0 30px 100px;
|
||||
}
|
||||
|
||||
label {
|
||||
width: 75px;
|
||||
float: left;
|
||||
font: 11px "Century Gothic", Arial, Helvetica, sans-serif;
|
||||
text-transform: uppercase;
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
input {
|
||||
float: left;
|
||||
width: 335px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 50px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.half {
|
||||
width: 135px;
|
||||
}
|
||||
|
||||
select {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.button {
|
||||
float: left;
|
||||
width: 150px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.phone {
|
||||
width: 30px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.phone3 {
|
||||
width: 40px;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.mobile {
|
||||
width: 40px;
|
||||
float: left;
|
||||
margin-right: 35px;
|
||||
}
|
||||
|
||||
.ext {
|
||||
width: 30px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.time {
|
||||
width: 75px;
|
||||
margin-left: 5px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.time2 {
|
||||
width: 75px;
|
||||
margin-left: 81px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
* html .time2{ margin-left: 76px;}
|
||||
:root .time2{ margin-left: 88px;}
|
||||
|
||||
:root .time {margin-left: 14px;}
|
||||
|
||||
textarea {
|
||||
width: 330px;
|
||||
height: 75px;
|
||||
margin: 5px 7px 5px 0;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#checkboxes {
|
||||
float: left;
|
||||
width: 400px;
|
||||
background: #df9d8f;
|
||||
padding: 5px;
|
||||
border: 1px ridge #212121;
|
||||
}
|
||||
:root #checkboxes{ margin-bottom: 10px; }
|
||||
|
||||
.row1_label {
|
||||
width: 110px;
|
||||
margin-right: 0px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
#checkboxes input {
|
||||
width: 15px;
|
||||
float: left;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.row2_label {
|
||||
width: 100px;
|
||||
margin-right: 0px;
|
||||
margin-left: 10px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.row3_label {
|
||||
width: 105px;
|
||||
margin-right: 0px;
|
||||
margin-left: 10px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.validation-advice {
|
||||
position: absolute;
|
||||
margin-top: 25px;
|
||||
margin-left: -400px;
|
||||
width: 200px;
|
||||
padding: 5px;
|
||||
background-color: #fff;
|
||||
border: 1px ridge #212121;
|
||||
font: 14px "Century Gothic", Arial, Helvetica, sans-serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#advice-validate-message-callers_message{margin-left: -59px;}
|
||||
#advice-validate-sign-signed{margin-top: -38px;}
|
||||
#advice-validate-phone-phone{margin-left:-404px;}
|
||||
#advice-validate-phone-phone-2{margin-left:-404px;}
|
||||
#advice-validate-phone-phone-3{margin-left:-404px;}
|
||||
|
||||
:root #advice-validate-message-callers_message{margin-top: 190px; margin-left: 0px;}
|
||||
:root #advice-validate-sign-signed{margin-top: -38px;}
|
||||
:root #advice-validate-phone-phone{margin-left:0px;}
|
||||
:root #advice-validate-phone-phone-2{margin-left:0px;}
|
||||
:root #advice-validate-phone-phone-3{margin-left:0px;}
|
||||
|
||||
:root .validation-advice{ margin-left:0;}
|
||||
|
||||
#last {
|
||||
margin-top: -45px;
|
||||
margin-left: 241px;
|
||||
}
|
||||
|
||||
#message{margin-top: 5px;}
|
||||
|
||||
#signed { margin-left: 120px;}
|
||||
:root #signed {margin-left: 112px;}
|
||||
|
||||
|
||||
:root #last{margin:3px 0 0 4px;}
|
||||
:root .form-row-ff{clear:both;}
|
||||
|
||||
* html #bug{ display: inline-block;}
|
||||
* html .ext{width: 25px;}
|
||||
36
html/css/process.css
Executable file
36
html/css/process.css
Executable file
@ -0,0 +1,36 @@
|
||||
#display_cont{
|
||||
width: 900px;
|
||||
height: 700px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.partial_match_column_title{
|
||||
width: 100px;
|
||||
font-size:12px;
|
||||
font-family: arial;
|
||||
}
|
||||
|
||||
#noMatchTable{
|
||||
margin-top: 0px;
|
||||
}
|
||||
.regularCont{
|
||||
border: 1px solid black;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.innerCont{
|
||||
padding: 0px 7px 7px 7px;
|
||||
}
|
||||
.titleBar{
|
||||
font-weight:bold;
|
||||
background-color: #EEF5FB;
|
||||
color: #000;
|
||||
padding: 3px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.alreadyExist{
|
||||
border:1px solid #DD7777;
|
||||
background: #FFCCCC;
|
||||
padding: 5px;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
font-size: 13px;
|
||||
}
|
||||
236
html/css/theme.css
Executable file
236
html/css/theme.css
Executable file
@ -0,0 +1,236 @@
|
||||
/* Distributed as part of The Coolest DHTML Calendar
|
||||
Author: Mihai Bazon, www.bazon.net/mishoo
|
||||
Copyright Dynarch.com 2005, www.dynarch.com
|
||||
*/
|
||||
|
||||
/* The main calendar widget. DIV containing a table. */
|
||||
|
||||
div.calendar { position: relative; }
|
||||
|
||||
.calendar, .calendar table {
|
||||
border: 1px solid #bdb2bf;
|
||||
font-size: 11px;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
background: url("../images/normal-bg.gif");
|
||||
font-family: "trebuchet ms",verdana,tahoma,sans-serif;
|
||||
}
|
||||
|
||||
.calendar {
|
||||
border-color: #ff6600;
|
||||
}
|
||||
|
||||
/* Header part -- contains navigation buttons and day names. */
|
||||
|
||||
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
|
||||
text-align: center; /* They are the navigation buttons */
|
||||
padding: 2px; /* Make the buttons seem like they're pressing */
|
||||
background: url("../images/title-bg.gif") repeat-x 0 100%; color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar .nav {
|
||||
font-family: verdana,tahoma,sans-serif;
|
||||
}
|
||||
|
||||
.calendar .nav div {
|
||||
background: transparent url("../images/menuarrow.gif") no-repeat 100% 100%;
|
||||
}
|
||||
|
||||
.calendar thead tr { background: url("../images/title-bg.gif") repeat-x 0 100%; color: #000; }
|
||||
|
||||
.calendar thead .title { /* This holds the current "month, year" */
|
||||
font-weight: bold; /* Pressing it will take you to the current date */
|
||||
text-align: center;
|
||||
padding: 2px;
|
||||
background: url("../images/title-bg.gif") repeat-x 0 100%; color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .headrow { /* Row <TR> containing navigation buttons */
|
||||
}
|
||||
|
||||
.calendar thead .name { /* Cells <TD> containing the day names */
|
||||
border-bottom: 1px solid #797979;
|
||||
padding: 2px;
|
||||
text-align: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.calendar thead .weekend { /* How a weekend day name shows in header */
|
||||
color: #c44;
|
||||
}
|
||||
|
||||
.calendar thead .hilite { /* How do the buttons in header appear when hover */
|
||||
background: url("../images/hover-bg.gif");
|
||||
border-bottom: 1px solid #797979;
|
||||
padding: 2px 2px 1px 2px;
|
||||
}
|
||||
|
||||
.calendar thead .active { /* Active (pressed) buttons in header */
|
||||
background: url("../images/active-bg.gif"); color: #fff;
|
||||
padding: 3px 1px 0px 3px;
|
||||
border-bottom: 1px solid #797979;
|
||||
}
|
||||
|
||||
.calendar thead .daynames { /* Row <TR> containing the day names */
|
||||
background: url("../images/dark-bg.gif");
|
||||
}
|
||||
|
||||
/* The body part -- contains all the days in month. */
|
||||
|
||||
.calendar tbody .day { /* Cells <TD> containing month days dates */
|
||||
font-family: verdana,tahoma,sans-serif;
|
||||
width: 2em;
|
||||
color: #000;
|
||||
text-align: right;
|
||||
padding: 2px 4px 2px 2px;
|
||||
}
|
||||
.calendar tbody .day.othermonth {
|
||||
font-size: 80%;
|
||||
color: #999;
|
||||
}
|
||||
.calendar tbody .day.othermonth.oweekend {
|
||||
color: #f99;
|
||||
}
|
||||
|
||||
.calendar table .wn {
|
||||
padding: 2px 3px 2px 2px;
|
||||
border-right: 1px solid #797979;
|
||||
background: url("../images/dark-bg.gif");
|
||||
}
|
||||
|
||||
.calendar tbody .rowhilite td,
|
||||
.calendar tbody .rowhilite td.wn {
|
||||
background: url("../images/rowhover-bg.gif");
|
||||
}
|
||||
|
||||
.calendar tbody td.today { font-weight: bold; /* background: url("today-bg.gif") no-repeat 70% 50%; */ }
|
||||
|
||||
.calendar tbody td.hilite { /* Hovered cells <TD> */
|
||||
background: url("../images/hover-bg.gif");
|
||||
padding: 1px 3px 1px 1px;
|
||||
border: 1px solid #bbb;
|
||||
}
|
||||
|
||||
.calendar tbody td.active { /* Active (pressed) cells <TD> */
|
||||
padding: 2px 2px 0px 2px;
|
||||
}
|
||||
|
||||
.calendar tbody td.weekend { /* Cells showing weekend days */
|
||||
color: #c44;
|
||||
}
|
||||
|
||||
.calendar tbody td.selected { /* Cell showing selected date */
|
||||
font-weight: bold;
|
||||
border: 1px solid #797979;
|
||||
padding: 1px 3px 1px 1px;
|
||||
background: url("../images/active-bg.gif"); color: #fff;
|
||||
}
|
||||
|
||||
.calendar tbody .disabled { color: #999; }
|
||||
|
||||
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* The footer part -- status bar and "Close" button */
|
||||
|
||||
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
|
||||
text-align: center;
|
||||
background: #565;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
|
||||
padding: 2px;
|
||||
background: url("../images/status-bg.gif") repeat-x 0 0; color: #000;
|
||||
}
|
||||
|
||||
.calendar tfoot .hilite { /* Hover style for buttons in footer */
|
||||
background: #afa;
|
||||
border: 1px solid #084;
|
||||
color: #000;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
|
||||
background: #7c7;
|
||||
padding: 2px 0px 0px 2px;
|
||||
}
|
||||
|
||||
/* Combo boxes (menus that display months/years for direct selection) */
|
||||
|
||||
.calendar .combo {
|
||||
position: absolute;
|
||||
display: none;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 4em;
|
||||
cursor: default;
|
||||
border-width: 0 1px 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: #797979;
|
||||
background: url("../images/normal-bg.gif"); color: #000;
|
||||
z-index: 100;
|
||||
font-size: 90%;
|
||||
}
|
||||
|
||||
.calendar .combo .label,
|
||||
.calendar .combo .label-IEfix {
|
||||
text-align: center;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.calendar .combo .label-IEfix {
|
||||
width: 4em;
|
||||
}
|
||||
|
||||
.calendar .combo .hilite {
|
||||
background: url("../images/hover-bg.gif"); color: #000;
|
||||
}
|
||||
|
||||
.calendar .combo .active {
|
||||
background: url("../images/active-bg.gif"); color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time {
|
||||
border-top: 1px solid #797979;
|
||||
padding: 1px 0px;
|
||||
text-align: center;
|
||||
background: url("../images/dark-bg.gif");
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute,
|
||||
.calendar td.time .ampm {
|
||||
padding: 0px 5px 0px 6px;
|
||||
font-weight: bold;
|
||||
background: url("../images/normal-bg.gif"); color: #000;
|
||||
}
|
||||
|
||||
.calendar td.time .hour,
|
||||
.calendar td.time .minute {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
.calendar td.time .ampm {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.calendar td.time .colon {
|
||||
padding: 0px 2px 0px 3px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.calendar td.time span.hilite {
|
||||
background: url("../images/hover-bg.gif"); color: #000;
|
||||
}
|
||||
|
||||
.calendar td.time span.active {
|
||||
background: url("../images/active-bg.gif"); color: #fff;
|
||||
}
|
||||
0
html/css/user.css
Executable file
0
html/css/user.css
Executable file
Reference in New Issue
Block a user