TASK WIDGET CSS

PASTE THE FOLLOWING UNDER <style type="text/css">


/*-- TASK WIDGET BY HUNTER THEMES --*/

#task-widget {
position:absolute;
top:{text:Task widget top position};
left:{text:Task widget left position};
width:160px;
height:25px;
background:{color:Task widget background};
border: 1px solid {color:Task widget border};
border-radius:{text:Task widget border radius};
overflow:hidden;
z-index:100000;
{block:ifTaskWidgetIsOpen}
height:auto;
{/block:ifTaskWidgetIsOpen}
{block:ifDisplayTaskWidgetBoxShadow}
-webkit-box-shadow: 0 8px 6px -6px {color:Task widget box shadow};
-moz-box-shadow: 0 8px 6px -6px {color:Task widget box shadow};
box-shadow: 0 6px 8px -6px {color:Task widget box shadow};
{/block:ifDisplayTaskWidgetBoxShadow}
}

#task-widget-title {
color:{color:Task widget title};
width:140px;
height:15px;
padding:5px 10px;
font-size:16px;
line-height:16px;
font-family:Helvetica;
background:{color:Task widget title background};
border-bottom: 1px solid {color:Task widget border};
}

#task-widget-open {
float:right;
margin-top:2px;
{block:ifTaskWidgetIsOpen}
display:none;
{/block:ifTaskWidgetIsOpen}
}

#task-widget-open span {
float:right;
color:{color:Task widget title};
font-size:11px;
}

#task-widget-open span:hover {
color:{color:Task widget border};
}

#task-widget-close {
float:right;
margin-top:2px;
display:none;
{block:ifTaskWidgetIsOpen}
display:block;
{/block:ifTaskWidgetIsOpen}
}

#task-widget-close span {
float:right;
color:{color:Task widget title};
font-size:11px;
}

#task-widget-close span:hover {
color:{color:Task widget border};
}

.no-tasks {
margin-top:2px;
width:140px;
padding:5px 10px;
font-size:12px;
line-height:17px;
font-family:Helvetica;
color:{color:Task widget complete task};
}

.first-task, .second-task, .third-task, .fourth-task, .fifth-task {
margin-top:0px;
width:140px;
padding:5px 10px;
font-size:12px;
line-height:17px;
font-family:Helvetica;
cursor:pointer;
color:{color:Task widget task};
border-bottom:1px solid {color:Task widget task border};
}

.first-task {
{block:ifNoTasks}
display:none;
{/block:ifNoTasks}
{block:ifFirstTaskComplete}
color:{color:Task widget complete task};
text-decoration: line-through;
{/block:ifFirstTaskComplete}
}

.second-task {
{block:ifNoTasks}
display:none;
{/block:ifNoTasks}
{block:ifSecondTaskComplete}
color:{color:Task widget complete task};
text-decoration: line-through;
{/block:ifSecondTaskComplete}
}

.third-task {
{block:ifNoTasks}
display:none;
{/block:ifNoTasks}
{block:ifThirdTaskComplete}
color:{color:Task widget complete task};
text-decoration: line-through;
{/block:ifThirdTaskComplete}
}

.fourth-task {
{block:ifNoTasks}
display:none;
{/block:ifNoTasks}
{block:ifFourthTaskComplete}
color:{color:Task widget complete task};
text-decoration: line-through;
{/block:ifFourthTaskComplete}
}

.fifth-task {
{block:ifNoTasks}
display:none;
{/block:ifNoTasks}
{block:ifFifthTaskComplete}
color:{color:Task widget complete task};
text-decoration: line-through;
{/block:ifFifthTaskComplete}
}

.circ {
float:left;
margin-top:3px;
margin-left:0px;
margin-right:10px;
width:7px;
height:7px;
background:{color:Task widget circle};
border: 1px solid {color:Task widget border};
border-radius:100%;
}

.first-task .circ {
{block:ifFirstTaskComplete}
background:{color:Task widget circle complete};
border: 1px solid {color:Task widget circle complete};
{/block:ifFirstTaskComplete}
}

.second-task .circ {
{block:ifSecondTaskComplete}
background:{color:Task widget circle complete};
border: 1px solid {color:Task widget circle complete};
{/block:ifSecondTaskComplete}
}


.third-task .circ {
{block:ifThirdTaskComplete}
background:{color:Task widget circle complete};
border: 1px solid {color:Task widget circle complete};
{/block:ifThirdTaskComplete}
}

.fourth-task .circ {
{block:ifFourthTaskComplete}
background:{color:Task widget circle complete};
border: 1px solid {color:Task widget circle complete};
{/block:ifFourthTaskComplete}
}

.fifth-task .circ {
{block:ifFifthTaskComplete}
background:{color:Task widget circle complete};
border: 1px solid {color:Task widget circle complete};
{/block:ifFifthTaskComplete}
}