mirror of
https://github.com/Frumph/comic-easel.git
synced 2026-07-21 00:35:30 -04:00
Added Motion Artist default CSS to the comicasel.css
This commit is contained in:
Frumph
+75
-56
@@ -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');
|
||||
}
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user