Attachment #84809 for bug #22274

View | Details | Raw Unified | Return to bug 22274
Collapse All | Expand All




@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'),
        url('fonts/NotoSans-Regular-webfont.woff2') format('woff2'),
        url('fonts/NotoSans-Regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'NotoSans';
    font-style: bold;
    font-weight: 700;
    src: local('Noto Sans Bold'),
        url('fonts/NotoSans-Bold-webfont.woff2') format('woff2'),
        url('fonts/NotoSans-Bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'NotoSans';
    font-style: italic;
    font-weight: 400;
    src: local('Noto Sans Italic'),
        url('fonts/NotoSans-Italic-webfont.woff2') format('woff2'),
        url('fonts/NotoSans-Italic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'NotoSans';
    font-style: italic;
    font-weight: 700;
    src: local('Noto Sans Bold Italic'),
        url('fonts/NotoSans-BoldItalic-webfont.woff2') format('woff2'),
        url('fonts/NotoSans-BoldItalic-webfont.woff') format('woff');
}

body {
    background: #FCF9FC none;
    font-family: 'NotoSans';
    font-size: 16px;
}

#wrap {
    height: auto !important;
    height: 100%;
    min-height: 100%;
    padding-right: 40px;
    padding-left: 40px;
}

#logo {
  background: transparent url("../images/koha-green-logo.png") no-repeat scroll 0%;
  border: 0;
  float: left !important;
  margin: 0;
  padding: 0;
  width: 100px;
}
#logo a {
  border: 0;
  cursor: pointer;
  display: block;
  height: 0 !important;
  margin: 0;
  overflow: hidden;
  padding: 40px 0 0;
  text-decoration: none;
  width: 100px;
}
#logo a:focus {
  background-color: transparent;
}

a, a:visited,

}

a.title {
    font-size: 108%;
    font-weight: bold;
}

h1 {
    font-size : 140%;
    line-height: 150%;
    color: #727272;
}
h2 {

    color: #727272;
    font-size : 130%;
    line-height: 150%;
}
h3 {

    color: #727272;
    font-size : 120%;
    line-height: 150%;
}

h5 {

    font-size : 100%;
    color: #727272;
}
caption {
    color: #727272;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    text-align: left;
}

input[type="text"]:focus {
    border-color: #85ca11;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
}

input,
textarea {
    width: auto;

legend {
    font-size: 110%;
    font-weight: bold;
    color: #727272;
}
th {
    background-color: #E2E8E8;
}
@media only screen and (min-width:768px)
{
    .main {
        margin-left:20px;
        margin-right:20px;
}
.main {
    background-color: #FFF;
    border: 1px solid #F0F3F3;
    margin-bottom: .5em;
    margin-top: .5em;
}

.navbar .divider-vertical {
  border-left-color: #fcf9fc;
  border-right-color: #fcf9fc;
}
.navbar .nav li.dropdown > a:focus .caret {
  border-top-color: #85ca11;
  border-bottom-color: #85ca11;
}
.navbar .nav li.dropdown > a:hover .caret {
  border-top-color: #85ca11;
  border-bottom-color: #85ca11;
}
.navbar-inverse .brand {
  color: #9fe1ff;
  font-weight: bold;
}
.navbar-inverse .navbar-inner {
  background: #fcf9fc none;
  border-color: #fcf9fc;
  box-shadow: none;
}
.navbar-inverse .nav > li > a {
  color: #727272;
  font-weight: bold;
  text-shadow: none;
}
.navbar-inverse .nav > li > a:hover {
  color: #85ca11;
}
.navbar-inverse .nav > li > a:focus {
  color: #85ca11;
}
.navbar-inverse .nav li.dropdown > a:hover .caret {
  border-top-color: #85ca11;
  border-bottom-color: #85ca11;
}
.navbar-inverse .nav li.dropdown > a:focus .caret {
  border-top-color: #85ca11;
  border-bottom-color: #85ca11;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
  background-color: transparent;
  color: #85ca11;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
  border-top-color: #85ca11;
  border-bottom-color: #85ca11;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret:hover {
  border-top-color: #85ca11;
  border-bottom-color: #85ca11;
}
.navbar-inner {
  background: #fcf9fc none;
}
.navbar-fixed-bottom.navbar-static-bottom {
  margin-top: 0.5em;
  position: static;
}
.navbar-fixed-bottom .navbar-inner {
  box-shadow: none;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #F0F3F3;
}

/* Redefine a new style for Bootstrap's class "close" since we use that already */
/* Use <a class="closebtn" href="#">&times;</a> */
.modal-header .closebtn {
  margin-top: 2px;
}
.closebtn {
  color: #000;
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  opacity: 0.2;
  text-shadow: 0 1px 0 #fff;
}
.closebtn:hover {
  color: #000;
  cursor: pointer;
  opacity: 0.4;
  text-decoration: none;
}
button.closebtn {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}

.btn-group label,
.btn-group select {
    font-size: 13px;


/* Override Bootstrap alert */
.alert {
    background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
    border-color: #D6C43B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
    border-color : #D6C43B;
    color: #333;

    /* Redefine a new style for Bootstrap's class "close" since we use that already */
    /* Use <a class="closebtn" href="#">&times;</a> */

    .closebtn {
        line-height: 20px;
        position: relative;
        right: -21px;
        top: -2px;
    }
}

/* Override Bootstrap alert.alert-info */
.alert-info {
    background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
    border-color: #C5D1E5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
    border-color : #C5D1E5;
    color: #333;
}

/* Override Bootstrap alert.alert-success */
.alert-success {
    background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
    border-color: #9FBA35;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
    border-color : #9FBA35;
    color: #333;
}

#members p {
    color : #727272;
}

#members a {
    color: #E8583C;
    font-weight: bold;
}

#members a.logout {
    color : #E8583C;
    font-weight: bold;
    padding : 0 .3em 0 .3em;
}



.table .sorting_asc {
    padding-right: 19px;
    background: url("../images/asc.gif") no-repeat scroll 100% 80% #E2E8E8;
}
.table .sorting_desc {
    padding-right: 19px;
    background: url("../images/desc.gif") no-repeat scroll 100% 80% #E2E8E8;
}
.table .sorting {
    padding-right: 19px;
    background: url("../images/ascdesc.gif") no-repeat scroll 100% 75% #E2E8E8;
}
.table .nosort,
.table .nosort.sorting_asc,
.table .nosort.sorting_desc,
.table .nosort.sorting {
    padding-right: 19px;
    background: #E2E8E8 none;
}

#sci_logout {


#sci_refresh_button {
    color: rgb(51, 51, 51);
}

Lines 5-14 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead-sco.inc (-2 / +4 lines)
5	<div class="navbar navbar-inverse navbar-static-top">	5	<div class="navbar navbar-inverse navbar-static-top">
6	<div class="navbar-inner">	6	<div class="navbar-inner">
7	<div class="container-fluid">	7	<div class="container-fluid">
8	<a class="brand" href="/cgi-bin/koha/sco/sco-main.pl"><img src="[% interface \| html %]/[% theme \| html %]/images/koha-logo-navbar.png" alt=""></a>	8	<h1 id="logo">
		9	<a class="brand" href="/cgi-bin/koha/sco/sco-main.pl"></a>
		10	</h1>
9	<div id="checkouthelp">	11	<div id="checkouthelp">
10	<ul class="nav pull-right">	12	<ul class="nav pull-right">
11	<li><a href="/cgi-bin/koha/sco/help.pl"><i class="icon help"></i> Help</a></li>	13	<li><a href="/cgi-bin/koha/sco/help.pl"><i class="fa fa-question-circle" aria-hidden="true"></i> Help</a></li>
12	</ul>	14	</ul>
13	</div>	15	</div>
14		16

Lines 11-16 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/en/modules/sco/sco-main.tt (+1 lines)
11	<link rel="shortcut icon" href="[% IF ( Koha.Preference('OpacFavicon') ) %][% Koha.Preference('OpacFavicon') \| url %][% ELSE %][% interface \| html %]/[% theme \| html %]/images/favicon.ico[% END %]" type="image/x-icon" />	11	<link rel="shortcut icon" href="[% IF ( Koha.Preference('OpacFavicon') ) %][% Koha.Preference('OpacFavicon') \| url %][% ELSE %][% interface \| html %]/[% theme \| html %]/images/favicon.ico[% END %]" type="image/x-icon" />
12	[% Asset.css("lib/bootstrap/css/bootstrap.min.css") \| $raw %]	12	[% Asset.css("lib/bootstrap/css/bootstrap.min.css") \| $raw %]
13	[% Asset.css("lib/jquery/jquery-ui.css") \| $raw %]	13	[% Asset.css("lib/jquery/jquery-ui.css") \| $raw %]
		14	[% Asset.css("lib/font-awesome/css/font-awesome.min.css") \| $raw %]
14	[% Asset.css("css/sco.css") \| $raw %]	15	[% Asset.css("css/sco.css") \| $raw %]
15	[% IF ( Koha.Preference('OPACUserCSS') ) %]<style>[% Koha.Preference('OPACUserCSS') \| $raw %]</style>[% END %]	16	[% IF ( Koha.Preference('OPACUserCSS') ) %]<style>[% Koha.Preference('OPACUserCSS') \| $raw %]</style>[% END %]
16	[% IF ( Koha.Preference('SCOUserCSS') ) %]<style>[% Koha.Preference('SCOUserCSS') \| $raw %]</style>[% END %]	17	[% IF ( Koha.Preference('SCOUserCSS') ) %]<style>[% Koha.Preference('SCOUserCSS') \| $raw %]</style>[% END %]

Return to bug 22274

Lines 1-5 Link Here

(-)a/koha-tmpl/opac-tmpl/bootstrap/css/sco.css (-52 / +208 lines)
		1	@font-face {
		2	font-family: 'NotoSans';
		3	font-style: normal;
		4	font-weight: 400;
		5	src: local('Noto Sans Regular'),
		6	url('fonts/NotoSans-Regular-webfont.woff2') format('woff2'),
		7	url('fonts/NotoSans-Regular-webfont.woff') format('woff');
		8	}
		9
		10	@font-face {
		11	font-family: 'NotoSans';
		12	font-style: bold;
		13	font-weight: 700;
		14	src: local('Noto Sans Bold'),
		15	url('fonts/NotoSans-Bold-webfont.woff2') format('woff2'),
		16	url('fonts/NotoSans-Bold-webfont.woff') format('woff');
		17	}
		18
		19	@font-face {
		20	font-family: 'NotoSans';
		21	font-style: italic;
		22	font-weight: 400;
		23	src: local('Noto Sans Italic'),
		24	url('fonts/NotoSans-Italic-webfont.woff2') format('woff2'),
		25	url('fonts/NotoSans-Italic-webfont.woff') format('woff');
		26	}
		27
		28	@font-face {
		29	font-family: 'NotoSans';
		30	font-style: italic;
		31	font-weight: 700;
		32	src: local('Noto Sans Bold Italic'),
		33	url('fonts/NotoSans-BoldItalic-webfont.woff2') format('woff2'),
		34	url('fonts/NotoSans-BoldItalic-webfont.woff') format('woff');
		35	}
		36
1	body {	37	body {
2	background-color: #EAEAE6;	38	background: #FCF9FC none;
		39	font-family: 'NotoSans';
		40	font-size: 16px;
		41	}
		42
		43	#wrap {
		44	height: auto !important;
		45	height: 100%;
		46	min-height: 100%;
		47	padding-right: 40px;
		48	padding-left: 40px;
		49	}
		50
		51	#logo {
		52	background: transparent url("../images/koha-green-logo.png") no-repeat scroll 0%;
		53	border: 0;
		54	float: left !important;
		55	margin: 0;
		56	padding: 0;
		57	width: 100px;
		58	}
		59	#logo a {
		60	border: 0;
		61	cursor: pointer;
		62	display: block;
		63	height: 0 !important;
		64	margin: 0;
		65	overflow: hidden;
		66	padding: 40px 0 0;
		67	text-decoration: none;
		68	width: 100px;
		69	}
		70	#logo a:focus {
		71	background-color: transparent;
3	}	72	}
4		73
5	a, a:visited,	74	a, a:visited,
Lines 9-28 a, a:visited, Link Here
9	}	78	}
10		79
11	a.title {	80	a.title {
		81	font-size: 108%;
12	font-weight: bold;	82	font-weight: bold;
13	}	83	}
14		84
15	h1 {	85	h1 {
16	font-size : 140%;	86	font-size : 140%;
17	line-height: 150%;	87	line-height: 150%;
		88	color: #727272;
18	}	89	}
19	h2 {	90	h2 {
20		91
		92	color: #727272;
21	font-size : 130%;	93	font-size : 130%;
22	line-height: 150%;	94	line-height: 150%;
23	}	95	}
24	h3 {	96	h3 {
25		97
		98	color: #727272;
26	font-size : 120%;	99	font-size : 120%;
27	line-height: 150%;	100	line-height: 150%;
28	}	101	}
Lines 33-46 h4 { Link Here
33	h5 {	106	h5 {
34		107
35	font-size : 100%;	108	font-size : 100%;
		109	color: #727272;
36	}	110	}
37	caption {	111	caption {
		112	color: #727272;
38	font-size: 120%;	113	font-size: 120%;
39	font-weight: bold;	114	font-weight: bold;
40	margin : .5em 0;	115	margin: 0;
41	text-align: left;	116	text-align: left;
42	}	117	}
43		118
		119	input[type="text"]:focus {
		120	border-color: #85ca11;
		121	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
		122	}
		123
44	input,	124	input,
45	textarea {	125	textarea {
46	width: auto;	126	width: auto;
Lines 49-82 textarea { Link Here
49	legend {	129	legend {
50	font-size: 110%;	130	font-size: 110%;
51	font-weight: bold;	131	font-weight: bold;
		132	color: #727272;
52	}	133	}
53	th {	134	th {
54	background-color: #ECEDE6;	135	background-color: #E2E8E8;
		136	}
		137	@media only screen and (min-width:768px)
		138	{
		139	.main {
		140	margin-left:20px;
		141	margin-right:20px;
55	}	142	}
56	.main {	143	.main {
57	background-color: #FFF;	144	background-color: #FFF;
58	border: 1px solid #D2D2CF;	145	border: 1px solid #F0F3F3;
59	border-radius: 8px 8px 8px 8px;	146	margin-bottom: .5em;
60	margin: 0.5em 20px;	147	margin-top: .5em;
61	padding: 0.8em 0;	148	}
62	-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);	149
63	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);	150	.navbar .divider-vertical {
64	}	151	border-left-color: #fcf9fc;
65	.navbar-inverse .brand, .navbar-inverse .nav > li > a {	152	border-right-color: #fcf9fc;
66	color: #9FE1FF;	153	}
67	font-weight: bold;	154	.navbar .nav li.dropdown > a:focus .caret {
		155	border-top-color: #85ca11;
		156	border-bottom-color: #85ca11;
		157	}
		158	.navbar .nav li.dropdown > a:hover .caret {
		159	border-top-color: #85ca11;
		160	border-bottom-color: #85ca11;
		161	}
		162	.navbar-inverse .brand {
		163	color: #9fe1ff;
		164	font-weight: bold;
		165	}
		166	.navbar-inverse .navbar-inner {
		167	background: #fcf9fc none;
		168	border-color: #fcf9fc;
		169	box-shadow: none;
		170	}
		171	.navbar-inverse .nav > li > a {
		172	color: #727272;
		173	font-weight: bold;
		174	text-shadow: none;
		175	}
		176	.navbar-inverse .nav > li > a:hover {
		177	color: #85ca11;
		178	}
		179	.navbar-inverse .nav > li > a:focus {
		180	color: #85ca11;
		181	}
		182	.navbar-inverse .nav li.dropdown > a:hover .caret {
		183	border-top-color: #85ca11;
		184	border-bottom-color: #85ca11;
		185	}
		186	.navbar-inverse .nav li.dropdown > a:focus .caret {
		187	border-top-color: #85ca11;
		188	border-bottom-color: #85ca11;
		189	}
		190	.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
		191	background-color: transparent;
		192	color: #85ca11;
		193	}
		194	.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
		195	border-top-color: #85ca11;
		196	border-bottom-color: #85ca11;
		197	}
		198	.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret:hover {
		199	border-top-color: #85ca11;
		200	border-bottom-color: #85ca11;
		201	}
		202	.navbar-inner {
		203	background: #fcf9fc none;
		204	}
		205	.navbar-fixed-bottom.navbar-static-bottom {
		206	margin-top: 0.5em;
		207	position: static;
		208	}
		209	.navbar-fixed-bottom .navbar-inner {
		210	box-shadow: none;
68	}	211	}
69		212
70	.table-striped tbody > tr:nth-child(odd) > td,	213	.table-striped tbody > tr:nth-child(odd) > td,
71	.table-striped tbody > tr:nth-child(odd) > th {	214	.table-striped tbody > tr:nth-child(odd) > th {
72	background-color: #F4F4F4;	215	background-color: #F0F3F3;
73	}	216	}
		217
74	/* Redefine a new style for Bootstrap's class "close" since we use that already */	218	/* Redefine a new style for Bootstrap's class "close" since we use that already */
75	/* Use <a class="closebtn" href="#">×</a> */	219	/* Use <a class="closebtn" href="#">×</a> */
76	.alert .closebtn{position:relative;top:-2px;right:-21px;line-height:20px;}	220	.modal-header .closebtn {
77	.modal-header .closebtn{margin-top:2px;}	221	margin-top: 2px;
78	.closebtn{float:right;font-size:20px;font-weight:bold;line-height:20px;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20);}.closebtn:hover{color:#000000;text-decoration:none;cursor:pointer;opacity:0.4;filter:alpha(opacity=40);}	222	}
79	button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;}	223	.closebtn {
		224	color: #000;
		225	float: right;
		226	font-size: 20px;
		227	font-weight: bold;
		228	line-height: 20px;
		229	opacity: 0.2;
		230	text-shadow: 0 1px 0 #fff;
		231	}
		232	.closebtn:hover {
		233	color: #000;
		234	cursor: pointer;
		235	opacity: 0.4;
		236	text-decoration: none;
		237	}
		238	button.closebtn {
		239	background: transparent;
		240	border: 0;
		241	cursor: pointer;
		242	padding: 0;
		243	}
		244
80	.btn-group label,	245	.btn-group label,
81	.btn-group select {	246	.btn-group select {
82	font-size: 13px;	247	font-size: 13px;
Lines 84-139 button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit Link Here
84		249
85	/* Override Bootstrap alert */	250	/* Override Bootstrap alert */
86	.alert {	251	.alert {
87	background: #fffbe5; /* Old browsers */	252	background: linear-gradient( to bottom, #FFFBE5 0%, #FFF0B2 9%, #FFF1A8 89%, #F7E665 100% );
88	background: -moz-linear-gradient(top, #fffbe5 0%, #fff0b2 9%, #fff1a8 89%, #f7e665 100%); /* FF3.6+ */	253	border-color: #D6C43B;
89	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbe5), color-stop(9%,#fff0b2), color-stop(89%,#fff1a8), color-stop(100%,#f7e665)); /* Chrome,Safari4+ */
90	background: -webkit-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Chrome10+,Safari5.1+ */
91	background: -o-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* Opera 11.10+ */
92	background: -ms-linear-gradient(top, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* IE10+ */
93	background: linear-gradient(to bottom, #fffbe5 0%,#fff0b2 9%,#fff1a8 89%,#f7e665 100%); /* W3C */
94	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbe5', endColorstr='#f7e665',GradientType=0 ); /* IE6-9 */
95	border-color : #D6C43B;
96	color: #333;	254	color: #333;
		255
		256	/* Redefine a new style for Bootstrap's class "close" since we use that already */
		257	/* Use <a class="closebtn" href="#">×</a> */
		258
		259	.closebtn {
		260	line-height: 20px;
		261	position: relative;
		262	right: -21px;
		263	top: -2px;
		264	}
97	}	265	}
98		266
99	/* Override Bootstrap alert.alert-info */	267	/* Override Bootstrap alert.alert-info */
100	.alert-info {	268	.alert-info {
101	background: #f4f6fa; /* Old browsers */	269	background: linear-gradient( to bottom, #F4F6FA 0%, #EAEEF5 4%, #E8EDF6 96%, #CDDBF2 100% );
102	background: -moz-linear-gradient(top, #f4f6fa 0%, #eaeef5 4%, #e8edf6 96%, #cddbf2 100%); /* FF3.6+ */	270	border-color: #C5D1E5;
103	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f6fa), color-stop(4%,#eaeef5), color-stop(96%,#e8edf6), color-stop(100%,#cddbf2)); /* Chrome,Safari4+ */
104	background: -webkit-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Chrome10+,Safari5.1+ */
105	background: -o-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* Opera 11.10+ */
106	background: -ms-linear-gradient(top, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* IE10+ */
107	background: linear-gradient(to bottom, #f4f6fa 0%,#eaeef5 4%,#e8edf6 96%,#cddbf2 100%); /* W3C */
108	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f6fa', endColorstr='#cddbf2',GradientType=0 ); /* IE6-9 */
109	border-color : #C5D1E5;
110	color: #333;	271	color: #333;
111	}	272	}
112		273
113	/* Override Bootstrap alert.alert-success */	274	/* Override Bootstrap alert.alert-success */
114	.alert-success {	275	.alert-success {
115	background: #f8ffe8; /* Old browsers */	276	background: linear-gradient( to bottom, #F8FFE8 0%, #E3F5AB 4%, #DCF48D 98%, #9EBF28 100% );
116	background: -moz-linear-gradient(top, #f8ffe8 0%, #e3f5ab 4%, #dcf48d 98%, #9ebf28 100%); /* FF3.6+ */	277	border-color: #9FBA35;
117	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8ffe8), color-stop(4%,#e3f5ab), color-stop(98%,#dcf48d), color-stop(100%,#9ebf28)); /* Chrome,Safari4+ */
118	background: -webkit-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Chrome10+,Safari5.1+ */
119	background: -o-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* Opera 11.10+ */
120	background: -ms-linear-gradient(top, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* IE10+ */
121	background: linear-gradient(to bottom, #f8ffe8 0%,#e3f5ab 4%,#dcf48d 98%,#9ebf28 100%); /* W3C */
122	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8ffe8', endColorstr='#9ebf28',GradientType=0 ); /* IE6-9 */
123	border-color : #9FBA35;
124	color: #333;	278	color: #333;
125	}	279	}
		280
126	#members p {	281	#members p {
127	color : #EEE;	282	color : #727272;
128	}	283	}
129		284
130	#members a {	285	#members a {
131	color: #A6D8ED;	286	color: #E8583C;
132	font-weight: bold;	287	font-weight: bold;
133	}	288	}
134		289
135	#members a.logout {	290	#members a.logout {
136	color : #E8583C;	291	color : #E8583C;
		292	font-weight: bold;
137	padding : 0 .3em 0 .3em;	293	padding : 0 .3em 0 .3em;
138	}	294	}
139		295
Lines 177-198 i.help { Link Here
177		333
178	.table .sorting_asc {	334	.table .sorting_asc {
179	padding-right: 19px;	335	padding-right: 19px;
180	background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;	336	background: url("../images/asc.gif") no-repeat scroll 100% 80% #E2E8E8;
181	}	337	}
182	.table .sorting_desc {	338	.table .sorting_desc {
183	padding-right: 19px;	339	padding-right: 19px;
184	background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;	340	background: url("../images/desc.gif") no-repeat scroll 100% 80% #E2E8E8;
185	}	341	}
186	.table .sorting {	342	.table .sorting {
187	padding-right: 19px;	343	padding-right: 19px;
188	background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;	344	background: url("../images/ascdesc.gif") no-repeat scroll 100% 75% #E2E8E8;
189	}	345	}
190	.table .nosort,	346	.table .nosort,
191	.table .nosort.sorting_asc,	347	.table .nosort.sorting_asc,
192	.table .nosort.sorting_desc,	348	.table .nosort.sorting_desc,
193	.table .nosort.sorting {	349	.table .nosort.sorting {
194	padding-right: 19px;	350	padding-right: 19px;
195	background: #EEEEEE none;	351	background: #E2E8E8 none;
196	}	352	}
197		353
198	#sci_logout {	354	#sci_logout {
Lines 205-208 i.help { Link Here
205		361
206	#sci_refresh_button {	362	#sci_refresh_button {
207	color: rgb(51, 51, 51);	363	color: rgb(51, 51, 51);
208	}	364	}