ASDV-SQL/lamp/themes/pmahomme/scss/printview.scss

160 lines
2.2 KiB
SCSS

@media print {
#back_button_print_view,
#print_button_print_view {
display: none;
}
}
// For removing element from Print View
.print_ignore {
display: none;
}
.nowrap {
white-space: nowrap;
}
.hide {
display: none;
}
// Standard CSS
body,
table,
th,
td {
color: #000;
background-color: #fff;
font-size: 12px;
}
// To remove link text decoration
a:link {
color: #000;
text-decoration: none;
}
// To remove any image borders
img {
border: 0;
}
// Table specific
table,
th,
td {
border: 0.1em solid #000;
background-color: #fff;
}
table {
border-collapse: collapse;
border-spacing: 0.2em;
}
thead {
border-collapse: collapse;
border-spacing: 0.2em;
border: 0.1em solid #000;
font-weight: 900;
}
th,
td {
padding: 0.2em;
}
thead th {
font-weight: bold;
background-color: #e5e5e5;
border: 0.1em solid #000;
}
th.vtop,
td.vtop {
vertical-align: top;
}
th.vbottom,
td.vbottom {
vertical-align: bottom;
}
// Common Elements not to be included
// Hide Navigation and Top Menu bar
// Hide console
// Hide Navigation items (like Goto Top)
// Hide the Create Table form
// Hide the Page Settings Modal box
// Hide footer, Demo notice, errors div
// Hide the #selflink div
#pma_navigation,
#floating_menubar,
#pma_console_container,
#page_nav_icons,
#create_table_form_minimal,
#page_settings_modal,
#pma_footer,
#pma_demo,
#pma_errors,
#selflink {
display: none;
}
// Position the main content
#page_content {
position: absolute;
left: 0;
top: 0;
width: 95%;
float: none;
}
// Specific Class for overriding while Print
.print {
background-color: #000;
}
.sqlOuter {
color: black;
background-color: #000;
}
// For hiding 'Open a New phpMyAdmin Window' button
// Hide extra menu on /table/structure
.ic_window-new,
.ic_s_cog,
#structure-action-links,
#addColumns,
.cDrop,
.cEdit,
.cList,
.cCpy,
.cPointer {
display: none;
}
table tbody:first-of-type tr {
// odd items 1,3,5,7...
&:nth-child(odd) {
background: #fff;
th {
background: #fff;
}
}
// even items 2,4,6,8...
&:nth-child(even) {
background: #dfdfdf;
th {
background: #dfdfdf;
}
}
}
.column_attribute {
font-size: 100%;
}