Файл: textpattern-4.5.7/textpattern/theme/hive/css/textpattern.css
Строк: 1347
@import url("reset.css");
/*
==========================================================================
Hive theme for Textpattern CMS (v4.5)
==========================================================================
*/
/* Clearfix
==========================================================================
*/
.clearfix, .progress-meter ol, .txp-footer, .txp-edit p,
.txp-login p,
.txp-navigation, .txp-setup p, .plugin-column p {
*zoom:
1;
}
.clearfix:before, .progress-meter ol:before, .txp-footer:before,
.txp-edit p:before,
.txp-login p:before, .txp-navigation:before, .txp-setup
p:before, .plugin-column p:before, .clearfix:after, .progress-meter
ol:after, .txp-footer:after, .txp-edit p:after,
.txp-login p:after,
.txp-navigation:after, .txp-setup p:after, .plugin-column p:after {
content: "";
display: table;
}
.clearfix:after, .progress-meter
ol:after, .txp-footer:after, .txp-edit p:after,
.txp-login p:after,
.txp-navigation:after, .txp-setup p:after, .plugin-column p:after {
clear: both;
}
/* Links
==========================================================================
*/
a {
-webkit-tap-highlight-color: rgba(0, 102, 255, 0.5);
color:
#114eb1;
text-decoration: none;
}
a:hover {
color: #0066ff;
text-decoration: underline;
}
a.busy {
visibility: hidden;
}
/*
Typography
==========================================================================
*/
h1 {
font-size: 2em;
line-height: 1.23076923076923;
margin: 0 0
.5em;
}
h1 .pophelp {
font-size: .5em;
}
h2 {
font-size:
1.38461538461538em;
margin: 0 0 .72222222222222em;
}
h2 .pophelp {
font-size: .72222222222222em;
}
h3 {
font-size: 1.15384615384615em;
margin: 0 0 .86666666666667em;
}
.txp-grid-cell h3 {
margin-top:
.86666666666667em;
}
h4,
h5,
h6 {
font-size: 1em;
margin: 0 0
1em;
}
small,
.txp-footer {
font-size: 0.84615em;
}
dfn,
q,
var {
font-style: italic;
background: #fff6d3;
}
var {
padding: 0
.23076923076923em;
-moz-border-radius: 0.23077em;
border-radius:
0.23077em;
font-weight:
bold;
}
pre,
code,
kbd,
samp,
.code,
#diagnostics-detail {
font-family:
Menlo, Consolas, "Liberation Mono", monospace;
}
code,
kbd,
samp
{
border: 1px solid #e3e3e3;
padding: 0 .23076923076923em;
-moz-border-radius: 0.23077em;
border-radius: 0.23077em;
background:
#f7f7f7;
}
pre {
overflow-x: auto;
border: 1px solid #e3e3e3;
padding: 1em;
-moz-border-radius: 0.38462em;
border-radius: 0.38462em;
background: #f7f7f7;
tab-size: 4;
/* IE7 */
*overflow-y:
hidden;
}
pre code,
.code code,
code.body,
code.excerpt {
border: 0;
padding: 0;
background: transparent;
}
hr {
margin: 1.5em 0;
border-color: #cccccc;
border-style: solid;
}
.pophelp,
.pophelpsubtle
{
border: 1px solid #fff;
padding: 0 .23076923076923em;
font-weight:
normal;
background: #e5e5e5;
-moz-border-radius: 0.53846em;
border-radius: 0.53846em;
}
.txp-list thead th a.pophelp {
display:
inline;
color: #114eb1;
}
.txp-list thead th a.pophelp:hover {
color:
#0066ff;
text-decoration: underline;
}
/* Support for non-latin
languages
==========================================================================
*/
html[lang="ja-jp"] {
font-family: "Hiragino Kaku Gothic
Pro", Meiryo, sans-serif;
}
html[lang="ko-kr"] {
font-family: GulimChe, Gulim, sans-serif;
}
html[lang="zh-cn"]
{
font-family: SimHei, sans-serif;
}
html[lang="zh-tw"] {
font-family: PMingLiU, sans-serif;
}
/* Images
==========================================================================
*/
.content-image {
border: solid 1px #cccccc;
-moz-border-radius:
0.38462em;
border-radius: 0.38462em;
padding: 4px;
background: #fff;
-webkit-box-shadow: 0 0 0.46154em rgba(0, 0, 0, 0.2);
box-shadow: 0 0
0.46154em rgba(0, 0, 0, 0.2);
}
a:hover .content-image {
border: solid
1px #0066ff;
-webkit-box-shadow: 0 0 0.46154em rgba(0, 102, 255, 0.4);
box-shadow: 0 0 0.46154em rgba(0, 102, 255, 0.4);
}
/* image alignments
*/
.align-left {
float: left;
margin: 1em 1em 1em 0;
}
.align-right {
float: right;
margin: 1em 0 1em 1em;
}
.align-center {
display:
block;
margin: 1em auto;
}
/* Messages
==========================================================================
*/
/* label colours */
.success,
.warning,
.error,
.information {
padding: 0 .23076923076923em;
-moz-border-radius: 0.23077em;
border-radius: 0.23077em;
}
.success {
color: #238c23;
background:
#dff0d8;
}
.warning {
color: #cb8f02;
background: #fff6d3;
}
.error
{
color: #9d261d;
background: #f2dede;
}
.information {
color:
#3a87ad;
background: #e7f6fc;
}
.highlight {
background:
#fff6d3;
}
.alert-block {
border: 1px solid;
padding:
.53846153846154em 2.84615384615385em;
line-height: 1.38461538461538;
text-align: center;
}
.alert-block.success {
border-color:
#a3d48e;
}
.alert-block.warning {
border-color:
#ffe16d;
}
.alert-block.error {
border-color:
#e1b2b2;
}
.alert-block.information {
border-color: #b1e2f5;
}
/* alert
boxes */
#messagepane {
position: fixed;
bottom: 0;
z-index: 20000;
text-align: center;
}
span#message {
display: inline-block;
*display:
inline;
*zoom: 1;
-moz-border-radius: 0.38462em 0.38462em 0 0;
border-radius: 0.38462em 0.38462em 0 0;
margin: 0 auto;
padding:
.53846153846154em 2.84615384615385em .53846153846154em 1em;
max-width:
38.15385em;
color: #fff;
-webkit-box-shadow: 0 0 0.46154em rgba(0, 0,
0, 0.2);
box-shadow: 0 0 0.46154em rgba(0, 0, 0,
0.2);
}
span#message.success {
background:
#238c23;
}
span#message.warning {
background:
#cb8f02;
}
span#message.error {
background: #9d261d;
}
/* close icon
*/
.close {
position: absolute;
top: .27777777777778em;
right:
.72222222222222em;
text-decoration: none;
color: #ccc;
font-size:
1.38461538461538em;
font-weight: bold;
}
.rgba .close {
color:
rgba(255, 255, 255, 0.6);
}
.close:hover {
color: #333333;
text-decoration: none;
color: #fff;
cursor: pointer;
}
.rgba
.close:hover {
color: rgba(255, 255, 255, 0.8);
}
/* flash the alert
*/
@-webkit-keyframes messageflash {
0% {
opacity: 0;
}
50%,
100% {
opacity: 1;
}
75% {
opacity: .5;
}
}
@-moz-keyframes
messageflash {
0% {
opacity: 0;
}
50%, 100% {
opacity: 1;
}
75% {
opacity: .5;
}
}
@-ms-keyframes messageflash {
0% {
opacity: 0;
}
50%, 100% {
opacity: 1;
}
75% {
opacity:
.5;
}
}
@-o-keyframes messageflash {
0% {
opacity: 0;
}
50%,
100% {
opacity: 1;
}
75% {
opacity: .5;
}
}
@keyframes
messageflash {
0% {
opacity: 0;
}
50%, 100% {
opacity: 1;
}
75% {
opacity: .5;
}
}
.messageflash {
-webkit-animation:
messageflash 1s;
-moz-animation: messageflash 1s;
-o-animation:
messageflash 1s;
animation: messageflash 1s;
}
/* Twisties
==========================================================================
*/
h3.lever,
.summary-details > h3 {
position: relative;
font-size:
1em;
font-weight: bold;
line-height: 2em;
margin: 0;
padding: 0 2em
0 1em;
height: 2em;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
border-top: 1px
solid #dddddd;
border-bottom: 1px solid #bebebe;
background-color:
#eeeeee;
/* Konqueror */
background-image: -khtml-gradient(linear, left
top, left bottom, from(#eeeeee), to(#dddddd));
/* Safari4+, Chrome */
background-image: -webkit-gradient(linear, left top, left bottom,
from(#eeeeee), to(#dddddd));
/* Safari5.1+, Chrome10+ */
background-image: -webkit-linear-gradient(#eeeeee, #dddddd);
/*
Firefox3.6 */
background-image: -moz-linear-gradient(#eeeeee, #dddddd);
/* Opera11.10+ */
background-image: -o-linear-gradient(#eeeeee,
#dddddd);
/* CSS3 Compliant */
background-image:
linear-gradient(#eeeeee, #dddddd);
}
h3.lever a {
display: block;
color: #333333;
}
h3.lever a:hover {
color: #333333;
text-decoration:
none;
}
h3.lever a:after {
position: absolute;
content:
"→";
top: .69230769230769em;
right:
.76923076923077em;
z-index: 10;
width: 0;
height: 0;
display:
inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
opacity: .5;
border-left: 0.30769em solid #333333;
border-right: 0;
border-top: .30769230769231em solid transparent;
border-bottom:
.30769230769231em solid transparent;
text-indent: 110%;
white-space:
nowrap;
overflow: hidden;
}
h3.lever a:hover:after {
opacity:
1;
}
h3.lever.expanded a:after {
content: "↓";
top: .84615384615385em;
right: .69230769230769em;
border-left:
.30769230769231em solid transparent;
border-right: .30769230769231em
solid transparent;
border-top: 0.30769em solid #333333;
border-bottom:
0;
}
.toggle,
.summary-details > div {
padding: 0 1em;
}
/* Progress
meters
==========================================================================
*/
.progress-meter {
text-align: center;
}
.progress-meter p {
display:
none;
}
.progress-meter ol {
display: inline-block;
*display: inline;
*zoom: 1;
list-style: none;
margin-bottom: 0;
padding: 0;
text-align: left;
counter-reset: step;
}
.progress-meter li {
position:
relative;
float: left;
display: block;
margin: 0 1em 1em 0;
padding: 1em 1em 1em 4em;
text-shadow: 1px 1px 0 rgba(255, 255, 255,
0.4);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
border-top: 1px
solid #dddddd;
border-bottom: 1px solid #bebebe;
background-color:
#eeeeee;
/* Konqueror */
background-image: -khtml-gradient(linear, left
top, left bottom, from(#eeeeee), to(#dddddd));
/* Safari4+, Chrome */
background-image: -webkit-gradient(linear, left top, left bottom,
from(#eeeeee), to(#dddddd));
/* Safari5.1+, Chrome10+ */
background-image: -webkit-linear-gradient(#eeeeee, #dddddd);
/*
Firefox3.6 */
background-image: -moz-linear-gradient(#eeeeee, #dddddd);
/* Opera11.10+ */
background-image: -o-linear-gradient(#eeeeee,
#dddddd);
/* CSS3 Compliant */
background-image:
linear-gradient(#eeeeee, #dddddd);
border-right: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
/* IE7 padding fix for lack of ':before'
support */
*padding: 1em;
}
.progress-meter li.active {
border-top: 1px
solid #fabc2b;
border-bottom: 1px solid #e2a005;
background-color:
#ffda44;
/* Konqueror */
background-image: -khtml-gradient(linear, left
top, left bottom, from(#ffda44), to(#fabc2b));
/* Safari4+, Chrome */
background-image: -webkit-gradient(linear, left top, left bottom,
from(#ffda44), to(#fabc2b));
/* Safari5.1+, Chrome10+ */
background-image: -webkit-linear-gradient(#ffda44, #fabc2b);
/*
Firefox3.6 */
background-image: -moz-linear-gradient(#ffda44, #fabc2b);
/* Opera11.10+ */
background-image: -o-linear-gradient(#ffda44,
#fabc2b);
/* CSS3 Compliant */
background-image:
linear-gradient(#ffda44, #fabc2b);
border-right: 1px solid #fabc2b;
border-left: 1px solid #fabc2b;
}
.progress-meter li:before {
position:
absolute;
z-index: 2;
counter-increment: step;
content:
counter(step);
top: .4375em;
left: .6875em;
border: 1px solid #fff;
-moz-border-radius: 50%;
border-radius: 50%;
padding: .25em;
width:
1.375em;
text-align: center;
font-size: 1.23076923076923em;
font-weight: bold;
background: #cccccc;
}
.progress-meter li:after {
position: absolute;
top: 0;
left: 100%;
z-index: 2;
content:
"";
height: 0;
width: 0;
border-top: 1.75em solid
transparent;
border-left: .9em solid #ccc;
border-bottom: 1.75em solid
transparent;
}
.progress-meter strong {
font-weight: normal;
}
/* Forms
==========================================================================
*/
fieldset {
position: relative;
margin: 0 0 1em 0;
border: 1px
solid #e3e3e3;
border-top: 0;
padding: 2.07692307692308em 0 0 0;
background: #f7f7f7;
/* corrects padding inconsistency in IE7 */
*padding-top: 3em;
}
fieldset > * {
margin-right: 1em;
margin-left:
1em;
}
.toggle fieldset {
margin-top: 1em;
}
legend {
position:
absolute;
top: 0;
margin: 0;
padding: 0 1em;
width: 100%;
font-weight: bold;
line-height: 2em;
text-shadow: 1px 1px 0 rgba(255,
255, 255, 0.4);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255,
0.25);
box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25);
border-top: 1px solid #dddddd;
border-bottom: 1px solid #bebebe;
background-color: #eeeeee;
/* Konqueror */
background-image:
-khtml-gradient(linear, left top, left bottom, from(#eeeeee),
to(#dddddd));
/* Safari4+, Chrome */
background-image:
-webkit-gradient(linear, left top, left bottom, from(#eeeeee),
to(#dddddd));
/* Safari5.1+, Chrome10+ */
background-image:
-webkit-linear-gradient(#eeeeee, #dddddd);
/* Firefox3.6 */
background-image: -moz-linear-gradient(#eeeeee, #dddddd);
/* Opera11.10+
*/
background-image: -o-linear-gradient(#eeeeee, #dddddd);
/* CSS3
Compliant */
background-image: linear-gradient(#eeeeee, #dddddd);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* corrects alignment displayed oddly in IE7 */
*margin-right: 7px;
*margin-left: -7px;
*right: 0;
*left: 0;
*width:
auto;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: .5em;
}
input.year, input.exp_year {
width:
3.30769230769231em;
}
input.month, input.exp_month, input.day,
input.exp_day, input.hour, input.exp_hour, input.minute, input.exp_minute,
input.second, input.exp_second {
width: 2.30769230769231em;
}
/*
additional input field widths */
input[size="32"] {
width:
100%;
max-width: 23.2307692307692em;
}
input.input-large {
width:
100%;
}
input.input-medium {
width: 50%;
max-width:
11.6153846153846em;
}
input.input-small {
width: 25%;
max-width:
5.76923076923077em;
}
input.input-xsmall {
width: 16.6666666666667%;
max-width: 3.46153846153846em;
}
/* Specific buttons
==========================================================================
*/
/* primary buttons
*/
input[type="submit"].publish,
button.publish,
a.publish {
font-weight: bold;
border: 1px solid #f2ab05;
border-bottom-color:
#c08804;
padding: .75em;
height: 3em;
background-color: #ffda44;
/*
Konqueror */
background-image: -khtml-gradient(linear, left top, left
bottom, from(#ffda44), to(#f2ab05));
/* Safari4+, Chrome */
background-image: -webkit-gradient(linear, left top, left bottom,
from(#ffda44), to(#f2ab05));
/* Safari5.1+, Chrome10+ */
background-image: -webkit-linear-gradient(#ffda44, #f2ab05);
/*
Firefox3.6 */
background-image: -moz-linear-gradient(#ffda44, #f2ab05);
/* Opera11.10+ */
background-image: -o-linear-gradient(#ffda44,
#f2ab05);
/* CSS3 Compliant */
background-image:
linear-gradient(#ffda44,
#f2ab05);
}
input[type="submit"].publish:hover,
button.publish:hover,
a.publish:hover
{
background-color: #ffe477;
/* Konqueror */
background-image:
-khtml-gradient(linear, left top, left bottom, from(#ffe477),
to(#fbbe2f));
/* Safari4+, Chrome */
background-image:
-webkit-gradient(linear, left top, left bottom, from(#ffe477),
to(#fbbe2f));
/* Safari5.1+, Chrome10+ */
background-image:
-webkit-linear-gradient(#ffe477, #fbbe2f);
/* Firefox3.6 */
background-image: -moz-linear-gradient(#ffe477, #fbbe2f);
/* Opera11.10+
*/
background-image: -o-linear-gradient(#ffe477, #fbbe2f);
/* CSS3
Compliant */
background-image: linear-gradient(#ffe477,
#fbbe2f);
}
input[type="submit"].publish:active,
button.publish:active,
a.publish:active
{
background-color: #fbbe2f;
/* Konqueror */
background-image:
-khtml-gradient(linear, left top, left bottom, from(#fbbe2f),
to(#ffe477));
/* Safari4+, Chrome */
background-image:
-webkit-gradient(linear, left top, left bottom, from(#fbbe2f),
to(#ffe477));
/* Safari5.1+, Chrome10+ */
background-image:
-webkit-linear-gradient(#fbbe2f, #ffe477);
/* Firefox3.6 */
background-image: -moz-linear-gradient(#fbbe2f, #ffe477);
/* Opera11.10+
*/
background-image: -o-linear-gradient(#fbbe2f, #ffe477);
/* CSS3
Compliant */
background-image: linear-gradient(#fbbe2f, #ffe477);
}
/*
delete buttons */
input[type="submit"].destroy,
button.destroy {
padding: 0 .33333333333333em;
height: 1.5em;
color: #f9e0df;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.25);
border-top: 1px solid
#9d261d;
border-bottom: 1px solid #691913;
background-color: #dc4e44;
/* Konqueror */
background-image: -khtml-gradient(linear, left top, left
bottom, from(#dc4e44), to(#9d261d));
/* Safari4+, Chrome */
background-image: -webkit-gradient(linear, left top, left bottom,
from(#dc4e44), to(#9d261d));
/* Safari5.1+, Chrome10+ */
background-image: -webkit-linear-gradient(#dc4e44, #9d261d);
/*
Firefox3.6 */
background-image: -moz-linear-gradient(#dc4e44, #9d261d);
/* Opera11.10+ */
background-image: -o-linear-gradient(#dc4e44,
#9d261d);
/* CSS3 Compliant */
background-image:
linear-gradient(#dc4e44,
#9d261d);
}
input[type="submit"].destroy:hover,
button.destroy:hover
{
color: white;
border-top: 1px solid #c83025;
border-bottom: 1px
solid #94241b;
background-color: #e36f66;
/* Konqueror */
background-image: -khtml-gradient(linear, left top, left bottom,
from(#e36f66), to(#c83025));
/* Safari4+, Chrome */
background-image:
-webkit-gradient(linear, left top, left bottom, from(#e36f66),
to(#c83025));
/* Safari5.1+, Chrome10+ */
background-image:
-webkit-linear-gradient(#e36f66, #c83025);
/* Firefox3.6 */
background-image: -moz-linear-gradient(#e36f66, #c83025);
/* Opera11.10+
*/
background-image: -o-linear-gradient(#e36f66, #c83025);
/* CSS3
Compliant */
background-image: linear-gradient(#e36f66,
#c83025);
}
input[type="submit"].destroy:active,
button.destroy:active
{
border-top: 1px solid #e36f66;
border-bottom: 1px solid #d93e32;
background-color: #c83025;
/* Konqueror */
background-image:
-khtml-gradient(linear, left top, left bottom, from(#c83025),
to(#e36f66));
/* Safari4+, Chrome */
background-image:
-webkit-gradient(linear, left top, left bottom, from(#c83025),
to(#e36f66));
/* Safari5.1+, Chrome10+ */
background-image:
-webkit-linear-gradient(#c83025, #e36f66);
/* Firefox3.6 */
background-image: -moz-linear-gradient(#c83025, #e36f66);
/* Opera11.10+
*/
background-image: -o-linear-gradient(#c83025, #e36f66);
/* CSS3
Compliant */
background-image: linear-gradient(#c83025, #e36f66);
}
/*
button sets */
.nav-tertiary a,
.nav-tertiary .navlink-disabled,
.prev-next
a,
.prev-next .navlink-disabled {
-moz-border-radius: 0;
border-radius:
0;
}
.nav-tertiary > :first-child,
.prev-next > :first-child {
-moz-border-radius-topleft: 0.38462em;
border-top-left-radius:
0.38462em;
-moz-border-radius-bottomleft: 0.38462em;
border-bottom-left-radius: 0.38462em;
}
.nav-tertiary >
:last-child,
.prev-next > :last-child {
-moz-border-radius-topright:
0.38462em;
border-top-right-radius: 0.38462em;
-moz-border-radius-bottomright: 0.38462em;
border-bottom-right-radius:
0.38462em;
}
/* Lists
==========================================================================
*/
.plain-list {
list-style: none;
padding-left: 0;
}
/* Tables
==========================================================================
*/
.txp-list {
width: 100%;
}
.txp-list th,
.txp-list td {
padding:
.38461538461538em 1em;
}
.txp-list .multi-edit {
width: 18px;
}
.txp-list
tbody tr {
border: 1px solid #dddddd;
}
.txp-list tbody
tr:nth-child(even) {
background: #f7f7f7;
}
.txp-list tbody tr.selected
{
background: #e3edfc;
}
.txp-list thead th {
text-shadow: 1px 1px 0
rgba(255, 255, 255, 0.4);
background-color: #eeeeee;
/* Konqueror */
background-image: -khtml-gradient(linear, left top, left bottom,
from(#eeeeee), to(#dddddd));
/* Safari4+, Chrome */
background-image:
-webkit-gradient(linear, left top, left bottom, from(#eeeeee),
to(#dddddd));
/* Safari5.1+, Chrome10+ */
background-image:
-webkit-linear-gradient(#eeeeee, #dddddd);
/* Firefox3.6 */
background-image: -moz-linear-gradient(#eeeeee, #dddddd);
/* Opera11.10+
*/
background-image: -o-linear-gradient(#eeeeee, #dddddd);
/* CSS3
Compliant */
background-image: linear-gradient(#eeeeee, #dddddd);
border-top: 1px solid #dddddd;
border-right: 1px solid #d0d0d0;
border-bottom: 1px solid #c4c4c4;
}
.txp-list thead th:first-child {
border-left: 1px solid #dddddd;
}
.txp-list thead th a {
position:
relative;
display: block;
color: #333333;
margin-right:
.5em;
}
.txp-list thead th a:hover {
color: #333333;
text-decoration:
none;
}
.txp-list thead th a:after {
position: absolute;
top:
.53846153846154em;
right: -0.76923em;
z-index: 10;
width: 0;
height: 0;
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
opacity: .5;
text-indent: 110%;
white-space:
nowrap;
overflow: hidden;
}
.txp-list thead th a:hover:after {
opacity:
1;
}
.txp-list thead th.desc a:after {
content: "↓";
border-left: .30769230769231em solid transparent;
border-right:
.30769230769231em solid transparent;
border-top: 0.30769em solid
#333333;
border-bottom: 0;
}
.txp-list thead th.asc a:after {
content:
"↑";
border-left: .30769230769231em solid
transparent;
border-right: .30769230769231em solid transparent;
border-top: 0;
border-bottom: 0.30769em solid #333333;
}
.txp-list .id {
white-space: nowrap;
}
/* Allow overflow scroll on tables
*/
.txp-listtables {
margin-bottom: 1em;
overflow-x: auto;
/* IE7 */
*overflow-y: hidden;
}
/* Container
==========================================================================
*/
body {
position: relative;
padding: 5em 2em 0;
min-width:
71.3846153846154em;
color: #333333;
background: white;
}
.txp-body {
max-width: 110em;
margin: 0 auto;
}
/* Header
==========================================================================
*/
.txp-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 10000;
padding: 0 2em;
height: 3em;
min-width:
71.3846153846154em;
-webkit-box-shadow: 0 0.15385em 0.23077em rgba(0, 0,
0, 0.15);
box-shadow: 0 0.15385em 0.23077em rgba(0, 0, 0, 0.15);
border-top: 1px solid #fabc2b;
border-bottom: 1px solid #e2a005;
background-color: #ffda44;
/* Konqueror */
background-image:
-khtml-gradient(linear, left top, left bottom, from(#ffda44),
to(#fabc2b));
/* Safari4+, Chrome */
background-image:
-webkit-gradient(linear, left top, left bottom, from(#ffda44),
to(#fabc2b));
/* Safari5.1+, Chrome10+ */
background-image:
-webkit-linear-gradient(#ffda44, #fabc2b);
/* Firefox3.6 */
background-image: -moz-linear-gradient(#ffda44, #fabc2b);
/* Opera11.10+
*/
background-image: -o-linear-gradient(#ffda44, #fabc2b);
/* CSS3
Compliant */
background-image: linear-gradient(#ffda44,
#fabc2b);
}
.txp-header h1 {
float: left;
margin: 0;
padding-left:
9.84615em;
font-size: 1em;
line-height: 3em;
background: no-repeat
left 48%;
max-width: 25%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-repeat: no-repeat;
background-position: 0 46%;
background-image:
url("../img/textpattern-lrg.png");
}
.svg .txp-header h1 {
background-image: url("../img/svg/textpattern-lrg.svg");
-webkit-background-size: 9.84615em 2em;
-moz-background-size: 9.84615em
2em;
-o-background-size: 9.84615em 2em;
background-size: 9.84615em
2em;
}
.txp-header h1 a {
margin-right: 1em;
margin-left: 1em;
color:
#333333;
}
.txp-header h1 a:hover {
color: #4d4d4d;
text-decoration:
none;
}
.txp-logout {
position: absolute;
z-index: 10010;
top:
-0.5em;
right: 2em;
}
/* Navigation
==========================================================================
*/
/* hide <select> version of navigation on non-touch devices
also happens via media-queries when screen width is < 768px regardless
of touch ability */
.txp-nav-select {
display: none;
}
.touch
.txp-nav-select {
display: inherit;
}
/* Hide <ul> version of
navigation on touch devices */
.touch .txp-nav {
display:
none;
}
.txp-nav {
float: left;
}
.txp-nav a {
color: #333;
}
.txp-nav
a:hover {
text-decoration: none;
}
.txp-nav ul {
list-style: none;
padding-left: 0;
}
.data-dropdown {
display: block;
float: left;
margin: 0;
}
.dropdown {
position: relative;
display: block;
float:
left;
border-right: 1px solid #fabc2b;
background: #fcdc7f;
}
.rgba
.dropdown {
background: rgba(255, 255, 255, 0.2);
}
.dropdown:first-child
{
border-left: 1px solid #fabc2b;
}
.dropdown a.dropdown-toggle {
display: block;
padding: 0 1em;
line-height: 3em;
text-decoration:
none;
color: black;
text-shadow: 1px 1px 0 rgba(255, 255, 255,
0.4);
}
.dropdown:hover a.dropdown-toggle {
background: #fcdc7f;
}
.rgba
.dropdown:hover a.dropdown-toggle {
background: rgba(255, 255, 255,
0.2);
}
.dropdown.active a.dropdown-toggle {
background:
#fcdc7f;
}
.rgba .dropdown.active a.dropdown-toggle {
background:
rgba(255, 255, 255, 0.2);
}
.dropdown-menu {
position: absolute;
top:
3em;
left: -9999px;
z-index: 20000;
min-width: 12em;
border: solid
1px #d4d4d4;
border-top: 0;
background: #fff6d3;
-moz-border-radius:
0 0.38462em 0.38462em 0.38462em;
border-radius: 0 0.38462em 0.38462em
0.38462em;
-webkit-box-shadow: 0 0 0.46154em rgba(0, 0, 0, 0.2);
box-shadow: 0 0 0.46154em rgba(0, 0, 0, 0.2);
}
.dropdown-menu li {
border: 0;
-moz-border-radius: 0;
border-radius: 0;
background:
none;
margin-right: 0;
}
.dropdown-menu li:first-child {
-moz-border-radius: 0 0.38462em 0 0;
border-radius: 0 0.38462em 0
0;
}
.dropdown-menu li:last-child {
-moz-border-radius: 0 0 0.38462em
0.38462em;
border-radius: 0 0 0.38462em 0.38462em;
}
.dropdown-menu
li:hover {
background: #feefb0;
}
.dropdown-menu li.active {
background: #fee580;
}
.dropdown-menu a {
display: block;
padding: .5em
1em;
}
.dropdown-menu:before {
position: absolute;
content:
"";
top: -0.61538em;
left: 1em;
width: 1.23076923076923em;
height: .61538461538462em;
background-image:
url("../img/indicator.gif");
}
.svg .dropdown-menu:before {
background-image: url("../img/svg/indicator.svg");
-webkit-background-size: 1.23077em 0.61538em;
-moz-background-size:
1.23077em 0.61538em;
-o-background-size: 1.23077em 0.61538em;
background-size: 1.23077em 0.61538em;
}
.data-dropdown li:hover
.dropdown-menu,
.data-dropdown li:focus .dropdown-menu {
left:
0;
}
.txp-nav-select {
margin-top: .61538461538462em;
}
/* Footer
==========================================================================
*/
.mothership {
float: left;
}
.pagejump {
float: right;
}
/* Edit
and login panes
==========================================================================
*/
.txp-edit,
.txp-login {
margin: 0 auto 1em;
-moz-border-radius:
0.38462em;
border-radius: 0.38462em;
padding: 1em 1em 1px 1em;
background: #f7f7f7;
}
.edit-image-replace
input[type="submit"],
.edit-upload-thumbnail
input[type="submit"],
.edit-alter-thumbnail
input[type="submit"],
.edit-file-replace
input[type="submit"] {
float: right;
}
.txp-edit {
width:
40em;
}
.txp-login {
max-width:
33.5384615384615em;
}
.edit-label,
.login-label {
display:
inline-block;
*display: inline;
*zoom: 1;
float: left;
}
.edit-label
{
width: 42%;
}
.login-label {
width:
31%;
}
.edit-value,
.login-value {
display: inline-block;
*display:
inline;
*zoom: 1;
float: right;
}
.edit-value input,
.edit-value
select,
.login-value input,
.login-value select {
margin-top:
-0.23077em;
margin-bottom: -0.23077em;
}
.edit-value {
width:
58%;
}
.login-value {
width: 69%;
}
/* TBC (for Textpattern v4.6
modals) */
.txp-edit-action {
margin-right: -1em;
margin-left: -1em;
margin-bottom: 0;
border-top: 1px solid white;
-moz-border-radius-bottomright: 0.38462em;
border-bottom-right-radius:
0.38462em;
-moz-border-radius-bottomleft: 0.38462em;
border-bottom-left-radius: 0.38462em;
padding: 1em;
background:
#efefef;
}
.txp-edit-action button {
margin-top: .5em;
}
.txp-edit-action
input[type="submit"] {
float: right;
}
/* Miscellaneous/shared
layout
==========================================================================
*/
.txp-control-panel {
text-align: center;
line-height:
2;
}
.txp-control-panel p {
margin-top: 0;
}
div.multi-edit {
margin:
1em 0;
}
.multi-option {
display: none;
}
.multi-step {
margin-left:
.30769230769231em;
display: inline-block;
*display: inline;
*zoom:
1;
}
.txp-columntable {
width: 100%;
}
.text-column {
margin: 0
auto;
max-width: 56em;
}
.text-section {
padding-top: 5em;
background: url("../img/separator.gif") repeat-x 0
2.15385em;
}
/* grids */
.txp-grid {
text-align: center;
margin-bottom: .69230769230769em;
}
.txp-grid-cell {
-webkit-box-sizing:
border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
*display: inline;
*zoom: 1;
text-align: left;
max-width: 22.6153846153846em;
vertical-align: top;
margin: 0
.15384615384615em .30769230769231em;
border: 1px solid #cccccc;
padding: 0 1em;
}
.restricted-area {
font-size: 2em;
text-align:
center;
}
.empty {
display: none;
}
.disabled {
opacity: .33;
/*
transparency support for IE < 9 */
filter: alpha(opacity=33);
*zoom:
1;
}
/* list navigators on list pages */
.txp-navigation .pageby {
float: left;
}
.txp-navigation .prev-next {
float: right;
}
/* AJAX
spinner */
span.spinner {
display: inline-block;
*display: inline;
*zoom: 1;
width: 13px;
height: 13px;
background-image:
url("../img/spinner.gif");
}
@media only screen and
(-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution:
144dpi) {
span.spinner {
background-image:
url("../img/hidpi/spinner@2x.gif") !important;
-webkit-background-size: 13px 13px;
background-size: 13px 13px;
}
}
/* Setup pages
==========================================================================
*/
body#page-setup {
padding: 1em 2em 0;
}
.txp-setup {
margin: 1em
auto 2em;
width: 40em;
}
/* rules specific to the very first page you'll
see */
.welcome .txp-setup {
max-width: 20.3076923076923em;
}
.welcome h1
{
font-size: 1em;
width: 20.3076923076923em;
height:
4.15384615384615em;
text-indent: 110%;
white-space: nowrap;
overflow:
hidden;
background-image:
url("../img/textpattern-xlrg.png");
}
.svg .welcome h1 {
background-image: url("../img/svg/textpattern-xlrg.svg");
-webkit-background-size: 20.30769em 4.15385em;
-moz-background-size:
20.30769em 4.15385em;
-o-background-size: 20.30769em 4.15385em;
background-size: 20.30769em 4.15385em;
}
.welcome select {
width:
100%;
}
/* Tag builder page
==========================================================================
*/
#tag-event {
padding: 2.5em .5em 1em;
overflow-y:
scroll;
}
#tag-event h3 {
position: fixed;
top: 0;
left: 0;
right:
0;
z-index: 10000;
padding: .5em 1em;
-webkit-box-shadow: 0 0.15385em
0.23077em rgba(0, 0, 0, 0.15);
box-shadow: 0 0.15385em 0.23077em rgba(0,
0, 0, 0.15);
border-top: 1px solid #fabc2b;
border-bottom: 1px solid
#e2a005;
background-color: #ffda44;
/* Konqueror */
background-image:
-khtml-gradient(linear, left top, left bottom, from(#ffda44),
to(#fabc2b));
/* Safari4+, Chrome */
background-image:
-webkit-gradient(linear, left top, left bottom, from(#ffda44),
to(#fabc2b));
/* Safari5.1+, Chrome10+ */
background-image:
-webkit-linear-gradient(#ffda44, #fabc2b);
/* Firefox3.6 */
background-image: -moz-linear-gradient(#ffda44, #fabc2b);
/* Opera11.10+
*/
background-image: -o-linear-gradient(#ffda44, #fabc2b);
/* CSS3
Compliant */
background-image: linear-gradient(#ffda44,
#fabc2b);
}
#tag-event th,
#tag-event td {
padding: .5em;
width:
50%;
}
#tag-event p {
margin: .5em;
}
#tagbuilder-output textarea {
height: 7em;
}
/* Content -> Categories page
==========================================================================
*/
#page-category .action-create input[type="submit"],
.parent {
margin-top: .38461538461538em;
}
.category-list {
width:
100%;
}
.category-list td {
width: 25%;
}
.categories > div {
margin: 0 .5em 1em;
padding: 1em 1em 1px;
background:
#f7f7f7;
}
#categories_article {
margin-left: 0;
}
#categories_file {
margin-right: 0;
}
.category-list .small {
display: block;
}
/* Content
-> Write page
==========================================================================
*/
#article-col-1,
#article-col-2 {
width: 24%;
}
#article-tabs {
width: 2em;
padding-left: 1em;
}
#view_modes ul {
list-style: none;
margin: 0;
padding: 0;
}
#view_modes .text {
background-image:
url("../img/view-text.png");
}
.svg #view_modes .text {
background-image: url("../img/svg/view-text.svg");
-webkit-background-size: 1.5em 1.5em;
-moz-background-size: 1.5em 1.5em;
-o-background-size: 1.5em 1.5em;
background-size: 1.5em
1.5em;
}
#view_modes .html {
background-image:
url("../img/view-html.png");
}
.svg #view_modes .html {
background-image: url("../img/svg/view-html.svg");
-webkit-background-size: 1.5em 1.5em;
-moz-background-size: 1.5em 1.5em;
-o-background-size: 1.5em 1.5em;
background-size: 1.5em
1.5em;
}
#view_modes .preview {
background-image:
url("../img/view-preview.png");
}
.svg #view_modes .preview {
background-image: url("../img/svg/view-preview.svg");
-webkit-background-size: 1.5em 1.5em;
-moz-background-size: 1.5em 1.5em;
-o-background-size: 1.5em 1.5em;
background-size: 1.5em
1.5em;
}
.view-mode {
font-size: 16px;
margin-bottom: .8125em;
width: 1.5em;
height: 1.5em;
text-indent: 110%;
white-space: nowrap;
overflow: hidden;
-moz-border-radius: 0.38462em;
border-radius:
0.38462em;
background-color: #eeeeee;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.view-mode a {
display: block;
width:
1.5em;
height: 1.5em;
}
.view-mode:hover {
background-color:
#fff6d3;
}
#tab-textup,
#tab-htmlup,
#tab-previewup {
background-color:
#fff6d3;
}
.html .excerpt {
margin-bottom: 1em;
}
#article-main #title
{
width: 75%;
}
#article-main #body {
height:
34.4615384615385em;
}
#article-main .author {
color:
#999999;
}
#article_partial_article_view {
margin-left:
1em;
}
#main_content > div:first-of-type > p:first-of-type {
margin-top: 0;
}
#configuration_content,
#tagbuild_links {
margin-right:
1em;
}
#configuration_content > div,
#tagbuild_links >
div,
.summary-details {
border: 1px solid #e3e3e3;
border-top: 0;
background: #f7f7f7;
margin-bottom:
1em;
}
#supporting_content,
#content_switcher {
margin-left:
1em;
}
#supporting_content > div,
#content_switcher > div {
margin-bottom: 1em;
}
#supporting_content .action-create,
#content_switcher
.action-create {
margin-top: 0;
}
#supporting_content > div {
border: 1px solid #e3e3e3;
border-top: 0;
background:
#f7f7f7;
}
#dates .date .label,
#dates .time .label {
display:
block;
}
#dates .date input.year,
#dates .time input.hour,
#dates .date
input.exp_year,
#dates .time input.exp_hour {
margin-left:
-0.61538em;
}
.recent {
list-style: decimal-leading-zero;
}
.recent li
{
margin-left: 2em;
}
#keywords {
height: 4.38461538461538em;
}
/*
Content -> Articles page
==========================================================================
*/
.unpublished {
color: #999999;
}
/* Content -> Images page
==========================================================================
*/
.fullsize-image {
text-align: center;
margin-bottom:
1em;
}
.fullsize-image img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
height: auto;
}
.thumbnail-edit {
overflow-x: auto;
margin-bottom:
1em;
/* IE7 */
*overflow-y: hidden;
}
.thumbnail-edit form {
display:
inline-block;
*display: inline;
*zoom: 1;
vertical-align: top;
margin-top: 5px;
}
/* Content -> Comments page
==========================================================================
*/
#page-discuss .txp-list tr.spam td {
background:
#f5e5e5;
}
#page-discuss .txp-list tr.moderate td {
background:
#fff8dd;
}
/* Presentation -> Pages, Forms, Styles pages shared
==========================================================================
*/
#page-page .txp-columntable td.column:first-child, #page-page
.txp-columntable td.column:last-child,
#page-form .txp-columntable
td.column:first-child,
#page-form .txp-columntable td.column:last-child {
width: 25%;
}
#page-css .txp-columntable td.column:last-child {
width:
25%;
}
.edit-title {
margin: .30769230769231em 0 1em;
}
#page-page
textarea.code,
#page-form textarea.code,
#page-css textarea.code {
height: 34.4615384615385em;
}
.copy-as {
line-height:
2;
}
#content_switcher .form-list-action,
#content_switcher .destroy {
float: right;
margin-left: 1em;
}
.form-list-group {
margin-bottom:
1em;
border-bottom: 1px solid #dddddd;
}
.form-list .plain-list {
margin: 0 -1em;
border-right: 1px solid #dddddd;
border-left: 1px solid
#dddddd;
}
.form-list .plain-list li {
border-top: 1px solid #dddddd;
padding: .38461538461538em .5em .38461538461538em 1em;
}
.form-list
.plain-list li.even {
background: #f7f7f7;
}
.form-list .plain-list
li:first-child {
border-top: 0;
}
/* Admin -> Diagnostics page
==========================================================================
*/
#page-diag textarea {
height: 17.4615384615385em;
}
/* Admin ->
Preferences page
==========================================================================
*/
#page-prefs .txp-list tr td,
#page-prefs .txp-list tr.even td {
height: 1.84615384615385em;
vertical-align: middle;
}
#page-prefs
.txp-list .modified {
color: #999999;
margin-left: .6em;
}
#page-prefs
.txp-list .pref-heading {
border-top: 1px solid #dddddd;
border-right:
1px solid #d0d0d0;
border-bottom: 1px solid #c4c4c4;
}
#page-prefs
.txp-list .pref-heading td {
text-shadow: 1px 1px 0 rgba(255, 255, 255,
0.4);
background-color: #eeeeee;
/* Konqueror */
background-image:
-khtml-gradient(linear, left top, left bottom, from(#eeeeee),
to(#dddddd));
/* Safari4+, Chrome */
background-image:
-webkit-gradient(linear, left top, left bottom, from(#eeeeee),
to(#dddddd));
/* Safari5.1+, Chrome10+ */
background-image:
-webkit-linear-gradient(#eeeeee, #dddddd);
/* Firefox3.6 */
background-image: -moz-linear-gradient(#eeeeee, #dddddd);
/* Opera11.10+
*/
background-image: -o-linear-gradient(#eeeeee, #dddddd);
/* CSS3
Compliant */
background-image: linear-gradient(#eeeeee, #dddddd);
height: auto;
}
#page-prefs .basic .pref-value,
#page-prefs .advanced
.pref-value {
width: 66%;
}
.pref-heading h3 {
font-size: 1em;
margin: 0;
}
#language_control {
text-align: left;
}
#textpack-install
{
width: 50%;
}
/* Admin -> Plugins page
==========================================================================
*/
tr .manage span,
tr .plugin-prefs {
visibility: hidden;
}
tr.active
.manage span,
tr.active .plugin-prefs {
visibility:
visible;
}
#plugin-install {
width: 50%;
}
#plugin-code {
height:
23em;
}
div.code {
margin-bottom: 1em;
border: 1px solid #cccccc;
padding: .15384615384615em .38461538461538em;
height: 21em;
overflow:
auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
/* IE7 box-sizing workaround */
*padding-right:
0;
*padding-left: 0;
}
.plugin-column {
margin: 0 auto;
max-width:
56em;
}
/*
==========================================================================
Additional layout for devices < 769px
==========================================================================
*/
@media only screen and (max-width: 768px) {
/* Layout < 769px
==========================================================================
*/
body {
padding: 4em 1em 0;
min-width: 294px;
}
body#page-setup {
padding: 0 1em 0;
}
/* Header < 769px
==========================================================================
*/
.txp-header {
padding: 0 1em;
min-width: 294px;
}
.txp-header h1 {
max-width: 50%;
padding-left: 2em;
background-image: url("../img/textpattern-sml.png");
}
.svg
.txp-header h1 {
background-image:
url("../img/svg/textpattern-sml.svg");
-webkit-background-size: 2em 2em;
-moz-background-size: 2em 2em;
-o-background-size: 2em 2em;
background-size: 2em 2em;
}
.txp-logout {
right: 1em;
}
/* Navigation < 769px
==========================================================================
*/
/* show <select> version of navigation on small screen widths
*/
.txp-nav-select {
display: inherit;
}
/* hide <ul>
version of navigation on small screen widths */
.txp-nav {
display:
none;
}
/* Typography < 769px
==========================================================================
*/
.text-section {
padding-top: 4em;
background-position: 0
1.69230769230769em;
}
/* Content -> Categories page < 769px
==========================================================================
*/
.category-list th,
.category-list td,
.category-list tr {
display: block;
margin: 0 auto;
max-width: 42em;
}
.category-list td {
width: 100%;
}
.categories > div {
margin: 0 0 1em 0;
}
/* Content -> Write page < 769px
==========================================================================
*/
#page-article .txp-columntable th,
#page-article .txp-columntable
td,
#page-article .txp-columntable tr {
display: block;
}
#article-col-1,
#article-col-2,
#article-main,
#article-tabs {
width: 100%;
margin: 0 auto;
max-width: 42em;
}
#article-col-2
{
clear: left;
}
#article-tabs {
padding: 0 0 1em 0;
height: 1.84615384615385em;
}
.view-mode {
float: left;
margin-right: .8125em;
margin-bottom: 0;
}
#configuration_content,
#tagbuild_links,
#supporting_content {
margin: 0;
}
/* turn off features to optimise small screen size */
#textile_group,
#recent_group {
display: none;
}
/* Presentation
-> Pages, Forms, Styles pages shared < 769px
==========================================================================
*/
#content_switcher {
margin: 0;
}
#page-page .txp-columntable
td.column:first-child,
#page-form .txp-columntable td.column:first-child
{
display: none;
}
#page-page h2,
#page-form h2,
#page-css
h2,
#page-section h2 {
margin-top: 1.625em;
}
#page-page >
tr,
#page-page .txp-columntable td.column,
#page-form > tr,
#page-form .txp-columntable td.column,
#page-css > tr,
#page-css
.txp-columntable td.column,
#page-section > tr,
#page-section
.txp-columntable td.column {
display: block;
margin: 0 auto;
width: 100%;
max-width: 42em;
}
#page-page .txp-columntable
td.column:last-child,
#page-form .txp-columntable td.column:last-child,
#page-css .txp-columntable td.column:last-child,
#page-section
.txp-columntable td.column:last-child {
width: 100%;
}
/* Admin
-> Basic/advanced preferences pages < 769px
==========================================================================
*/
#page-prefs .basic th,
#page-prefs .basic td,
#page-prefs .basic
tr,
#page-prefs .advanced th,
#page-prefs .advanced td,
#page-prefs
.advanced tr {
display: block;
}
#page-prefs .basic tr,
#page-prefs .advanced tr {
border-top: 0;
}
#page-prefs .basic
.pref-value,
#page-prefs .advanced .pref-value {
width: 100%;
}
}
/*
==========================================================================
Additional layout for devices < 546px
==========================================================================
*/
@media only screen and (max-width: 545px) {
body {
padding-top:
7.23076923076923em;
}
#page-login,
#page-logout {
padding-top:
4em;
}
.txp-header {
position: absolute;
}
.txp-header h1 {
max-width: 66%;
}
/* show select version of navigation for smaller
screens (and hide list version) */
.txp-nav-select {
position:
absolute;
top: 2.46153846153846em;
right: 0;
left: 0;
z-index: 10010;
border-top: 1px solid #fffbed;
padding:
.53846153846154em 1em;
background: #fff6d3;
-webkit-box-shadow: 0
0.15385em 0.23077em rgba(0, 0, 0, 0.15);
box-shadow: 0 0.15385em
0.23077em rgba(0, 0, 0, 0.15);
}
.txp-edit,
.txp-login,
.txp-setup
{
width: inherit;
}
.edit-label,
.edit-value,
.login-label,
.login-value {
float: none;
width: 100%;
}
.edit-value input,
.edit-value select,
.login-value input,
.login-value select {
margin-top: 0;
margin-bottom: 0;
}
#article-main #body {
height: 17.4615384615385em;
}
#excerpt {
height:
4.38461538461538em;
}
#page-page textarea.code,
#page-form
textarea.code,
#page-css textarea.code {
height: 17.4615384615385em;
}
/* remove float from txp-navigation elements */
.txp-navigation {
text-align: center;
}
.txp-navigation .pageby {
float: none;
}
.txp-navigation .prev-next {
float: none;
}
.text-column,
.plugin-column {
width: 100%;
}
.progress-meter ol {
display:
block;
margin-bottom: 1em;
}
.progress-meter li {
float: none;
display: block;
margin: 0;
}
.progress-meter li:after {
display: none;
}
}