WordPress.org

Plugin Directory

Changeset 1750238


Ignore:
Timestamp:
10/21/17 00:25:44 (4 months ago)
Author:
DBAR Productions
Message:

Version: 0.0.4

Location:
ssp-stacktable-tables/trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • ssp-stacktable-tables/trunk/readme.txt

    r1749589 r1750238  
    3434 
    3535== Changelog == 
     36**Version 0.0.4** 
     37*   Used wrong CSS stylesheet for last update. Changed to minimal "example" stylesheet. 
     38 
    3639**Version 0.0.3** 
    3740*   Updated jQuery Stacktable and jQuery Select2 files to latest releases as of October 19, 2017. 
  • ssp-stacktable-tables/trunk/ssp-stacktable-tables.php

    r1749589 r1750238  
    55Description: Reformat tables for mobile devices using the jQuery Stacktable plugin from John Polacek. 
    66Author: John Polacek & Stephen Sherrard 
    7 Version: 0.0.3 
     7Version: 0.0.4 
    88Author URI: https://stephensherrardplugins.com 
    99License: GPL2 
  • ssp-stacktable-tables/trunk/stacktable.css

    r1749589 r1750238  
    1 /* h5bp.com/css */ 
    2  
    3 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } 
    4 audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } 
    5 [hidden] { display: none; } 
    6  
    7 html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
    8 html, button, input, select, textarea { font-family: sans-serif; color: #222; } 
    9 body { margin: 0; font-size: 18px; line-height: 1.4; } 
    10  
    11 ::-moz-selection { background: #20A6DB; color: #fff; text-shadow: none; } 
    12 ::selection { background: #20A6DB; color: #fff; text-shadow: none; } 
    13  
    14 a { color: #20A6DB; text-decoration: none; 
    15   -webkit-transition:all .3s ease-in-out; 
    16      -moz-transition:all .3s ease-in-out; 
    17        -o-transition:all .3s ease-in-out; 
    18           transition:all .3s ease-in-out; 
    19 } 
    20 a:visited { color: #20A6DB; } 
    21 a:hover { color: #25BBF7; } 
    22 /* a:focus { outline: thin dotted; } */ 
    23 a:focus { outline: none; } 
    24 a:hover, a:active { outline: 0; } 
    25  
    26 abbr[title] { border-bottom: 1px dotted; } 
    27 b, strong { font-weight: bold; } 
    28 blockquote { margin: 1em 40px; } 
    29 dfn { font-style: italic; } 
    30 hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 
    31 ins { background: #ff9; color: #000; text-decoration: none; } 
    32 mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } 
    33 pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } 
    34 pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } 
    35 q { quotes: none; } 
    36 q:before, q:after { content: ""; content: none; } 
    37 small { font-size: 85%; } 
    38  
    39 sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 
    40 sup { top: -0.5em; } 
    41 sub { bottom: -0.25em; } 
    42  
    43 ul, ol { margin: 1em 0; padding: 0 0 0 40px; } 
    44 dd { margin: 0 0 0 40px; } 
    45 nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } 
    46  
    47 img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } 
     1.stacktable { width: 100%; } 
     2.st-head-row { padding-top: 1em; } 
     3.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; } 
     4.st-key { width: 49%; text-align: right; padding-right: 1%; } 
     5.st-val { width: 49%; padding-left: 1%; } 
    486 
    497 
    50 /* Primary Styles */ 
    518 
    52 body { color: #333; padding: 0 1.5em 3em; } 
     9/* RESPONSIVE EXAMPLE */ 
    5310 
    54 header { text-align: center; padding-top: 10px; } 
     11.stacktable.large-only { display: table; } 
     12.stacktable.small-only { display: none; } 
    5513 
    56 h1, h2, h3 { 
    57   font-family: 'Courgette', Arial, sans-serif; 
    58   font-weight: 700; 
    59   margin: 0; 
     14@media (max-width: 800px) { 
     15  .stacktable.large-only { display: none; } 
     16  .stacktable.small-only { display: table; } 
    6017} 
    61  
    62 h1 { 
    63   font-size: 4em; 
    64 } 
    65  
    66 h2 {margin-top:2em;} 
    67 h2 a, 
    68 h2 span { font-size: .8em; } 
    69  
    70 h3 { 
    71   font-size: 1.1em; 
    72   margin-bottom: 1em; 
    73 } 
    74  
    75 h2 span, 
    76 h3 span { color: #AAA; } 
    77  
    78 p, pre { margin: 0.5em 0 1.5em; } 
    79  
    80 pre { 
    81   font-size: .8em; 
    82   color: #555; 
    83   background: #EEE; 
    84   padding: 1.5em 0 1.5em 1.5em; 
    85  
    86   -webkit-border-radius: 10px; 
    87           border-radius: 10px; 
    88 } 
    89  
    90 th {text-align: left; padding-right: 1em} 
    91 th, td.sub {background-color: #eee} 
    92 td {padding:.5em;} 
    93 .table { 
    94   border: 1px solid black; 
    95 } 
    96 .table .st-key { 
    97   font-weight: bold; 
    98 } 
    99  
    100 #wrapper { 
    101   overflow: hidden; 
    102   width: 100%; 
    103   max-width: 800px; 
    104   margin: 0 auto; 
    105 } 
    106 .logo { padding-right: 10px; margin-top: -5px; } 
    107 .follow-btn { width: 169px; margin: 0 auto; } 
    108  
    109 .example { margin-bottom: 1.5em; } 
    110  
    111 .example div { 
    112   float: left; 
    113   text-align: center; 
    114   background: #DDD; 
    115   margin: 10px; 
    116   padding: 10px; 
    117 } 
    118  
    119 .sub { font-weight: bold; } 
    120  
    121 input[readonly] { 
    122   margin-top:8px; 
    123   width:330px; 
    124   font-size:13px; 
    125   padding:6px; 
    126   border:solid 1px #eee; 
    127   border-radius:2px; 
    128   cursor:pointer; 
    129   border-radius:4px; 
    130 } 
    131  
    132 #author { 
    133   overflow: hidden; 
    134   margin-bottom: 1.5em; 
    135 } 
    136  
    137 #author span { 
    138   display: inline-block; 
    139   *display: block; 
    140   zoom: 1; 
    141   margin-top: 5px; 
    142 } 
    143  
    144 #resize-graphic { 
    145   position: fixed; 
    146   bottom: 0; 
    147   right: 0; 
    148   opacity: .6; 
    149 } 
    150  
    151 .footer-ad { width:100%; text-align: center; margin: 4em 0; } 
    152 .footer-ad img { width:100%; max-width: 728px; border: solid 1px #eee; } 
    153  
    154 /* Helpers */ 
    155 .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } 
    156 .ir br { display: none; } 
    157 .hidden { display: none !important; visibility: hidden; } 
    158 .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } 
    159 .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } 
    160 .invisible { visibility: hidden; } 
    161 .clearfix:before, .clearfix:after { content: ""; display: table; } 
    162 .clearfix:after { clear: both; } 
    163 .clearfix { *zoom: 1; }*/ 
Note: See TracChangeset for help on using the changeset viewer.