336 lines
13 KiB
CSS
336 lines
13 KiB
CSS
/**
|
|
* The css file of ZenTaoPMS.
|
|
*
|
|
* @copyright Copyright 2009-2010 QingDao Nature Easy Soft Network Technology Co,LTD (www.cnezsoft.com)
|
|
* @license LGPL (http://www.gnu.org/licenses/lgpl.html)
|
|
* @author Chunsheng Wang <chunsheng@cnezsoft.com>
|
|
* @package front
|
|
* @version $Id: style.css 1454 2009-10-23 01:45:26Z wwccss $
|
|
* @link http://www.ZenTaoPMS.com
|
|
*/
|
|
/*-----------------------BASE SETTING----------------------------*/
|
|
body {margin:0; text-align:left}
|
|
fieldset {border:1px solid #b3c8dc; padding:8px 10px 8px 10px; margin-bottom:8px; color:#333;}
|
|
legend {font-weight:bold;}
|
|
del{background:#fcc;}
|
|
ins{background:#cfc; text-decoration:none}
|
|
|
|
/*-----------------------LAYOUT SETTING ----------------------------*/
|
|
.outer {margin:0 10px; text-align:left}
|
|
.cont, .cont-lt1, .cont-lt2, .cont-lt3, .cont-lt4, .cont-lt5, .cont-rt1, .cont-rt2, .cont-rt3, .cont-rt4, .cont-rt5 {width:100%; margin:0; border:none; text-align:left}
|
|
.cont tr, .cont td {border:none; padding:0}
|
|
.cont-lt1 tr, .cont-lt2 tr, .cont-lt3 tr, .cont-lt4 tr, .cont-lt5 tr {border:none; padding:0}
|
|
.cont-lt1 td, .cont-lt2 td, .cont-lt3 td, .cont-lt4 td, .cont-lt5 td {border:none; padding:0}
|
|
.cont-rt1 tr, .cont-rt2 tr, .cont-rt3 tr, .cont-rt4 tr, .cont-rt5 tr {border:none; padding:0}
|
|
.cont-rt1 td, .cont-rt2 td, .cont-rt3 td, .cont-rt4 td, .cont-rt5 td {border:none; padding:0}
|
|
|
|
.cont-lt1 .side, .cont-rt1 .side {width:160px}
|
|
.cont-lt2 .side, .cont-rt2 .side {width:180px}
|
|
.cont-lt3 .side, .cont-rt3 .side {width:240px}
|
|
.cont-lt4 .side, .cont-rt4 .side {width:300px}
|
|
.cont-lt5 .side, .cont-rt5 .side {width:336px}
|
|
|
|
.cont-lt1 .divider,.cont-lt2 .divider,.cont-lt3 .divider,.cont-lt4 .divider,.cont-lt5 .divider {width:10px}
|
|
.cont-rt1 .divider,.cont-rt2 .divider,.cont-rt3 .divider,.cont-rt4 .divider,.cont-rt5 .divider {width:10px}
|
|
|
|
.f-left {float:left; padding-left: 5px}
|
|
.f-right {float:right; padding-right:5px}
|
|
.c-none {clear:none;}
|
|
.c-left {clear:left;}
|
|
.c-right {clear:right;}
|
|
.c-both {clear:both;}
|
|
.a-center {text-align: center;}
|
|
.a-right {text-align: right;}
|
|
.a-left {text-align: left;}
|
|
|
|
.half-left {float:left; width:48%; text-align:left; clear:left}
|
|
.half-right {float:right; width:48%; text-align:right; clear:right}
|
|
|
|
.hidden {display:none}
|
|
.block {display:block}
|
|
.inline {display:inline}
|
|
|
|
.margin-zero {margin: 0}
|
|
.margin-10px {margin: 10px}
|
|
.margin-15px {margin: 15px}
|
|
.margin-20px {margin: 20px}
|
|
.padding-zero{padding: 0}
|
|
.padding-10px{padding: 10px}
|
|
.padding-5px {padding: 5px}
|
|
|
|
.mt-10px {margin-top: 10px}
|
|
.mr-10px {margin-right: 10px}
|
|
.mb-10px {margin-bottom: 10px}
|
|
.ml-10px {margin-left: 10px}
|
|
|
|
.mt-zero {margin-top: 0}
|
|
.mr-zero {margin-right: 0}
|
|
.mb-zero {margin-bottom: 0}
|
|
.ml-zero {margin-left: 0}
|
|
|
|
.pt-10px {padding-top: 10px}
|
|
.pr-10px {padding-right: 10px}
|
|
.pb-10px {padding-bottom:10px}
|
|
.pl-10px {padding-left: 10px}
|
|
.ph-10px {padding-left:10px; padding-right:10px}
|
|
.pv-10px {padding-top: 10px; padding-bottom:10px}
|
|
|
|
.f-12px {font-size:12px}
|
|
.f-14px {font-size:14px}
|
|
.f-16px {font-size:16px}
|
|
|
|
/*-----------------------FORM SETTING----------------------------*/
|
|
.text-1 {width: 90%}
|
|
.text-2 {width: 120px}
|
|
.text-3 {width: 240px}
|
|
.text-4 {width: 360px}
|
|
.text-5 {width: 480px}
|
|
|
|
.select-1 {width: 90%}
|
|
.select-2 {width: 125px}
|
|
.select-3 {width: 245px}
|
|
.select-4 {width: 360px}
|
|
.select-5 {width: 480px}
|
|
|
|
.area-1{width: 90%;}
|
|
.area-2{width: 120px}
|
|
.area-3{width: 240px}
|
|
.area-4{width: 360px}
|
|
.area-5{width: 480px}
|
|
|
|
.button-s{padding:3px 20px 3px 20px}
|
|
.button-r{padding:3px 20px 3px 20px}
|
|
.button-c{padding:3px 20px 3px 20px}
|
|
.button-d{color:blue}
|
|
|
|
/*-----------------------TABLE SETTING----------------------------*/
|
|
table {border:1px solid #e4e4e4;}
|
|
td, tr, th {border:none; border-bottom:1px solid #e4e4e4}
|
|
|
|
caption {border:1px solid #e4e4e4; background:#efefef; margin:0; padding:2px 2px 2px 10px; border-bottom:none; text-align:left; font-weight:bold; font-size:14px;}
|
|
.caption-tr {caption-side:top; text-align:right; border:none; background:none;}
|
|
.caption-tl {caption-side:top; text-align:left; border:none; background:none;}
|
|
|
|
.table-1 {width:100%; margin-bottom:10px}
|
|
.table-2 {width:240px;margin-bottom:10px}
|
|
.table-3 {width:360px;margin-bottom:10px}
|
|
.table-4 {width:480px;margin-bottom:10px}
|
|
.table-5 {width:600px;margin-bottom:10px}
|
|
.table-6 {width:800px;margin-bottom:10px}
|
|
|
|
.table-1 tr, .table-2 tr, .table-3 tr, .table-4 tr, .table-5 tr {padding:3px 3px 3px 3px}
|
|
.table-1 td, .table-2 td, .table-3 td, .table-4 td, .table-5 td {padding:3px 3px 3px 3px}
|
|
.table-1 th, .table-2 th, .table-3 th, .table-4 th, .table-5 th {padding:3px 3px 3px 3px}
|
|
|
|
.colhead td {text-align:center; background-color:#efefef;}
|
|
.colhead th {text-align:center; background-color:#efefef; font-size:12px; font-weight:bold; border-bottom:1px solid #e4e4e4}
|
|
.colhead a {text-decoration:none; display:block;}
|
|
.colhead th a{color:#333; font-size:12px;}
|
|
.colhead th a:hover{color:#F30;}
|
|
|
|
.rowhead {font-weight:bold; text-align:right; width:100px; border-right:1px solid #e4e4e4}
|
|
.side .rowhead {width:20%}
|
|
|
|
.fixed {table-layout:fixed}
|
|
.nobr {overflow:hidden; white-space:nowrap;}
|
|
.fixed th, .fixed td {overflow:hidden; white-space:nowrap;}
|
|
.nofixed th, .nofixed td {overflow:visible; white-space:normal}
|
|
|
|
.odd {background:#fff;}
|
|
.even {background:#f1f1f1;}
|
|
.hoover {background:#d0dee3;}
|
|
.clicked {background:#fce6a2;}
|
|
|
|
fieldset .rowhead {border:none}
|
|
fieldset table {border:none}
|
|
fieldset .table-1 {margin:0;}
|
|
fieldset .bd-1px, fieldset .bd-1px td, fieldset .bd-1px th {border:1px solid #b3c8dc; padding:2px}
|
|
fieldset tr, fieldset td, fieldset th {border:none; padding:2px}
|
|
|
|
/* copyed from tablesorter plugin. */
|
|
table.tablesorter thead tr div{padding:0; margin:0}
|
|
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {color:red;}
|
|
table.tablesorter thead tr .headerSortDown a, table.tablesorter thead tr .headerSortUp a {color:red}
|
|
table.tablesorter thead tr .header {background-image: url(./images/tablesorter/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
|
|
table.tablesorter thead tr .headerSortUp {background-image: url(./images/tablesorter/asc.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
|
|
table.tablesorter thead tr .headerSortDown {background-image: url(./images/tablesorter/desc.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
|
|
|
|
/*-----------------------WIDTH SETTING--------------------------*/
|
|
.w-p5 {width: 5%}
|
|
.w-p10 {width: 10%}
|
|
.w-p15 {width: 15%}
|
|
.w-p20 {width: 20%}
|
|
.w-p25 {width: 25%}
|
|
.w-p30 {width: 30%}
|
|
.w-p35 {width: 35%}
|
|
.w-p40 {width: 40%}
|
|
.w-p45 {width: 45%}
|
|
.w-p50 {width: 50%}
|
|
.w-p55 {width: 55%}
|
|
.w-p60 {width: 60%}
|
|
.w-p65 {width: 65%}
|
|
.w-p70 {width: 70%}
|
|
.w-p75 {width: 75%}
|
|
.w-p80 {width: 80%}
|
|
.w-p85 {width: 85%}
|
|
.w-p90 {width: 90%}
|
|
.w-p100 {width: 100%}
|
|
|
|
.w-20px {width:20px}
|
|
.w-30px {width:30px}
|
|
.w-40px {width:40px}
|
|
.w-45px {width:45px}
|
|
.w-50px {width:50px}
|
|
.w-60px {width:60px}
|
|
.w-70px {width:70px}
|
|
.w-80px {width:80px}
|
|
.w-100px {width:100px}
|
|
.w-120px {width:120px}
|
|
.w-130px {width:130px}
|
|
.w-140px {width:140px}
|
|
.w-150px {width:150px}
|
|
.w-200px {width:200px}
|
|
|
|
.w-id {width:45px;}
|
|
.w-pri {width:30px;}
|
|
.w-severity {width:40px;}
|
|
.w-hour {width:40px;}
|
|
.w-date {width:70px;}
|
|
.w-user {width:60px;}
|
|
.w-status {width:50px}
|
|
.w-type {width:80px}
|
|
.w-resolution{width:60px}
|
|
|
|
/*-----------------------BORDER SETTING--------------------------*/
|
|
.bd-1px {border:1px solid}
|
|
.bt-1px {border-top:1px solid}
|
|
.bl-1px {border-left:1px solid}
|
|
.bb-1px {border-bottom:1px solid}
|
|
.br-1px {border-right:1px solid}
|
|
.bd-none {border:none}
|
|
.bd-green {border-color:#58CB64}
|
|
.bd-yellow {border-color:#F4BF20}
|
|
.bd-blue {border-color:#64B7D7}
|
|
.bd-gray {border-color:#bcbcbc;}
|
|
|
|
/*-----------------------BACKGROUND SETTING----------------------------*/
|
|
.bg-green {background-color:#DDF1D8;}
|
|
.bg-blue {background-color:#DEEEF4}
|
|
.bg-yellow {background-color:#FBF5C6;}
|
|
.bg-gray {background-color:#efefef;}
|
|
.bg-white {background-color:white;}
|
|
|
|
/*-----------------------COLOR SETTING----------------------------*/
|
|
.red {color:red;}
|
|
.blue {color:blue}
|
|
.yellow {color:yellow;}
|
|
.gray {color:gray;}
|
|
.green {color:green;}
|
|
.star {color:red; font-size:18px; font-weight:bold;}
|
|
.warning {background:yellow; color:red; font-weight:bold}
|
|
|
|
/*-----------------------SPECIAL PART SETTING--------------------*/
|
|
/* Header. */
|
|
#header{margin-bottom:5px; padding:2px 10px 0 10px; background:#16528b; border-bottom:1px solid #e4e4e4;}
|
|
|
|
/* Top bar. */
|
|
#topbar, #topbar a {color:#fff}
|
|
#topbar {margin-bottom:2px}
|
|
#topbar select {border:none; color:white; background:#16528b}
|
|
|
|
/* The nav bar. */
|
|
#navbar ul {margin:0; padding:0;}
|
|
#navbar li {margin:0; padding:0; float:left; text-align:center; list-style-type:none;}
|
|
#navbar a {text-decoration:none;}
|
|
#navbar a:hover {color:#ff3600;}
|
|
|
|
/* Main menu. */
|
|
#mainmenu ul {background-color:#1d64ad; height:30px; line-height:30px}
|
|
#mainmenu li {padding:0 8px 0 8px; border-right:3px solid #002242; color:white; font-size:14px;}
|
|
#mainmenu a {color:white; font-weight:normal;}
|
|
#mainmenu .active {background-color:#EDEFF4;}
|
|
#mainmenu .active a {color:#009900; font-weight:bold;}
|
|
|
|
#mainmenu #searchbox{float:right; border:none;}
|
|
#mainmenu .button-s{border:none; padding:2px}
|
|
|
|
/* Module menu. */
|
|
#modulemenu {color:#F30; margin-bottom:0px; font-size:14px;}
|
|
#modulemenu ul {background-color:#EDEFF4; height:28px; line-height:28px;}
|
|
#modulemenu li {padding:0 5px 0 5px;}
|
|
#modulemenu a {color:#111; font-weight:normal; font-size:14px;}
|
|
#modulemenu .active a {color:#009900; font-weight:bold;}
|
|
#modulemenu .right {float:right; font-weight:bold;}
|
|
#modulemenu .right a {color:red; font-weight:bold}
|
|
|
|
/* Feature bar. */
|
|
#featurebar {margin: 0 0 5px 0; background-color:#EDF3FE; height:28px; line-height:28px; cursor:pointer; padding-top:0px;}
|
|
#featurebar a {text-decoration:none; color:#000; margin-right:3px;}
|
|
#featurebar a:hover {color:#ff3600; border-color:#F30;}
|
|
#featurebar .f-right a {color:red; font-weight:bold;}
|
|
#featurebar #bysearchTab a {padding-left:10px; padding-right:10px}
|
|
#featurebar select {font-size:12px; height:22px; margin-top:3px;}
|
|
|
|
#featurebar .active a {color:#009900; font-weight:bold;}
|
|
#featurebar .active select {border:3px solid #009900;}
|
|
|
|
/* Tree menu. */
|
|
#tree li {list-style-type:none;}
|
|
#tree .active {color:blue; font-weight:bold}
|
|
|
|
/* Title bar. */
|
|
#titlebar {font-size:14px; font-weight:bold; background-color:#efefef; padding:0px 5px; margin:10px 0; height:30px; line-height:30px;}
|
|
#titlebar #main {float:left; width:70%; clear:none; text-align:left}
|
|
#titlebar div {float:right; width:30%; clear:none; text-align:right}
|
|
#titlebar #main input {font-size:14px}
|
|
#titlebar .text-1 {width:80%}
|
|
|
|
/* Product, project switcher. */
|
|
#switcher {color:white; font-style:bold; background:red; cursor:pointer;}
|
|
|
|
/* Other items. */
|
|
#actionbox .button-c {font-size:9px; height:20px; padding:0 5px 0 5px}
|
|
.history, .changes {border:1px solid #ccc; background:#f2f2f2; padding:10px; margin-top:10px; margin-bottom:10px; color:#333; line-height:20px;}
|
|
.history .changes {border:none; margin:0; padding:0}
|
|
.content {font-size:14px; padding:10px}
|
|
.content p {margin:0}
|
|
.roadmap {width:200px; margin:10px auto 10px auto; padding:10px; border:1px solid gray;}
|
|
.roadmap a{color:white;}
|
|
.release {background:darkgreen; color:white}
|
|
.plan {background:#9F9F5F;}
|
|
.search {display:block; float:left; clear:none; width:16px; height:16px; padding:0; margin:0 0 0 2px; text-indent:-2000px; overflow:hidden; background: url(images/main/search.gif) no-repeat;}
|
|
.searchleft{display:block; float:left; clear:none;}
|
|
.helplink {font-size:9px}
|
|
#bysearchTab a{color:red}
|
|
|
|
.tabs a{display:block; width:80%; margin:auto auto 10px auto; padding:5px; border:1px solid blue; text-decoration:none; overflow:hidden; white-space:nowrap; text-align:center}
|
|
.tabs a.current {background:green; color:white}
|
|
|
|
/* Footer. */
|
|
#divider {margin-bottom:30px}
|
|
#footer {width:100%; position:fixed; bottom:0; left:0; margin:0; color:#333; background-color:#FBF5C6; border-top:1px solid #F4BF20;}
|
|
#crumbs {padding:5px 0 5px 10px;}
|
|
#poweredby {margin-top:5px;}
|
|
|
|
/* Debug. */
|
|
.debugwin {display:block; width:200px; height:20px; position:fixed; bottom:27px; border-left:10px solid red}
|
|
|
|
/* Pager. */
|
|
.pager {margin-bottom:0}
|
|
|
|
/*-----------------------OTHERS SETTINGS --------------------*/
|
|
.box-title {border:1px solid #e4e4e4; background-color:#efefef; margin:0; padding:4px; border-bottom:none; text-align:left; font-weight:bold; color:#333;}
|
|
.box-content{border:1px solid #e4e4e4; padding:5px}
|
|
.done {color:#078F0E;}
|
|
.wait {color:#888;}
|
|
.doing {color:#F30;}
|
|
.delayed {background:#93D5F9;}
|
|
.pass {color:#078F0E;}
|
|
.blocked {background:yellow;}
|
|
.fail {color:red}
|
|
.hand {cursor:pointer}
|
|
.strong {font-weight:bold}
|
|
.deleted {text-decoration:line-through}
|
|
.linkbox a {display:block}
|
|
.owner {background:#e4e4e4; font-size:smaller}
|