WebSCR/WebSCR/Content/WebSCR.less

body {
}

@rosso: #FF0000;
@rossoChiaro: #ff9c9c;
@rossoScuro: #cb0000;


@verde: #00FF00;
@verdeChiaro: #c3ffc3;
@verdeScuro: #00a400;


@giallo: #fffF00;
@gialloChiaro: #ffffb6;
@gialloScuro: #b1b100;

@arancio: #ff6a00;
@arancioChiaro: #ffa05b;
@arancioScuro: #be5100;


@grigio: #ACACAC;
@grigioChiaro: #d6d6d6;
@grigioScuro: #707070;

@testoScuro: #333;

.greenBox{
    background-color: @verdeChiaro;
    border: 1px solid @verdeScuro;
    color: @testoScuro;
}

.yellowBox{
    background-color: @gialloChiaro;
    border: 1px solid @gialloScuro;
    color: @testoScuro;
}

.orangeBox{
    background-color: @arancioChiaro;
    border: 1px solid @arancioScuro;
    color: @testoScuro;
}

.redBox{
    background-color: @rossoChiaro;
    border: 1px solid @rossoScuro;
    color: @testoScuro;
}

.grayBox{
    background-color: @grigioChiaro;
    border: 1px solid @grigioScuro;
    color: @testoScuro;
}

.text-center {
    text-align: center;
    margin: auto;
}

.Rosso{
    color: @rosso;
}

.Verde{
    color: @verde;
}

.Giallo{
    color: @giallo;
}

.Arancio{
    color: @arancio;
}

.tStrong {
    font-weight: bold;
    font-size: 1.3em;
}

.flRight {
    float: right;
}
.flLeft {
    float: left;
}

/* calendar white */

.calendar_white_main  
{
    border: 1px solid #999;
}

.calendar_white_colheader
{
}

.calendar_white_scroll_up {
  background: url(calendar_white/up.png);
}

.calendar_white_scroll_down {
  background: url(calendar_white/down.png);
}

.calendar_white_rowheader_inner, 
.calendar_white_cornerright_inner,
.calendar_white_corner_inner,
.calendar_white_colheader_inner,
.calendar_white_alldayheader_inner 
{
    color: #666;
    background: #eee;
    background: -moz-linear-gradient(
        top,
        #eee 0%,
        #ddd);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#eee),
        to(#ddd));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#eeeeee", endColorStr="#dddddd");
    
}

.calendar_white_cornerright_inner 
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-bottom: 1px solid #999;
}

.calendar_white_rowheader_inner 
{
    font-size: 16pt;
    text-align: right; 
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    
}

.calendar_white_corner_inner 
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.calendar_white_rowheader_minutes 
{
    font-size:10px; 
    vertical-align: super; 
    padding-left: 2px;
    padding-right: 2px;
}

.calendar_white_colheader_inner 
{
    text-align: center; 
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;

}

.calendar_white_cell_inner
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  background-color: #ffffff;
}

.calendar_white_alldayheader_inner 
{
    text-align: center; 
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    
}

.calendar_white_message
{
    opacity: 0.9;
    filter: alpha(opacity=90);

    padding: 10px; 
    color: #ffffff;
    background: #ffa216;
    background: -moz-linear-gradient(
        top,
        #ffa216 0%,
        #ff8400);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#ffa216),
        to(#ff8400));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffa216", endColorStr="#ff8400");
}

.calendar_white_alldayevent_inner,
.calendar_white_event_inner  
{
    color: #666;
    background: #fff;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #eee);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#ffffff),
        to(#eee));
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");
    border: 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow:
        0px 2px 3px rgba(000,000,000,0.3),
        inset 0px 0px 2px rgba(255,255,255,0.8);
    -webkit-box-shadow:
        0px 2px 3px rgba(000,000,000,0.3),
        inset 0px 0px 2px rgba(255,255,255,0.8);
    box-shadow:
        0px 2px 3px rgba(000,000,000,0.3),
        inset 0px 0px 2px rgba(255,255,255,0.8);
}

.calendar_white_selected .calendar_white_event_inner 
{
    background: #ddd;
}

.calendar_white_alldayevent_inner  
{
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 1px;
    padding: 2px;
    margin-right: 1px;

    font-size: 12px;
}

.calendar_white_event_withheader .calendar_white_event_inner  
{
    padding-top: 15px;
}

.calendar_white_event 
{
    cursor: default;
}

.calendar_white_event_inner  
{
    position: absolute;
    overflow: hidden;
    top: 0px;
    bottom: 2px;
    left: 2px;
    right: 0px;
    
    padding: 2px;
    
    font-size: 10px;
    font-weight: bold;
    color: black;
}

.calendar_white_shadow_inner 
{
    background-color: #666666;
    opacity: 0.5;
    filter: Alpha(Opacity=70);
    height: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.noShadows {
    text-shadow: none;
}

/* divisione schermo */
.div_1_3{
    width: 33%;
}
.div_2_3{
    width: 66%;
}
.div_1_2{
    width: 50%;
}
.div_1_4{
    width: 25%;
}
.div_3_4{
    width: 75%;
}
.div_1_5{
    width: 20%;
}
.div_2_5{
    width: 40%;
}
.div_3_5{
    width: 60%;
}
.div_4_5{
    width: 80%;
}