--- /dev/null
+body {
+ font-family: helvetica, arial, sans-serif;
+ background-color: #ccf;
+ margin: 0;
+}
+
+h1 {
+ font-size: 1.2em;
+ padding-top: 0.5em;
+ padding-left: 0.2em;
+ display: block;
+ background-color: #fff;
+ margin: 0;
+}
+
+div.buttons {
+ text-align: right;
+ padding-right: 0.5em;
+ padding-bottom: 0.5em;
+}
+
+.titlebox-title {
+ font-size: 1.1em;
+ margin-left: 0.5em;
+ margin-top: -1.2em;
+ top: -0.5em;
+ padding: 0.5em;
+ position: relative;
+ display: inline-block;
+ text-decoration: none;
+ background-color: #fff;
+ -moz-border-radius: 0.25em;
+ -webkit-border-radius: 0.25em;
+ border-radius: 0.25em;
+ -webkit-box-shadow: #333 0px 0px 5px;
+ -moz-box-shadow: #333 0px 0px 5px;
+ box-shadow: #333 0px 0px 5px;
+}
+
+ul.menu
+{
+ text-align: left;
+ list-style: none;
+ padding: 0;
+ margin: -0.6em;
+ left: 0;
+}
+
+ul.menu li
+{
+ display: block;
+ margin: 0;
+ padding: 0;
+ font-weight: bold;
+}
+
+ul.ticketlist li:active, ul.ticketlist li:hover,
+ul.menu li:active, ul.menu li:hover {
+ background-color: #eee;
+}
+
+
+ul.menu li
+{
+ display: block;
+ padding: 1em;
+ margin: 0;
+ border:0;
+ border-top-width: 1px;
+ border-top-color: #666;
+ border-style: solid;
+ text-decoration: none;
+}
+
+ul.menu li:first-child{
+ border: none;
+}
+
+ul.menu li#active a
+{
+ color: #800000;
+}
+
+div.titlebox, #bpscredits, #logo, .ticket_menu{
+ -moz-border-radius: 1em;
+ -webkit-border-radius: 1em;
+ border-radius: 1em;
+ margin: 0.5em;
+ background-color: #fff;
+ padding-top: 1em;
+ padding-bottom: 0.8em;
+ margin-top: 1.25em;
+ -webkit-box-shadow: #333 0px 0px 5px;
+ -moz-box-shadow: #333 0px 0px 5px;
+ box-shadow: #333 0px 0px 5px;
+ margin-bottom: 1em;
+}
+
+div .titlebox-content {
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+}
+
+hr.clear {
+ display: none;
+}
+
+
+.label, .labeltop, .cflabel {
+ font-weight: normal;
+}
+.value {
+ font-weight: bold;
+ display: inline-block;
+}
+
+div.value {
+ display: block;
+}
+
+ul.ticketlist {
+ list-style: none;
+ padding-left: -0.5em;
+ padding-right: -0.5em; /* to counteract the titlebox and get shading to the end*/
+ margin-left: -0.5em;
+ margin-right: -0.5em;
+ padding: 0em;
+ padding-bottom: 1em;
+}
+
+ul.ticketlist li.ticket {
+ padding: 0.5em;
+ font-weight: bold;
+ border-bottom: 1px solid #999;
+
+}
+ul.ticketlist li.ticket:first-child {
+ border-top: 1px solid #999;
+}
+
+ul.ticketlist li.ticket a.ticket{
+ display: inline-block;
+ font-size: 1em;
+ width: 100%;
+ padding: 0.5em;
+ padding-bottom: 5em;
+ margin-bottom: -5em;
+}
+ul.ticketlist li.ticket div.metadata {
+}
+
+
+ul.ticketlist li.ticket div.metadata div {
+ padding: 0.2em;
+ font-size:0.8em;
+ display: block;
+}
+
+ul.ticketlist li.ticket div.metadata .label {
+ display: inline-block;
+ width: 6em;
+ font-size: 0.8em;
+ text-align: right;
+ color: #666;
+}
+
+div#paging {
+ text-align: center;
+}
+
+.ticket-reply .titlebox-title, .titlebox.search .titlebox-title, .titlebox.menu .titlebox-title, .ticket_menu .titlebox-title, .history .titlebox-title, #ticket-create-basics .titlebox-title{
+ display: none;
+}
+
+a {
+ color: #000;
+}
+
+.ticket_menu a, .menu a {
+ text-decoration: none;
+}
+
+ul.menu a {
+ padding: 0.5em;
+ margin-top: -0.5em;
+ margin-bottom: -0.5em;
+ display: inline-block;
+ width: 100%;
+}
+
+ul.menu a:after {
+ color: #666;
+ float: right;
+ content: ">";
+ font-size: 1.5em;
+ padding: 0;
+ margin: 0;
+ padding-right: 1em;
+
+}
+
+ul.menu form {
+ display: inline;
+}
+
+ul.menu form * {
+ display: inline;
+}
+
+
+ul.menu form input[type=text] {
+ width: 7em;
+}
+
+ul.menu form input{
+
+ width: auto;
+ padding: 0.5em;
+ margin: -0.5em;
+ margin-left: 1em;
+}
+
+.ticket_menu {
+ text-align: center;
+}
+
+.ticket_menu ul {
+ display: block;
+ margin: 0;
+ padding: 0;
+}
+
+.ticket_menu ul li {
+
+ display: inline-block;
+ text-align: center;
+ padding-bottom: 0.25em;
+ padding-top: 0.25em;
+ font-size: 1em;
+ width: 28%;
+ padding-right: 0.3em;
+ padding-left: 0.2em;
+ border-right: 1px solid #000;
+}
+.ticket_menu ul li:last-child {
+ padding-right: 0;
+ border-right: 0;
+}
+
+.ticket-info-reminders table {
+
+ width: 100%;
+}
+
+#ticket-create .label:after {
+ content: ": ";
+ padding-right: 0.25em;
+
+}
+
+#ticket-create .content-label {
+ width: auto;
+ display: block;
+ text-align: left;
+
+}
+
+#ticket-show .label, .login-body .label {
+ display: inline-block;
+ text-align: right;
+ width: 6em;
+ padding-right: 0.25em;
+ font-size: 0.8em;
+}
+
+.login-body .value {
+ width: auto;
+}
+
+.history ul.history-list {
+ padding: 0;
+ margin: 0;
+ padding-bottom: 2em;
+}
+
+
+.history ul.history-list li:first-child {
+ border-top: 1px solid #ccc;
+}
+
+.history ul.history-list li {
+ list-style: none;
+ border-bottom: 1px solid #ccc;
+ padding: 0.5em;
+}
+
+.history .age {
+ display: inline-block;
+ min-width: 8em;
+ text-align: right;
+
+}
+
+div#login-box div.titlebox {
+ width: 100%;
+ margin-left:auto;
+ margin-right: auto;
+}
+
+div#login-box input[type=text], div#login-box input[type=password] {
+ width: 100%;
+}
+
+div#login-box div.login-help {
+ text-align: center;
+ /* don't be too close to the following "Not using a mobile ..." link */
+ margin-bottom: 1em;
+}
+
+#bpscredits {
+ float: right;
+ clear: right;
+ text-align: right;
+ width: auto;
+ font-size: 0.8em;
+ padding: 1em;
+}
+
+#bpscredits #copyright {
+ padding-top: 4em;
+ background: white url(../../static/images/bpslogo.png) no-repeat top right;
+}
+
+
+:focus {
+ background-color: #ffc;
+ border-color: #000;
+ border-weight: 3px;
+}
+
+input[type=submit], input[type=button], button, #paging a {
+ border: 2px outset;
+ margin: 0.3em;
+ padding: 0.3em;
+ padding-left: 0.6em;
+ padding-right: 0.6em;
+ -moz-border-radius: 0.5em;
+ -webkit-border-radius: 0.5em;
+ border-radius: 0.5em;
+ background-color: #006699;
+ color: #fff;
+}
+
+form {
+
+ margin:0;
+}
+
+#gohome {
+ position: absolute;
+ top: 0;
+ right: 0;
+ border-left: 1px solid black;
+ border-bottom: 1px solid black;
+ -moz-border-radius-bottomleft: 1em;
+ -webkit-border-bottom-left-radius: 1em;
+ border-bottom-left-radius: 1em;
+ padding: 0.5em;
+ background-color: #fff;
+}
+
+#gohome a {
+ font-size: 1em;
+ padding: 0.25em;
+ color: #000;
+}
+
+#logo {
+ float: right;
+ clear: right;
+ text-align: center;
+ padding: 1em;
+ padding-bottom: 0.5em;
+ margin: 0.25em 0.5em 0.25em 0.25em;
+}
+
+#logo .rtname {
+ display: block;
+ font-size: 0.9em;
+}
+
+#logo a img {
+ border: 0;
+ height: 2em;
+ width: auto !important;
+ padding-bottom: 0.5em;
+}
+
+div.txn-content {
+
+ font-size:0.8em;
+ padding-left:1em;
+ padding-top:0.5em;
+ margin-top: 0.5em;
+ margin-left: 2em;
+ padding-bottom: 0.5em;
+ border-left: 5px solid #00c;
+
+}
+
+.label, .cflabel {
+ text-align: left;
+ width: 10em;
+ color: #666;
+ display: block;
+ padding-bottom: 0.2em;
+ padding-right: 0.2em;
+
+}
+
+div.entry, tr.input-row {
+ margin-bottom: 0.25em;
+ padding-bottom: 0.25em;
+ border-bottom: 1px solid #ccc;
+ display: block;
+ width: 100%;
+ min-height: 1em;
+}
+
+
+input[type=text], input[type=password], select {
+ width: 100%;
+}
+
+.timefield input {
+ width: 5em;
+}
+
+.timefield select {
+ width: auto;
+}
+
+
+textarea {
+ width: 100%;
+}
+
+a#fullsite {
+ padding-left: 1em;
+}
+
+div.error .titlebox-title {
+ background-color: #f00;
+ color: #fff;
+}
+
+div.error div.error {
+ background-color: #fcc;
+}
projects / freeside.git / blobdiff