mirror of
https://github.com/Yetangitu/ampache
synced 2025-10-03 09:49:30 +02:00
170 lines
3.3 KiB
CSS
170 lines
3.3 KiB
CSS
/**
|
|
Copyright (c) 2012 Marco Pegoraro, http://movableapp.com/
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining
|
|
a copy of this software and associated documentation files (the
|
|
"Software"), to deal in the Software without restriction, including
|
|
without limitation the rights to use, copy, modify, merge, publish,
|
|
distribute, sublicense, and/or sell copies of the Software, and to
|
|
permit persons to whom the Software is furnished to do so, subject to
|
|
the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be
|
|
included in all copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
|
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
|
|
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
|
|
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
|
|
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
|
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
|
|
|
|
WHERE TO FIND MEDIA TABLE:
|
|
https://github.com/thepeg/MediaTable
|
|
http://consulenza-web.com/jquery/MediaTable/
|
|
http://www.consulenza-web.com/2012/01/mediatable-jquery-plugin/
|
|
|
|
**/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* -----[[ S T R U C T U R E ]]------------ */
|
|
|
|
|
|
/**
|
|
* Structural Style
|
|
*/
|
|
.mediaTable {
|
|
width:100%;
|
|
border-collapse:collapse;
|
|
}
|
|
|
|
.mediaTableWrapper {
|
|
position: relative;
|
|
}
|
|
|
|
.mediaTableWrapperWithMenu {
|
|
padding-top:1.2em;
|
|
}
|
|
|
|
|
|
.mediaTableMenuClosed ul {
|
|
display:none;
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
* Active Media Table Rules
|
|
* theese rules are applied to a table activated by the jQuery plugin.
|
|
*/
|
|
|
|
.activeMediaTable th, .activeMediaTable td {
|
|
display: none;
|
|
}
|
|
|
|
.activeMediaTable th.essential, .activeMediaTable td.essential {
|
|
display: table-cell;
|
|
_display:block; /* IE6 Hack */
|
|
}
|
|
|
|
/* IE7 Hack */
|
|
*+html .activeMediaTable th.essential, *+html .activeMediaTable td.essential { display:block }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* -----[[ B R E A C K P O I N T S ]]------------ */
|
|
|
|
.mediaTableWrapper.gt500 th.optional, .mediaTableWrapper.gt500 td.optional {
|
|
display: table-cell;
|
|
}
|
|
.mediaTableWrapper.gt700 th, .mediaTableWrapper.gt700 td {
|
|
display: table-cell;
|
|
}
|
|
|
|
/* -----[[ T H E M I N G ]]------------ */
|
|
|
|
/**
|
|
* Table Style
|
|
*/
|
|
table.mediaTable thead th {
|
|
white-space: nowrap;
|
|
border-bottom: 1px solid #ccc;
|
|
color: #888;
|
|
}
|
|
|
|
table.mediaTable th, table.mediaTable td {
|
|
padding: .5em 1em;
|
|
text-align: right;
|
|
}
|
|
|
|
table.mediaTable th:first-child, table.mediaTable td:first-child {
|
|
text-align: left;
|
|
}
|
|
|
|
table.mediaTable tbody th, table.mediaTable td {
|
|
border-bottom: 1px solid #e6e6e6;
|
|
}
|
|
|
|
|
|
/**
|
|
* Menu Style
|
|
*/
|
|
|
|
.mediaTableMenu {
|
|
position:absolute;
|
|
top: 0;
|
|
right:0;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.mediaTableMenu a {
|
|
display: inline-block;
|
|
cursor:pointer;
|
|
font-size: 0.8em;
|
|
|
|
-webkit-border-top-right-radius: 5px;
|
|
-webkit-border-top-left-radius: 5px;
|
|
-moz-border-radius-topright: 5px;
|
|
-moz-border-radius-topleft: 5px;
|
|
border-top-right-radius: 5px;
|
|
border-top-left-radius: 5px;
|
|
|
|
}
|
|
|
|
.mediaTableMenu ul {
|
|
list-style-position:outside;
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0 0.5em;
|
|
background-color: #444;
|
|
}
|
|
|
|
.mediaTableMenuClosed a {
|
|
border-radius:5px;
|
|
}
|
|
|
|
.mediaTableMenu ul li {
|
|
line-height: 2em;
|
|
}
|
|
|
|
.mediaTableMenu ul li label {
|
|
cursor:pointer;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|