Adding popup stylesheet.
This commit is contained in:
hdl
parent
bf7eaca974
commit
581f7a8e41
2 changed files with 560 additions and 5 deletions
|
|
@ -2,14 +2,18 @@
|
|||
<link rel="shortcut icon" href="<!-- TMPL_VAR NAME='themelang' -->/includes/favicon.ico" type="image/x-icon" />
|
||||
<link rel="stylesheet" type="text/css" media="print" href="<!-- TMPL_VAR name="themelang" -->/includes/intranet-print.css" />
|
||||
<style type="text/css" media="screen">
|
||||
<!-- TMPL_IF NAME="intranetstylesheet" -->
|
||||
@import url(<!-- TMPL_VAR NAME="intranetstylesheet" -->);
|
||||
<!--TMPL_IF NAME="popup"-->
|
||||
@import url(<!-- TMPL_VAR NAME='themelang' -->/includes/intranet2popup.css);
|
||||
<!-- TMPL_ELSE -->
|
||||
<!-- TMPL_IF NAME="intranetstylesheet" -->
|
||||
@import url(<!-- TMPL_VAR NAME="intranetstylesheet" -->);
|
||||
<!-- TMPL_ELSE -->
|
||||
@import url(<!-- TMPL_VAR NAME='themelang' -->/includes/intranet2.css);
|
||||
<!-- /TMPL_IF -->
|
||||
@import url(<!-- TMPL_VAR NAME='themelang' -->/includes/intranet2.css);
|
||||
<!--/TMPL_IF-->
|
||||
<!-- /TMPL_IF -->
|
||||
<!-- TMPL_IF NAME="intranetcolorstylesheet" -->
|
||||
@import url(<!-- TMPL_VAR NAME="intranetcolorstylesheet" -->);
|
||||
<!-- /TMPL_IF -->
|
||||
<!-- /TMPL_IF -->
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
551
koha-tmpl/intranet-tmpl/prog/en/includes/intranet2popup.css
Normal file
551
koha-tmpl/intranet-tmpl/prog/en/includes/intranet2popup.css
Normal file
|
|
@ -0,0 +1,551 @@
|
|||
body {
|
||||
font-family : Verdana, Geneva, Arial, sans-serif;
|
||||
font-size : .9em;
|
||||
color:#494949;
|
||||
background-color:#EDF5FA;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin:0px;
|
||||
}
|
||||
h2 {
|
||||
display:block;
|
||||
clear:left;
|
||||
margin:0px 0px 10px 10px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
display:block;
|
||||
clear:left;
|
||||
margin:0px 0px 0px 10px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse : inherit;
|
||||
border : 1px solid #CCCCCC;
|
||||
margin : 1em 0 1em 20px;
|
||||
margin-right : 5%;
|
||||
border-collapse:collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
font-size : 140%;
|
||||
text-align : left;
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
td,th {
|
||||
/*border-left : 1px solid #CCCCCC;
|
||||
border-bottom : 1px solid #CCCCCC;*/
|
||||
border : 1px solid #CCCCCC;
|
||||
padding : 5px;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color : #CCCCCC;
|
||||
border-left : 1px solid #999999;
|
||||
border-bottom : 1px solid #999999;
|
||||
}
|
||||
|
||||
th[scope=row] {
|
||||
background-color : #EEEEEE;
|
||||
text-align : right;
|
||||
}
|
||||
|
||||
p {
|
||||
margin:0px 0px 0px 20px;
|
||||
}
|
||||
input {
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
select {
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border : 1px solid #bbb;
|
||||
display: inline;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
input[type=submit], input[type=button], input[type=reset] {
|
||||
border:0px;
|
||||
color: #0072b9;
|
||||
font-weight:bold;
|
||||
background: url( /intranet-tmpl/prog/images/bg-tab.png );
|
||||
font-size : 0.8em;
|
||||
padding:3px;
|
||||
text-decoration:none;
|
||||
display:inline;
|
||||
cursor:pointer;
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
label {
|
||||
font-style:italic;
|
||||
vertical-align:top;
|
||||
display:block;
|
||||
float:left;
|
||||
/* text-align:right; */
|
||||
width:10em;
|
||||
margin-right:0.2em;
|
||||
}
|
||||
|
||||
p {
|
||||
clear:left;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration:none;
|
||||
color:#027ac6;
|
||||
}
|
||||
a:hover {
|
||||
text-decoration:underline;
|
||||
color:#0072b9;
|
||||
}
|
||||
.searchresults table tr:hover{
|
||||
background-color: #CCFFFF;
|
||||
}
|
||||
|
||||
tr.highlight td, tr.highlight th {
|
||||
background-color : #EEEEEE;
|
||||
}
|
||||
|
||||
.here {
|
||||
color: black;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#problem {
|
||||
color: red;
|
||||
background-color:white;
|
||||
font-weight : bold;
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
#admin_stopwords_select UL {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
#admin_stopwords_select UL LI {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
legend {
|
||||
font-size:120%;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.problem {
|
||||
color: white;
|
||||
background-color:red;
|
||||
font-weight : bold;
|
||||
margin:10px;
|
||||
}
|
||||
|
||||
/* css styles for reserves color alerts */
|
||||
.onloan {
|
||||
background-color: #FFED3D;
|
||||
}
|
||||
|
||||
.reserved {
|
||||
background-color: #8EBAFF;
|
||||
}
|
||||
|
||||
.transfered {
|
||||
background-color: #F9FF9A;
|
||||
}
|
||||
|
||||
.inwait {
|
||||
background-color: #33CC99;
|
||||
}
|
||||
|
||||
.other {
|
||||
background-color: #FF0000;
|
||||
}
|
||||
|
||||
.available {
|
||||
font-size:0.75em;
|
||||
}
|
||||
|
||||
.unavailable {
|
||||
background-color: #FFED3D;
|
||||
font-size:0.75em;
|
||||
}
|
||||
|
||||
.hasexpirated {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
/* style for search terms in catalogsearch */
|
||||
.term {
|
||||
background-color:yellow;
|
||||
}
|
||||
|
||||
/* end of css styles for reserves color alerts */
|
||||
|
||||
/* the Koha logo (top left) */
|
||||
#kohalogo {
|
||||
position:fixed;
|
||||
left:20px;
|
||||
top:10px;
|
||||
}
|
||||
|
||||
#kohalogo h3 {
|
||||
padding-top:5px;
|
||||
margin-left:0px;
|
||||
}
|
||||
#kohalogo h3 a {
|
||||
color:white;
|
||||
}
|
||||
/* MAIN MENU STYLES */
|
||||
#mainmenu {
|
||||
display:block;
|
||||
position:fixed;
|
||||
font-weight : normal;
|
||||
margin-top:30px;
|
||||
margin-right: 5px;
|
||||
padding-right: 5px;
|
||||
font-size:0.9em;
|
||||
}
|
||||
|
||||
#mainmenu a {
|
||||
display:block;
|
||||
margin-bottom:0px;
|
||||
padding-left :5px;
|
||||
text-decoration:none;
|
||||
font-weight:bold;
|
||||
color:#027ac6;
|
||||
}
|
||||
|
||||
|
||||
#mainmenu a:hover {
|
||||
display:block;
|
||||
margin-bottom:0px;
|
||||
padding-left :5px;
|
||||
text-decoration:none;
|
||||
font-weight:bold;
|
||||
background-color:#027ac6;
|
||||
color:white;
|
||||
}
|
||||
|
||||
#mainmenu ul a {
|
||||
display:block;
|
||||
margin-bottom:5px;
|
||||
padding-left :5px;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
color:#027ac6;
|
||||
}
|
||||
|
||||
#mainmenu ul a:hover {
|
||||
display:block;
|
||||
margin-bottom:5px;
|
||||
padding-left :5px;
|
||||
text-decoration:none;
|
||||
font-weight:normal;
|
||||
background-color:#027ac6;
|
||||
color:white;
|
||||
}
|
||||
|
||||
#mainmenu ul {
|
||||
list-style-type: none;
|
||||
padding-left:20px;
|
||||
margin-bottom:0px;
|
||||
margin-top:0px;
|
||||
color:#027ac6;
|
||||
}
|
||||
|
||||
#mainmenu li {
|
||||
list-style-type: none;
|
||||
padding-left:0px;
|
||||
margin-left:0px;
|
||||
margin-bottom:0px;
|
||||
margin-top:0px;
|
||||
color:#027ac6;
|
||||
}
|
||||
|
||||
#mainmenu label {
|
||||
width:4em;
|
||||
}
|
||||
|
||||
#mainmenu h3 {
|
||||
color:white;
|
||||
font-size:1.2em;
|
||||
margin:10px 0px 10px 0px ;
|
||||
}
|
||||
|
||||
#mainmenu input {
|
||||
border:0px;
|
||||
border-bottom:1px solid #027ac6;
|
||||
}
|
||||
#mainmenu input[type=submit], input[type=button], input[type=reset] {
|
||||
margin-left:0px;
|
||||
border-bottom:0px;
|
||||
}
|
||||
|
||||
|
||||
/* submenus styles */
|
||||
#submenu {
|
||||
position:absolute;
|
||||
top:10px;
|
||||
left:220px;
|
||||
}
|
||||
|
||||
#submenu a {
|
||||
margin:5px;
|
||||
text-decoration:none;
|
||||
color:white;
|
||||
}
|
||||
|
||||
#submenu a:hover {
|
||||
margin:5px;
|
||||
background-color:white;
|
||||
color:#027ac6;
|
||||
}
|
||||
|
||||
/*Action button*/
|
||||
#action {
|
||||
float:right;
|
||||
}
|
||||
|
||||
#action a {
|
||||
color: #0072b9;
|
||||
font-weight:bold;
|
||||
background: url( /intranet-tmpl/prog/images/bg-tab.png );
|
||||
font-size : 0.8em;
|
||||
padding:3px;
|
||||
margin-bottom:2px;
|
||||
text-decoration:none;
|
||||
display:block;
|
||||
}
|
||||
|
||||
/*edit action*/
|
||||
#action .edit {
|
||||
display:inline;
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
#action .edit a {
|
||||
background:none;
|
||||
background-color : #0072b9;
|
||||
color : white;
|
||||
}
|
||||
|
||||
#action .edit a:hover {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#action .view {
|
||||
display:inline;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
#action .view a {
|
||||
background:none;
|
||||
background-color : #5ab5ee;
|
||||
color : white;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
#action .view a:hover {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#action .others {
|
||||
display:inline;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
#action .others a {
|
||||
background:none;
|
||||
background-color : #2385C2;
|
||||
color : white;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
#action .others a:hover {
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
/* Main body style */
|
||||
#main {
|
||||
margin-left:220px;
|
||||
margin-top:75px;
|
||||
padding:5px;
|
||||
padding-bottom:100px;
|
||||
background-color:white;
|
||||
border:1px solid #bbb;
|
||||
}
|
||||
|
||||
/* facets bloc */
|
||||
#facets {
|
||||
position:absolute;
|
||||
right:1em;
|
||||
}
|
||||
|
||||
#facets dl {
|
||||
background-color:white;
|
||||
margin:0px;
|
||||
}
|
||||
|
||||
#facets dt {
|
||||
text-align:right;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#facets dd {
|
||||
border:1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
/* the USER information block */
|
||||
#librarian_information {
|
||||
/* position:absolute; */
|
||||
float:right;
|
||||
font-size:10pt;
|
||||
}
|
||||
|
||||
/* css style for reregistration alert */
|
||||
|
||||
.reregistrinfo {
|
||||
color: #6699cc;
|
||||
font-weight : bold;
|
||||
background-color : #eeeeee;
|
||||
}
|
||||
/* MARC editor */
|
||||
|
||||
/* styles for the 11 buttons that the user can click on */
|
||||
/* the design of the active tab button (only 1 at a given time)*/
|
||||
.tab_active {
|
||||
color: #6699CC;
|
||||
background-color : #CCCCCC;
|
||||
font-size : 1em;
|
||||
border: 2px inset;
|
||||
font-weight : bold;
|
||||
text-decoration:none;
|
||||
display: inline;
|
||||
text-decoration:none;
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
|
||||
/* the online help button */
|
||||
#onlinehelp {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
right:0px;
|
||||
}
|
||||
#onlinehelp a {
|
||||
color:white;
|
||||
}
|
||||
|
||||
/* the login box */
|
||||
#login {
|
||||
font-size:0.7em;
|
||||
}
|
||||
|
||||
/* the design of the INactives tab buttons (all other tabs) */
|
||||
.tab_inactive {
|
||||
background-color : #6699CC;
|
||||
color : #FFFFFF;
|
||||
font-size : 1em;
|
||||
font-weight : bold;
|
||||
display:inline;
|
||||
border: 2px outset;
|
||||
text-decoration:none;
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
/* the button of INactive tabs : we need this one to have white color on links, otherwise, default a look will be choosen */
|
||||
#tabs a {
|
||||
color:white;
|
||||
text-decoration:none;
|
||||
padding-right:10px;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
/* specify that we to do when the mouse is on 1 button */
|
||||
#tabs a:hover {
|
||||
border: 2px inset;
|
||||
}
|
||||
|
||||
#tabs {
|
||||
margin-top:45px;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
/* styles for the 11 content blocks */
|
||||
/* the property for hidden tabs */
|
||||
.content_hidden {
|
||||
visibility:hidden; /* you propably don't need to change this one */
|
||||
display:none;
|
||||
}
|
||||
|
||||
/* the property for the displayed tab */
|
||||
.content_visible {
|
||||
visibility:visible; /* you propably don't need to change this one */
|
||||
display:block;
|
||||
}
|
||||
|
||||
/* the style of tag description */
|
||||
p.tag {
|
||||
font-weight:bold;
|
||||
}
|
||||
/* the style of subfield paragraph */
|
||||
p.subfield {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.lineSelected {
|
||||
background-color:yellow;
|
||||
}
|
||||
|
||||
|
||||
/* display more informations with css layer */
|
||||
a.info {
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
border-bottom: 1px gray dotted;
|
||||
}
|
||||
|
||||
a.info span {
|
||||
display: none;
|
||||
width:300px;
|
||||
}
|
||||
|
||||
a.info:hover {
|
||||
background: none; /* correcting IE bug*/
|
||||
z-index: 500;
|
||||
}
|
||||
a.info:hover span {
|
||||
display: inline;
|
||||
position: absolute;
|
||||
top: 2em;
|
||||
right: 1em;
|
||||
background: orange;
|
||||
text-align: center;
|
||||
color: white;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
/* the itemtype list (in adv search) */
|
||||
#itemtypelist {
|
||||
width:700px;
|
||||
}
|
||||
#itemtypelist td {
|
||||
border : 0px;
|
||||
margin : 0px;
|
||||
padding: 5px;
|
||||
border-collapse:collapse;
|
||||
border: 1px solid white;
|
||||
background-color:#CCCCCC;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
#itemtypelist p {
|
||||
margin:0px;
|
||||
}
|
||||
Loading…
Reference in a new issue