diff --git a/css/comiceasel.css b/css/comiceasel.css index b6046a6..d4d525e 100644 --- a/css/comiceasel.css +++ b/css/comiceasel.css @@ -21,7 +21,7 @@ Defaults for the Comic Easel Elements. display: table-cell; vertical-align: top; width: 206px; - padding: 2px; + padding: 0px 2px; } #comic { @@ -29,14 +29,14 @@ Defaults for the Comic Easel Elements. display: table-cell; vertical-align: top; width: 100%; - padding: 2px; + padding: 2px 0px; } #sidebar-right-of-comic { display: table-cell; vertical-align: top; width: 206px; - padding: 2px; + padding: 0px 2px; } #sidebar-under-comic { @@ -265,69 +265,88 @@ a.transcript-title { display: inline-block; } +/* Motion Artist defaults */ + .MADoc { margin: 0 auto !important; padding: 0 !important; } -/* Tool Tips (ComicPress Rascal) */ -.tt a { - position: relative; - z-index: 1000; - color: #3CA3FF; - font-weight: bold; - text-decoration: none; - margin-bottom: -110px; +.MADoc canvas { + padding-left: 0; + padding-right: 0; + margin-left: auto; + margin-right: auto; + display: block; } -a.tt span { - display: none; -} - -a.tt:hover span.tooltip { - position: absolute; - display: block; - width: 200px; - color: #000; - margin: 0 auto; +.MAButtons { + margin: 0px auto; + padding-top: 8px; + padding-bottom: 8px; + width: 120px; text-align: center; - height: 164px; - background: url('../images/comicpress-rascal.png') no-repeat; - z-index: 1000; + -moz-border-radius: 5px; + border-radius: 5px; + } -a.tt:hover span.top { - display: block; - width: 200px; - height: 35px; - padding-top: 2px; - margin-top: 55px; - margin-left: 25px; - background: url('../images/bubble.png') 0 0 no-repeat; - z-index: 1000; -} -a.tt:hover span.middle { - /* different middle bg for stretch */ - display: block; - width: 180px; - margin: 0 0 0 25px; - padding: 0 10px; - background: url('../images/bubble.png') -200px 0 repeat-y; - z-index: 1000; -} -a.tt:hover span.bottom { - display: block; - width: 200px; - height: 15px; - background-position: -100px; - color: #548912; - margin-left: 25px; - background: url('../images/bubble.png') 0 -35px no-repeat; - z-index: 1000; +.MAButtonSet { + list-style: none; + margin: 0px auto; + padding: 0px; } -.ie .tt a:hover { - z-index: 1000; - color: #aaaaff; - background-color: Transparent; +.MAButtonSet ul { + margin: 0px; + padding: 0px; +} + +.MAButtonSet li { + margin: 0px; + padding: 0px; + margin-left: 8px; + margin-right: 8px; +} + +.MAButton { + display: inline-block; + zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ + *display: inline; + vertical-align: baseline; + margin: 0 2px; + outline: none; + cursor: pointer; + text-align: center; + text-decoration: none; + font: 14px/100% Arial, Helvetica, sans-serif; + padding: .5em 2em .55em; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + -webkit-border-radius: .5em; + -moz-border-radius: .5em; + border-radius: .5em; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); + box-shadow: 0 1px 2px rgba(0,0,0,.2); + color: #d7d7d7; + border: solid 1px #333; + background: #333; + background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); + background: -moz-linear-gradient(top, #666, #000); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); +} + +.MAButton:hover { + background: #000; + background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); + background: -moz-linear-gradient(top, #444, #000); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); +} +.MAButton:active { + position: relative; + top: 1px; + color: #666; + background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); + background: -moz-linear-gradient(top, #000, #444); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); } diff --git a/readme.txt b/readme.txt index e0152af..46441e6 100644 --- a/readme.txt +++ b/readme.txt @@ -126,6 +126,10 @@ The comic navigation widget is only seen if you have the comic sidebar's enabled == Changelog == += 1.4.5 = +* Added Motion Artist comics default CSS to the comiceasel.css + + = 1.4.4 = * Made a filter to able to change the arguments for the home page comic and mini nav display AND nav widget * added text-align: center; to #sidebar-over-comic and #sidebar-under-comic, can be overridden with !important