diff options
Diffstat (limited to 'WebContent/themes/default/theme.css')
-rw-r--r-- | WebContent/themes/default/theme.css | 803 |
1 files changed, 803 insertions, 0 deletions
diff --git a/WebContent/themes/default/theme.css b/WebContent/themes/default/theme.css new file mode 100644 index 0000000000..985efac13b --- /dev/null +++ b/WebContent/themes/default/theme.css @@ -0,0 +1,803 @@ +/** +* Various styles for debug mode +*/ +.uidl { + z-index: 1001; + text-indent: 18px; + border: 1px dashed red; + font-weight: normal; + white-space: nowrap; + cursor: hand; + cursor: pointer; +} + +.minimized { + overflow: hidden; + width: 5px; + height: 5px; + z-index: 1000; + float: left; +} + + + +/** +* Common attribute classes +*/ +.abs { position: absolute; } +.right { float: right; } +.nobr { white-space: nowrap; } +.inline { display: inline; } +.hidden { display: none; } +.pad { + padding: 3px 7px 3px 10px; +} +.padnr { + padding: 4px 0 4px 10px; +} + +/** +* Background used in various headers +*/ +.bg { + background-image: url(img/bg1.gif); + background-repeat: repeat-x; + background-color: white; +} + + + + + + + + + + + +.disabled { + color: #999999; + opacity: 0.5; + filter: alpha(opacity=50); +} +.disabled .caption { + color: #999999; +} +.disabled .border .caption { + color:#999999; +} +.disabled * { + color:#999999; +} + +.caption { + font-weight:bold; + color: black; + white-space:nowrap; + /*height: 16px;*/ +} +.caption .error { + /*width: 16px; + height: 16px;*/ + padding-left:5px; +} + +.content { + padding:5px; +} + +.clickable { + cursor:hand; + cursor:pointer; +} + + +/*.over { + border: 1px solid #eeeeee; +} +.over .border { + border: 1px solid #9999ee; + margin-left:-1px; +}*/ + +/* +.over.outset { + border: 1px solid #eeeeee !important; + border: inherit; +}*/ + +.border { + border: 1px solid #aaaaaa; +} + +.border.error { + border-color: #ee6666; +} + +IMG.overlay { + position: absolute; + z-index: 5; +} +IMG.error { + width: 11px; + height: 16px; +} + +.inset { + border-top: 2px solid #eeeeee; + border-left: 2px solid #eeeeee; +} + +.outset { + border-bottom: 2px solid #eeeeee; + border-right: 2px solid #eeeeee; +} + +.odd { + background-color:#f1f1f1; +} + + +.selectable { + color:white; + background:#0075d9; +} +.selected { + background-color:#c6e5fa; +} + +/* Popup */ +.popup { + font-weight: normal; + position: absolute; + z-index: 10000; + background: #f5f5fa; +} +.popup TD { + padding: 0px; + border: 0px; + margin: 0px; +} +.popup .icon { + vertical-align: middle; + display: inline; + /*width: auto; + height: auto;*/ +} +.popup .error { + border: 1px solid red; +} +.popup.hide { + display: none; +}/* +.popup.hide .border { + display: inline; + border: none; +} +.popup.hide .icon { + display: inline; + /*width: 16px; + height: 16px; +} +.popup.hide .content { + display: none; +} +.popup.hide .error { + display: none; +}*/ + + + +.item { + border: 1px solid #e9e9ef; + border-top: 1px solid white; + white-space: nowrap; +} +.item.over { + border: 1px solid #9999ee; + background-color: white; + background-image: url('img/bg1.gif'); + background-repeat: repeat-x; +} +.item .icon { + width:16px; + height:16px; +} + + + + + +/** +* Icons +*/ + +.icon { + vertical-align:bottom; + width:32px; + height:32px; +} +.icon-mini { + width:14px; + height:11px; + display:-moz-inline-box; + display:inline-block; + vertical-align:top; +} +.icon.error { + background:url(img/icon/error.gif) no-repeat top right; +} +.icon-mini.error { + background:url(img/icon/error-mini.gif) no-repeat; +} +.icon.info { + background:url(img/icon/info.gif) no-repeat; +} +.icon-mini.info { + background:url(img/icon/info-mini.gif) no-repeat top right; +} + + +/* COMPONENTS */ + + +/** +* Layouts +*/ +.gridlayout TABLE TD { + text-align: left; + vertical-align: top; +} + +.orderedlayout TABLE { + /* TODO works in FF not IE */ + Xwidth: 100%; +} + + +/** +* Button +*/ + +/* Button-style */ +.button { + margin-left:-5px; +} +.button .icon-mini { + padding-left:5px; +} +.btn { + float:left; + padding:5px 12px 0 0; + height:23px; + color:#fff; + background:url(img/button/btn-bg.gif) repeat-x; +} + +.over .btn { + background:url(img/button/btn-bg.gif) repeat-x bottom left; + border:none; +} +.btn-left, .btn-right { + width:16px; + height:28px; + float:left; + background:url(img/button/btn-left.gif) no-repeat; +} +.btn-right { + background:url(img/button/btn-right.gif) no-repeat; +} +.over .btn-left { + background:url(img/button/btn-left.gif) no-repeat bottom left; +} +.over .btn-right { + background:url(img/button/btn-right.gif) no-repeat bottom left; +} +.btn .caption { + color:#fff; +} +.btn .popup, .btn .popup .caption { + color:#494949; +} +.button.over { + border:none; +} +.button.over .btn .caption { + color:#fff; +} + +/* Link-style */ +.button-link .caption { + color:#6db201; + text-decoration:underline; +} +.button-link.over .caption { + color:#2a7acc; +} +.button-link .popup, .button-link .popup .caption, .button-link.over .caption .popup .content { + color:#494949; + text-decoration:none; +} + + + +/** +* Link +*/ +.link { + +} +.link.over { + background:none; +} +.link .caption { + color:#6db201; + text-decoration:underline; +} +.link.over .caption { + color:#2a7acc; +} +.link .description { + font-size:0.9em; +} +.link .popup .caption, .link .popup .content { + color:#494949; + text-decoration:none; +} + + + + +/** +* Tabsheet +*/ +/* +.tabs { + padding-left: 0px !important; + padding-left: 1px; + padding-top: 5px; + padding-bottom: 3px !important; + padding-bottom: 2px; + white-space: nowrap; +} +.tab, .tab-on { + border-right: 2px solid #eeeeee; + border-bottom: none; +} +.tab-on { + position: relative; + top: 1px; +} +.tab .caption { + background-image: url('img/bg1.gif'); + background-repeat: repeat-x; + border-bottom: none; +} +.tab .over { + /*border: 1px solid #9999ee; + border-bottom: none; +} +.tab-on .caption { + border-bottom: 1px solid white; + border-bottom: none; + background-color: white; +} +*/ + + +.node { + border: 1px solid white; + white-space: nowrap; + padding-bottom: 2px; +} +.nodes { + padding-left: 16px; +} +.node .caption { + vertical-align: top; + font-weight: normal; +} + +.node.over { + /*border: 1px solid #9999ee; + background-image: url('img/bg1.gif'); + background-repeat: repeat-x; + background-color: white;*/ +} +.node.over .caption { + /*color: blue;*/ +} +.node .icon { + width:16px; + height:16px; +} + +/** +* Panel +*/ + +/* Normal style */ +.panel { + margin:14px 9px 14px 0; +} +.panel .top { + height:35px; +} +.panel .top .left { + background:transparent url(img/panel/top-left.gif) no-repeat; + margin-right:19px; + height:35px; +} +.panel .top .right { + background:transparent url(img/panel/top-right.gif) no-repeat right top; + margin-left:-19px; + width:19px; + height:35px; + float:right; + display:inline; +} +.panel .middle { + background:#f8f8f8 url(img/panel/middle.gif) repeat-x; + border-left:solid 2px #ededed; + border-right:solid 2px #ededed; + padding:12px 19px 12px 19px; + overflow:auto; +} +.panel .bottom { + height:21px; +} +.panel .bottom .left { + background:url(img/panel/bottom-left.gif) no-repeat; + margin-right:19px; + height:21px; + +} +.panel .bottom .right { + background:url(img/panel/bottom-right.gif) no-repeat right top; + width:19px; + height:21px; + float:right; +} +/* FIX IE6 (5.5) leaves a four pixel gap between left and right div's */ +* html .panel .bottom .right { + position:relative; + left:-4px; +} +.panel .top .left .title { + padding:8px 19px 3px 19px; + height:22px; + margin-right:-19px; + border-bottom:solid 1px #dedede; +} +.panel .top .left .title .caption { + font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; + color:#0076c9; + font-style:italic; + font-weight:bold; + font-size:12pt; + letter-spacing:-0.04em; + white-space:nowrap; +} + + +/* Light style */ +.panel-light { + margin:20px 9px 20px 0; +} +.panel-light .top { + height:31px; + overflow:hidden; +} +.panel-light .top .left { + background:transparent url(img/panel/top-left-light.gif) no-repeat; + margin-right:19px; + height:31px; +} +.panel-light .top .right { + background:transparent url(img/panel/top-right-light.gif) no-repeat right top; + margin-left:-19px; + width:19px; + height:31px; + float:right; + display:inline; +} +.panel-light .middle { + background:#fff url(img/panel/middle-light.gif) repeat-x; + padding:12px 19px 12px 19px; + overflow:auto; +} +.panel-light .top .left .title { + padding:5px 19px 3px 19px; + height:18px; +} +.panel-light .top .left .title .caption { + font-family:'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif; + color:#0076c9; + font-style:italic; + font-weight:bold; + font-size:11pt; + letter-spacing:-0.04em; + white-space:nowrap; +} + +/* Description popup fixes */ +.panel .title .caption .popup .caption, .panel .title .caption .popup .caption { + font-family:Tahoma, Arial, Helvetica, sans-serif; + font-style:normal; + font-size:8pt; + color:#494949; +} + + + + + +/* +.textfield.over .border { + border: 1px solid #9999ee; +} +*/ +.textfield INPUT { + border: none; + padding-top: 2px; + padding-bottom: 2px; + padding-left: 5px; + padding-right: 5px; +} + + + + +/* +* Table + */ + +/* Renewed theme styles, 8.6.2006 - Jouni Koivuviita */ +.table { + margin:14px 10px 14px 0; + color:#494949; +} +.table .header { + height:25px; + overflow:hidden; + position:relative; + top:3px; + z-index:1; +} +.table .header .left { + width:20px; + height:25px; + float:left; + background:url(img/table/caption-left.gif) no-repeat; +} +.table .header .title { + height:25px; + float:left; + background:url(img/table/caption-bg.gif) repeat-x; + padding-right:20px; +} +.table .header .right { + width:20px; + height:25px; + float:left; + background:url(img/table/caption-right.gif) no-repeat; +} +.table .header .title { + padding-top:7px; + color:#fff; +} +.table .top { + height:3px; + overflow:hidden; +} +.table .top .left { + background:url(img/table/top-left.gif) no-repeat; + margin-right:4px; + height:3px; +} +.table .top .right { + background:url(img/table/top-right.gif) no-repeat right top; + width:4px; + height:3px; + float:right; +} + +.table .middle { + background-color:#f8f8f8; + border-left:solid 3px #f1f1f1; + border-right:solid 3px #f1f1f1; + color:#494949; +} +.table .bottom { + height:3px; +} +.table .bottom .left { + background:url(img/table/bottom-left.gif) no-repeat; + margin-right:4px; + height:3px; + +} +.table .bottom .right { + background:url(img/table/bottom-right.gif) no-repeat right top; + width:4px; + height:3px; + float:right; +} +.table .header .title .caption { + color:#fff; +} +.table .col-headers { + background:#f4f4f4 url(img/table/col-header-bg.gif) repeat-x; + color:#0076c9; +} + + +/* Old table styles */ +.list .bg { + background-image: none; +} +.list .cheader { + border-width: 1px 1px 1px 1px; +} +.list .content TABLE { + width: 100%; +} +.list .nav { + border-top: 2px solid #eeeeee; + text-align: center; + font-size: smaller; +} +.list .nav .small { + font-size: smaller; +} +.list .content TR.over { + background-image: url('img/bg1.gif'); + background-repeat: repeat-x; + background-color: white; +} +.list .content TD.scroll { + background: white; +} +.list .content TD.scroll { + background: white; +} +.table .content { + padding: 0px; +} +.table .content TABLE { + border-collapse: collapse; + empty-cells: show; + width: 100%; +} +.table .content TD { + padding-left: 5px; + padding-right: 5px; + padding-top: 3px; + padding-bottom: 3px; + border-left: 1px solid #eeeeee; + border-bottom: 1px solid #eeeeee; +} + +.table .cheader { + border-bottom-color: #999999; + border-left: 1px solid #cdcdcd; + padding-top: 5px; + padding-bottom: 5px; + vertical-align: middle; +} +.table .cheader.over { + border-color: #9999ee; + padding-bottom: 4px; +} +.table .cheader.sorted { + border-color: #9999ee; + padding-bottom: 4px; +} +.table .rheader { + text-align: right; + border-right-color: #999999; + border-left: none; +} +.table .selected .rheader { + background-color: white; +} +.table .empty { + border-bottom-color: #999999; + border-right-color: #999999; +} +.table .nav { + border-top: 2px solid #eeeeee; + text-align: center; + font-size: smaller; +} +.table .nav .small { + font-size: smaller; +} +.table .content TR.over { + background-image: url(img/bg1.gif); + background-repeat: repeat-x; + background-color: white; +} +.table .content TR.over TD { + border-bottom: 1px solid #9999ee; +} + +.table .content TD.scroll { + padding: 0px; + border: none; + width: 16px; + height: 100%; +} +.table .content TD.cheader.scroll { + border-left: 1px solid #999999; + border-bottom: 1px solid #999999; + width: 16px; +} +.table DIV.scroll { + width: 16px; + border-left: 1px solid #eeeeee; + /*overflow: scroll;*/ + height: 100%; +} +td.header { + background: url(img/bg1.gif); + background-repeat: repeat-x; +} +.table .icon { + width:16px; + height:16px; + background:url(img/table/col-header-bg.gif) repeat-x; +} + + +/** +* General HTML-tag styles +* Added 6.6.2006 +* Jouni Koivuviita +**/ + +body { + margin:0; + padding:20px; + background: url(img/body_bg.gif) repeat-x #fff; + color:#494949; + font-family:Tahoma, Arial, Helvetica, sans-serif; + font-size:62.5%; +} +td { + font-size:8pt; +} +p { + font-size:1em; +} + +h1, h2, h3, h4, h5, h6 { + font-family: "Trebuchet MS", sans-serif; + color:#494949; + letter-spacing:-0.03em; +} +h1 { + font-size: 18pt; + text-transform:uppercase; + margin:1em 0 0.6em 0; +} +h2 { + font-size:17pt; + font-weight:normal; + color:#0076c9; + margin:0.8em 0 0.5em 0; +} +h3 { + font-size: 14pt; + margin:0.6em 0 0.4em 0; +} +h4 { + font-size:12.4pt; + font-style:italic; + color:#0076c9; + margin:0.4em 0 0.3em 0; +} +h5 { + font-size:10pt; + margin:0.3em 0 0.2em 0; +}
\ No newline at end of file |