eddydesigner/conservatorio-tomadini
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

primo commit

Browse Source
This commit is contained in:
Eddy Prosperi
2024-12-17 17:34:10 +01:00
commit e650f8df99
16435 changed files with 2451012 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/com_tabulizer/assets/css/responsive/index.html Normal file
View File

@ -0,0 +1,4 @@
<html>
<body bgcolor="#FFFFFF">
</body>
</html>

116
components/com_tabulizer/assets/css/responsive/jquery.jscrollpane.css Normal file
View File

@ -0,0 +1,116 @@
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 16px;
height: 100%;
background: red;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #dde;
position: relative;
}
.jspDrag
{
background: #bbd;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
margin: 0 -3px 0 0;
}

163
components/com_tabulizer/assets/css/responsive/jquery.mediaTable.css Normal file
View File

@ -0,0 +1,163 @@
/**
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/
**/
/**
* Structural Style
*/
.mediaTable {
width:100%;
border-collapse:collapse;
}
.mediaTableWrapper {
position: relative;
}
.mediaTableWrapperWithMenu {
padding-top:3em;
}
.mediaTableMenuClosed ul {
display:none;
}
/**
* Active Media Table Rules
* these rules are applied to a table activated by the jQuery plugin.
*/
.activeMediaTable th, .activeMediaTable td {
display: none;
}
.activeMediaTable th.persist, .activeMediaTable td.persist {
display: table-cell;
_display:block; /* IE6 Hack */
}
/* IE7 Hack */
*+html .activeMediaTable th.persist, *+html .activeMediaTable td.persist { display:block }
.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 }
/* Break points */
@media screen and (min-width: 768px) {
.activeMediaTable th.optional, .activeMediaTable td.optional {
display: table-cell;
_display:block; /* IE6 Hack */
}
/* IE7 Hack */
*+html .activeMediaTable th.optional, *+html .activeMediaTable td.optional { display:block }
}
@media screen and (min-width: 1024px) {
.activeMediaTable th, .activeMediaTable td {
display: table-cell;
_display:block; /* IE6 Hack */
}
/* IE7 Hack */
*+html .activeMediaTable th, *+html .activeMediaTable td { display:block }
}
.activeMediaTable th.invisible_column, .activeMediaTable td.invisible_column {
display: none;
}
/* IE7 Hack */
*+html .activeMediaTable th.invisible_column, *+html .activeMediaTable td.invisible_column { display:none }
/**
* Menu Style
*/
.mediaTableMenu {
position:absolute;
top:0;
right:0;
background: #fff;
border:1px solid #aaa;
border-radius:5px;
overflow:hidden;
box-shadow:2px 2px 4px #ddd;
z-index:100;
}
.mediaTableMenu a {
display: block;
background: #ddd;
padding:0.5em;
cursor:pointer;
-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;
}
.mediaTableMenuClosed a {
border-radius:5px;
}
.mediaTableMenu ul li {
line-height: 2em;
}
.mediaTableMenu ul li label {
cursor:pointer;
}
/* bring header selection to left, when screen is small */
@media only screen and (max-width: 1024px) {
.mediaTableMenu { right: auto; }
}

3
components/com_tabulizer/assets/css/responsive/jquery.mobile-1.3.1.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

92
components/com_tabulizer/assets/css/responsive/jquery.mobile.table.columntoggle.css Normal file
View File

@ -0,0 +1,92 @@
/*
Styles for the table columntoggle mode
*/
.ui-table-columntoggle-btn {
float: right;
margin-bottom:.8em;
}
/* Remove top/bottom margins around the fieldcontain on check list */
.ui-table-columntoggle-popup fieldset {
margin:0;
}
/* Hide all prioritized columns by default */
@media only all {
th.ui-table-priority-6,
td.ui-table-priority-6,
th.ui-table-priority-5,
td.ui-table-priority-5,
th.ui-table-priority-4,
td.ui-table-priority-4,
th.ui-table-priority-3,
td.ui-table-priority-3,
th.ui-table-priority-2,
td.ui-table-priority-2,
th.ui-table-priority-1,
td.ui-table-priority-1 {
display: none;
}
}
/* Preset breakpoints if ".ui-responsive" class added to table */
/* Show priority 1 at 320px (20em x 16px) */
@media screen and (min-width: 20em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-1,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-1 {
display: table-cell;
}
}
/* Show priority 2 at 480px (30em x 16px) */
@media screen and (min-width: 30em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-2,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-2 {
display: table-cell;
}
}
/* Show priority 3 at 640px (40em x 16px) */
@media screen and (min-width: 40em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-3,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-3 {
display: table-cell;
}
}
/* Show priority 4 at 800px (50em x 16px) */
@media screen and (min-width: 50em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-4,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-4 {
display: table-cell;
}
}
/* Show priority 5 at 960px (60em x 16px) */
@media screen and (min-width: 60em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-5,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-5 {
display: table-cell;
}
}
/* Show priority 6 at 1,120px (70em x 16px) */
@media screen and (min-width: 70em) {
.ui-table-columntoggle.ui-responsive th.ui-table-priority-6,
.ui-table-columntoggle.ui-responsive td.ui-table-priority-6 {
display: table-cell;
}
}
/* Unchecked manually: Always hide */
.ui-table-columntoggle th.ui-table-cell-hidden,
.ui-table-columntoggle td.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-hidden,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-hidden {
display: none;
}
/* Checked manually: Always show */
.ui-table-columntoggle th.ui-table-cell-visible,
.ui-table-columntoggle td.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive th.ui-table-cell-visible,
.ui-table-columntoggle.ui-responsive td.ui-table-cell-visible {
display: table-cell;
}

88
components/com_tabulizer/assets/css/responsive/jquery.mobile.table.reflow.css Normal file
View File

@ -0,0 +1,88 @@
/*
Styles for the table columntoggle mode
*/
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label {
display: none;
}
/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
/* Hide the table headers */
.ui-table-reflow thead td,
.ui-table-reflow thead th {
display: none;
}
/* Show the table cells as a block level element */
.ui-table-reflow td,
.ui-table-reflow th {
text-align: left;
display: block;
}
/* Add a fair amount of top margin to visually separate each row when stacked */
.ui-table-reflow tbody th {
margin-top: 3em;
}
/* Make the label elements a percentage width */
.ui-table-reflow td .ui-table-cell-label,
.ui-table-reflow th .ui-table-cell-label {
display: block;
padding: .4em;
min-width: 30%;
display: inline-block;
margin: -.4em 1em -.4em -.4em;
}
/* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
.ui-table-reflow th .ui-table-cell-label-top,
.ui-table-reflow td .ui-table-cell-label-top {
display: block;
padding: .4em 0;
margin: .4em 0;
text-transform: uppercase;
font-size: .9em;
font-weight: normal;
}
}
/* Breakpoint to show as a standard table at 560px (35em x 16px) or wider */
@media ( min-width: 35em ) {
/* Fixes table rendering when switching between breakpoints in Safari <= 5. See https://github.com/jquery/jquery-mobile/issues/5380 */
.ui-table-reflow.ui-responsive {
display: table-row-group;
}
/* Show the table header rows */
.ui-table-reflow.ui-responsive td,
.ui-table-reflow.ui-responsive th,
.ui-table-reflow.ui-responsive tbody th,
.ui-table-reflow.ui-responsive tbody td,
.ui-table-reflow.ui-responsive thead td,
.ui-table-reflow.ui-responsive thead th {
display: table-cell;
margin: 0;
}
/* Hide the labels in each cell */
.ui-table-reflow.ui-responsive td .ui-table-cell-label,
.ui-table-reflow.ui-responsive th .ui-table-cell-label {
display: none;
}
}
/* Hack to make IE9 and WP7.5 treat cells like block level elements, scoped to ui-responsive class */
/* Applied in a max-width media query up to the table layout breakpoint so we don't need to negate this*/
@media ( max-width: 35em ) {
.ui-table-reflow.ui-responsive td,
.ui-table-reflow.ui-responsive th {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
clear: left;
}
}

6
components/com_tabulizer/assets/css/responsive/overthrow.css Normal file
View File

@ -0,0 +1,6 @@
/* Enable overflow: auto on elements with overthrow class when html element has overthrow class too */
.overthrow-enabled .overthrow {
overflow: auto;
-webkit-overflow-scrolling: touch;
z-index: 1;
}

60
components/com_tabulizer/assets/css/responsive/reference.css Normal file
View File

@ -0,0 +1,60 @@
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

0
components/com_tabulizer/assets/css/responsive/responsive-datatables.css Normal file
View File

25
components/com_tabulizer/assets/css/responsive/responsive-fixed-expand.css Normal file
View File

@ -0,0 +1,25 @@
.footable > thead > tr > th,.footable > thead > tr > td {
position: relative;
}
.footable {
/*border-spacing: 0;*/
width: 100%;
}
.footable.breakpoint > tbody > tr > td.expand {
background: url('../../images/plus.png') no-repeat 5px center;
padding-left: 40px;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
background: url('../../images/minus.png') no-repeat 5px center;
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
cursor: pointer;
}
.footable > tbody img {
vertical-align:middle;
}

58
components/com_tabulizer/assets/css/responsive/responsive-fixed-scroll.css Normal file
View File

@ -0,0 +1,58 @@
/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB */
@media only screen and (max-width: 1024px) {
table.responsive-fixed-scroll { margin-bottom: 0; }
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned {
overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; z-index: 1;
}
.pinned > * {
-webkit-transform: translateZ(0px);
}
.pinned::-webkit-scrollbar {
height:12px;
}
.pinned::-webkit-scrollbar-track {
box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
background:#f0f0f0;
}
.pinned::-webkit-scrollbar-thumb {
border-radius:6px;
background:#ccc;
}
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
div.table-wrapper { position: relative; overflow: hidden; border-right: 1px solid #ccc; clear: both; }
div.table-wrapper div.scrollable { margin-left: 35%; }
div.table-wrapper div.scrollable {
overflow: scroll; -webkit-overflow-scrolling: touch; z-index: 1; overflow-y: hidden;
}
div.table-wrapper div.scrollable > * {
-webkit-transform: translateZ(0px);
}
div.table-wrapper div.scrollable::-webkit-scrollbar {
height:12px;
}
div.table-wrapper div.scrollable::-webkit-scrollbar-track {
box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
background:#f0f0f0;
}
div.table-wrapper div.scrollable::-webkit-scrollbar-thumb {
border-radius:6px;
background:#ccc;
}
table.responsive-fixed-scroll thead { display: table-header-group !important; }
table.responsive-fixed-scroll tbody { display: table-row-group !important; }
table.responsive-fixed-scroll td, table.responsive-fixed-scroll th { position: relative; white-space: nowrap; overflow: hidden; }
table.responsive-fixed-scroll th:first-child, table.responsive-fixed-scroll td:first-child, table.responsive-fixed-scroll td:first-child, table.responsive-fixed-scroll.pinned td { display: none; }
table.responsive-fixed-scroll thead tr, table.responsive-fixed-scroll tbody tr { float: none !important; }
}

19
components/com_tabulizer/assets/css/responsive/responsive-flip-nicescroll.css Normal file
View File

@ -0,0 +1,19 @@
/**
Developed by Dimitrios Mourloukos (http://www.tabulizer.com) based on an idea presented by David Bushell at http://dbushell.com/
*/
.responsive_flip { display: block; position: relative; width: 100%; }
.responsive_flip thead { display: block; float: left; }
.responsive_flip tbody { display: block; width: auto; position: relative; overflow: hidden; white-space: nowrap; }
.responsive_flip thead tr { display: block; }
.responsive_flip th { display: block; }
.responsive_flip tbody tr { display: inline-block; vertical-align: top; }
.responsive_flip td { display: block; min-height: 1.25em; }
.rt th { border-bottom: 0; }
.responsive_flip td { border-left: 0; border-right: 0; border-bottom: 0; }
.responsive_flip tbody tr { border-right: 1px solid #babcbf; }
.responsive_flip th:last-child,
.responsive_flip td:last-child { border-bottom: 1px solid #babcbf; }

24
components/com_tabulizer/assets/css/responsive/responsive-flip.css Normal file
View File

@ -0,0 +1,24 @@
/**
Developed by Dimitrios Mourloukos (http://www.tabulizer.com) based on an idea presented by David Bushell at http://dbushell.com/
*/
@media only screen and (max-width: 40em) {
.responsive_flip { display: block; position: relative; width: 100%; }
.responsive_flip thead { display: block; float: left; }
.responsive_flip tbody { display: block; width: auto; position: relative; overflow-x: scroll; -webkit-overflow-scrolling: touch; z-index: 1; white-space: nowrap; }
.responsive_flip thead tr { display: block; }
.responsive_flip th { display: block; }
.responsive_flip tbody tr { display: inline-block; vertical-align: top; }
.responsive_flip td { display: block; }
.rt th { border-bottom: 0; }
.responsive_flip td { border-left: 0; border-right: 0; border-bottom: 0; }
.responsive_flip tbody tr { border-right: 1px solid #babcbf; }
.responsive_flip th:last-child,
.responsive_flip td:last-child { border-bottom: 1px solid #babcbf; }
.responsive_flip tfoot { display: block; float: left; position: relative; width: auto; }
.responsive_flip tfoot tr { display: inline-block; vertical-align: top; }
.responsive_flip tfoot tr { border-right: 1px solid #babcbf; }
}

84
components/com_tabulizer/assets/css/responsive/responsive-reflow.css Normal file
View File

@ -0,0 +1,84 @@
/**
Developed by Dimitrios Mourloukos (http://www.tabulizer.com) based on an idea presented by Simon Elvery at http://elvery.net/
*/
@media only screen and (max-width: 40em),(max-device-width: 640px) {
/* Force table to not be like tables anymore */
.responsive-reflow table,
.responsive-reflow thead,
.responsive-reflow tbody,
.responsive-reflow th,
.responsive-reflow td,
.responsive-reflow tr {
display: block;
}
.responsive-reflow { width: auto; }
/* Hide table headers (but not display: none;, for accessibility) */
.responsive-reflow thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsive-reflow tr { border: 1px solid #ccc; }
.responsive-reflow td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 0.3em;
white-space: normal;
text-align:left;
width: 100%;
}
/* Label the data */
.responsive-reflow td:before {
content: attr(data-title);
display: inline-block;
margin: -0.3em 1em -0.3em -0.3em;
min-width: 45%;
padding: 0.3em;
font-weight: bold;
text-align: left;
text-shadow: 0 1px 0 #FFFFFF;
}
}
/*
@media only screen and (max-width: 40em),(max-device-width: 640px) {
.responsive-reflow thead tr {
position: relative;
top: -10px;
left: 0px;
}
.responsive-reflow thead tr td.sorting_disabled {
display: none;
}
.responsive-reflow thead tr td {
display: inline-block;
text-align: left;
}
.responsive-reflow thead tr td::before {
display: inline;
text-align: left;
min-width: 10%;
}
.responsive-reflow tbody tr td {
text-align: left;
}
.responsive-reflow tbody tr td:before {
text-align: left;
}
}
*/

28
components/com_tabulizer/assets/css/responsive/responsive-scroll-basic.css Normal file
View File

@ -0,0 +1,28 @@
/**
Developed by Dimitrios Mourloukos (http://www.tabulizer.com) based on an idea presented by Russ Weakley at http://www.maxdesign.com.au/
*/
@media only screen and (max-width: 64em) {
.tabscrollwrapper
{
width: 100%;
overflow-x: auto;
_overflow: auto;
margin: 0 0 1em;
}
.tabscrollwrapper::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}
.tabscrollwrapper::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}
}

7
components/com_tabulizer/assets/css/responsive/responsive-scroll.css Normal file
View File

@ -0,0 +1,7 @@
.tabscrollwrapper {
overflow: auto;
padding-bottom: 10px;
}

53
components/com_tabulizer/assets/css/responsive/responsive-tap.css Normal file
View File

@ -0,0 +1,53 @@
/**
Based on an idea by Scott Jehl
**/
@media screen and (max-width: 47em){
html:not(.responsive-tap) .responsive-tap th,
html:not(.responsive-tap) .responsive-tap td {
font-size: 0;
padding: 0;
content: "";
height: 7px;
}
html:not(.responsive-tap) table {
position: relative;
overflow: hidden;
}
html:not(.responsive-tap) table.responsive-tap:before {
content: attr(data-view-label);
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
color: #fff;
font-weight: bold;
font-size: 1.6em;
text-align: center;
vertical-align: middle;
z-index: 100;
font-family: Helvetica, sans-serif;
}
html.responsive-tap table:before {
content: "";
display: block;
background: #333;
padding: 10px;
}
html.responsive-tap table:before{
content: attr(data-close-label);
position: absolute;
top: 0;
left: 15px;
padding: .5em 1em;
margin: 10px 0;
font-weight: bold;
color: #fff;
background: #000;
border: 1px solid #fff;
}
/* around here we could use the HTML class to hide all other content on the page aside from the table */
html.responsive-tap p, html.responsive-tap h1 {
display: none;
}
}

65
components/com_tabulizer/assets/css/responsive/responsive-wrapper.css Normal file
View File

@ -0,0 +1,65 @@
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 480px) {
/* Styles */
div.responsive-wrapper { max-width: 480px; }
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
div.responsive-wrapper { max-width: 320px; }
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
/* Styles */
div.responsive-wrapper { max-width: 1024px; }
}
/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {
/* Styles */
div.responsive-wrapper { max-width: 1024px; }
}
/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
div.responsive-wrapper { max-width: 768px; }
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}