Files
wp-krtheme/assets/css/style-ia3-1.0.2.css
2010-09-14 12:01:02 -04:00

175 lines
3.5 KiB
CSS

/**
* Theme Name: iA³
* Theme URI: http://informationarchitects.jp/
* Description: Fixes for the iA³ styles used in version 1.1 and above to enable backwards compatibility with older CSS.
* Author: Information Architects,Inc
* Version: 1.1.A
**/
body {
font-family: 'goudy old style', 'minion pro', 'bell mt', Georgia, 'Hiragino Mincho Pro', serif;
}
@media screen {.formatted .alert {
background: #CC0000;
border: solid .1em #AA0000;
color: #FFF;
padding: .65em
}
.formatted .alert a {
color: #FFF !important
}
.formatted .asideBlock {
font: normal normal 75%/1.5em arial,sans-serif;
left: -26.6666667em;
position: absolute;
width: 25.1666667em
}
.formatted .asideBlock p,.formatted .asideBlock ol,.formatted .asideBlock ul {
font: normal normal 1em/1.5em arial,sans-serif;
margin-bottom: 1.5em
}
.formatted .eStore-product {
background: #EEE;
border: solid .1em #888;
border-top: solid .3em #000;
margin-bottom: 2em;
padding: .9em
}
.formatted .eStore-thumbnail,.formatted .eStore-product-description {
float: left;
margin: 0 !important;
width: 50%
}
.formatted .eStore-thumbnail a {
border: solid .1em #000;
display: block;
margin-right: 1em
}
.formatted .eStore-thumbnail img {
border: none;
display: block;
margin: 0 !important;
padding: 0;
width: 100%
}
.formatted .eStore-product-description input[type=submit] {
font-size: 1em;
margin-top: 1em
}
.formatted img.fullWidth {
margin-left: -20em;
max-width: 58.75em;
width: 58.75em
}
.formatted ul.tile {
clear: left;
margin: 0 0 0 -1.125em;
padding: 0 !important
}
.formatted ul.tile li {
display: block;
float: left;
margin: 0 0 1.5em 1.125em !important;
overflow: hidden;
width: 8.875em
}
.formatted ul.tile a,.formatted ul.tile img {
display: block;
margin-bottom: 0 !important
}
.formatted ul.tile a {
border: solid .1em #888
}
.formatted ul.tile img {
width: 100%
}
.formatted .asideBlock ul.tile {
margin-bottom: 1.5em !important;
margin-left: -1em
}
.formatted .asideBlock ul.tile li {
margin-bottom: 1em !important;
margin-left: 1em !important;
width: 5.58em
}
.formatted .asideBlock ul.tile li:last-child {
clear: left
}
.ielt9 .formatted .asideBlock ul.tile li.lastChild {
clear: left
}
.formatted .eStore-product:after,.formatted ul.tile:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden
}
.ielt9 .formatted .eStore-product,.ielt9 .formatted ul.tile {
zoom: 1
}
}
@media screen and (max-width:1024px) {.formatted .asideBlock {
background: #EEE;
border: solid .1em #D6D6D6;
left: auto;
margin: 0 0 2em;
padding: 1em;
position: relative;
text-shadow: #FFF 0 1px 0;
top: auto;
width: auto
}
.formatted .eStore-product {
background: transparent;
border: none;
margin: 0 0 .75em;
padding: 0 !important
}
.formatted .eStore-product:last-child {
margin-bottom: 0
}
.formatted .eStore-product.lastChild {
margin-bottom: 0
}
.formatted .eStore-thumbnail {
width: 25%
}
.formatted .eStore-product-description {
width: 75%
}
ul.tile li {
float: left;
width: 7.90625em
}
ul.tile li img {
margin: 0 !important
}
.formatted .asideBlock ul.tile {
margin-left: 0 !important
}
.formatted .asideBlock ul.tile li {
margin-bottom: .1em !important;
margin-left: 0 !important;
width: 10%
}
.formatted .asideBlock ul.tile li > a {
border: none;
width: 99.9%
}
}
@media screen and (max-width:595px) {.formatted .eStore-thumbnail,.formatted .eStore-product-description width:50%
}
ul.tile li {
width: 6.09375em
}
}
@media screen and (max-width:479px) {ul.tile li {
width: 8.3125em
}
}