Embedded CSS


Author Message
Jimmy

Posted: 7/31/2013
Quote message 

Artisteer 4.2 is embedding a boatload of inline styles now. I just opened a new project in FF and looked at the source code.

There's like 500 lines before it gets to the body tag.

What is that all about?

 
Jimmy

Posted: 7/31/2013
Quote message 

<style>.art-content .art-postcontent-0 .layout-item-0 { padding-right: 10px;padding-left: 10px; }
.ie7 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
.ie6 .art-post .art-layout-cell {border:none !important; padding:0 !important; }
.art-slideChugiakWinterPano1alarge0-object1487439711 h1,
.art-slideChugiakWinterPano1alarge0-object1487439711 h2,
.art-slideChugiakWinterPano1alarge0-object1487439711 h3,
.art-slideChugiakWinterPano1alarge0-object1487439711 h4,
.art-slideChugiakWinterPano1alarge0-object1487439711 h5,
.art-slideChugiakWinterPano1alarge0-object1487439711 h6,
.art-slideChugiakWinterPano1alarge0-object1487439711 p,
.art-slideChugiakWinterPano1alarge0-object1487439711 a,
.art-slideChugiakWinterPano1alarge0-object1487439711 ul,
.art-slideChugiakWinterPano1alarge0-object1487439711 ol,
.art-slideChugiakWinterPano1alarge0-object1487439711 li
{
line-height: 100%;
}

.art-slideChugiakWinterPano1alarge0-object1487439711
{
position: absolute;
top: 27px;
left: 47.29%;
margin-left: -159px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
overflow: hidden;
z-index: 1;
width: 337px;
height: 93px;
}

.default-responsive .art-slideChugiakWinterPano1alarge0-object1487439711
{
}

.art-slideChugiakWinterPano1alarge0-object1487439711-text-container
{
display: table;
}

.art-slideChugiakWinterPano1alarge0-object1487439711-text
{
display: table-cell;
outline-style: none;
padding: 0px 0px !important;
height: 93px;
width: 337px;
word-wrap: break-word;
}

.art-slideChugiakWinterPano1alarge0-object1487439711-text,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-rss-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-facebook-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-twitter-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-tumblr-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-pinterest-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-vimeo-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-youtube-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-linkedin-tag-icon
{
font-size: 72px;
font-family: Qwigley, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: left;
vertical-align: top;
text-shadow: 0.7px 0.7px 25px rgb(0, 0, 0), 1.4px 1.4px 25px rgb(0, 0, 0), 2.1px 2.1px 26px rgb(0, 0, 0), 2.8px 2.8px 25px rgb(0, 0, 0), 3.5px 3.5px 25px rgb(0, 0, 0);
color: #FA5705 !important;
}

.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-rss-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-facebook-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-twitter-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-tumblr-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-pinterest-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-vimeo-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-youtube-tag-icon,
.art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-linkedin-tag-icon
{
width: 100%;
}

.default-responsive .art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-rss-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-facebook-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-twitter-tag-icon
.default-responsive .art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-tumblr-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-pinterest-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-vimeo-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-youtube-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge0-object1487439711-text a.art-linkedin-tag-icon
{
width: auto;
}

.art-textblock ul > li
{
background-position-y: 29px !important;
}
.art-slideChugiakWinterPano1alarge1-object708389845 h1,
.art-slideChugiakWinterPano1alarge1-object708389845 h2,
.art-slideChugiakWinterPano1alarge1-object708389845 h3,
.art-slideChugiakWinterPano1alarge1-object708389845 h4,
.art-slideChugiakWinterPano1alarge1-object708389845 h5,
.art-slideChugiakWinterPano1alarge1-object708389845 h6,
.art-slideChugiakWinterPano1alarge1-object708389845 p,
.art-slideChugiakWinterPano1alarge1-object708389845 a,
.art-slideChugiakWinterPano1alarge1-object708389845 ul,
.art-slideChugiakWinterPano1alarge1-object708389845 ol,
.art-slideChugiakWinterPano1alarge1-object708389845 li
{
line-height: 100%;
}

.art-slideChugiakWinterPano1alarge1-object708389845
{
position: absolute;
top: 24px;
left: 46.64%;
margin-left: -138px !important;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
overflow: hidden;
z-index: 1;
width: 297px;
height: 102px;
}

.default-responsive .art-slideChugiakWinterPano1alarge1-object708389845
{
}

.art-slideChugiakWinterPano1alarge1-object708389845-text-container
{
display: table;
}

.art-slideChugiakWinterPano1alarge1-object708389845-text
{
display: table-cell;
outline-style: none;
padding: 0px 0px !important;
height: 102px;
width: 297px;
word-wrap: break-word;
}

.art-slideChugiakWinterPano1alarge1-object708389845-text,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-rss-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-facebook-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-twitter-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-tumblr-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-pinterest-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-vimeo-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-youtube-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-linkedin-tag-icon
{
font-size: 48px;
font-family: 'Lobster Two', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
text-align: left;
vertical-align: middle;
text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
color: #FFFFFF !important;
}

.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-rss-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-facebook-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-twitter-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-tumblr-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-pinterest-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-vimeo-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-youtube-tag-icon,
.art-slideChugiakWinterPano1alarge1-object708389845-text a.art-linkedin-tag-icon
{
width: 100%;
}

.default-responsive .art-slideChugiakWinterPano1alarge1-object708389845-text a.art-rss-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge1-object708389845-text a.art-facebook-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge1-object708389845-text a.art-twitter-tag-icon
.default-responsive .art-slideChugiakWinterPano1alarge1-object708389845-text a.art-tumblr-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge1-object708389845-text a.art-pinterest-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge1-object708389845-text a.art-vimeo-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge1-object708389845-text a.art-youtube-tag-icon,
.default-responsive .art-slideChugiakWinterPano1alarge1-object708389845-text a.art-linkedin-tag-icon
{
width: auto;
}

.art-textblock ul > li
{
background-position-y: 17px !important;
}

.art-slidecontainerChugiakWinterPano1alarge {
position: relative;
width: 743px;
height: 204px;
}

.default-responsive .art-header .art-slidecontainerChugiakWinterPano1alarge,
.responsive .art-header .art-slidecontainerChugiakWinterPano1alarge
{
position: absolute !important;
}

.responsive .art-pageslider .art-slidecontainerChugiakWinterPano1alarge {
position: absolute !important;
}

.art-slidecontainerChugiakWinterPano1alarge .art-slide-item
{

-webkit-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
}



.art-slidecontainerChugiakWinterPano1alarge .art-slide-item {
-webkit-transition: 600ms ease-in-out opacity;
-moz-transition: 600ms ease-in-out opacity;
-ms-transition: 600ms ease-in-out opacity;
-o-transition: 600ms ease-in-out opacity;
transition: 600ms ease-in-out opacity;
position: absolute !important;
display: none;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
}

.art-slidecontainerChugiakWinterPano1alarge .active, .art-slidecontainerChugiakWinterPano1alarge .next, .art-slidecontainerChugiakWinterPano1alarge .prev {
display: block;
}

.art-slidecontainerChugiakWinterPano1alarge .active {
opacity: 1;
}

.art-slidecontainerChugiakWinterPano1alarge .next, .art-slidecontainerChugiakWinterPano1alarge .prev {
width: 100%;
}

.art-slidecontainerChugiakWinterPano1alarge .next.forward, .art-slidecontainerChugiakWinterPano1alarge .prev.back {
opacity: 1;
}

.art-slidecontainerChugiakWinterPano1alarge .active.forward {
opacity: 0;
}

.art-slidecontainerChugiakWinterPano1alarge .active.back {
opacity: 0;
}


.art-slideChugiakWinterPano1alarge0 {
background-image: url('images/slideChugiakWinterPano1alarge0-object1487439711.png'), url('images/slideChugiakWinterPano1alarge0.jpg');
background-size: 45.36% 45.59%, 100% 100%;
background-position: 192px 27px, 0 0;
background-repeat: no-repeat;
}

/* special setup for header/pageslider */
.responsive .art-header .art-slideChugiakWinterPano1alarge0 {
background-image: url('images/slideChugiakWinterPano1alarge0-object1487439711.png'), url('images/slideChugiakWinterPano1alarge0.jpg');
background-size: 45.36% 45.59%, 100% 100%;
background-position: 192px 27px, left top;
background-repeat: no-repeat;
}

.responsive .art-pageslider .art-slideChugiakWinterPano1alarge0 {
background-image: url('images/slideChugiakWinterPano1alarge0-object1487439711.png'), url('images/slideChugiakWinterPano1alarge0.jpg');
background-size: 45.36% 45.59%, 100% 100%;
background-position: 192px 27px, left top;
background-repeat: no-repeat;
}

.default-responsive .art-header .art-slideChugiakWinterPano1alarge0 {
background-image: url('images/slideChugiakWinterPano1alarge0.jpg');
background-size: 100% 100%;
background-position: left top;
background-repeat: no-repeat;
}

.default-responsive .art-pageslider .art-slideChugiakWinterPano1alarge0 {
background-image: url('images/slideChugiakWinterPano1alarge0.jpg');
background-size: 100% 100%;
background-position: left top;
background-repeat: no-repeat;
}.art-slideChugiakWinterPano1alarge1 {
background-image: url('images/slideChugiakWinterPano1alarge1-object708389845.png'), url('images/slideChugiakWinterPano1alarge1.jpg');
background-size: 39.97% 50%, 100% 100%;
background-position: 208px 24px, 0 0;
background-repeat: no-repeat;
}

/* special setup for header/pageslider */
.responsive .art-header .art-slideChugiakWinterPano1alarge1 {
background-image: url('images/slideChugiakWinterPano1alarge1-object708389845.png'), url('images/slideChugiakWinterPano1alarge1.jpg');
background-size: 39.97% 50%, 100% 100%;
background-position: 208px 24px, left top;
background-repeat: no-repeat;
}

.responsive .art-pageslider .art-slideChugiakWinterPano1alarge1 {
background-image: url('images/slideChugiakWinterPano1alarge1-object708389845.png'), url('images/slideChugiakWinterPano1alarge1.jpg');
background-size: 39.97% 50%, 100% 100%;
background-position: 208px 24px, left top;
background-repeat: no-repeat;
}

.default-responsive .art-header .art-slideChugiakWinterPano1alarge1 {
background-image: url('images/slideChugiakWinterPano1alarge1.jpg');
background-size: 100% 100%;
background-position: left top;
background-repeat: no-repeat;
}

.default-responsive .art-pageslider .art-slideChugiakWinterPano1alarge1 {
background-image: url('images/slideChugiakWinterPano1alarge1.jpg');
background-size: 100% 100%;
background-position: left top;
background-repeat: no-repeat;
}

.art-slidenavigatorChugiakWinterPano1alarge {
display: inline-block;
position: absolute;
direction: ltr !important;
top: 180px;
left: 94.08%;
z-index: 101;
line-height: 0 !important;
-webkit-background-origin: border !important;
-moz-background-origin: border !important;
background-origin: border-box !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
white-space: nowrap;
}
.art-slidenavigatorChugiakWinterPano1alarge
{
background: #B9C2CB;background: linear-gradient(top, rgba(232, 235, 238, 0.6) 0, rgba(138, 153, 168, 0.6) 100%) no-repeat;background: -webkit-linear-gradient(top, rgba(232, 235, 238, 0.6) 0, rgba(138, 153, 168, 0.6) 100%) no-repeat;background: -moz-linear-gradient(top, rgba(232, 235, 238, 0.6) 0, rgba(138, 153, 168, 0.6) 100%) no-repeat;background: -o-linear-gradient(top, rgba(232, 235, 238, 0.6) 0, rgba(138, 153, 168, 0.6) 100%) no-repeat;background: -ms-linear-gradient(top, rgba(232, 235, 238, 0.6) 0, rgba(138, 153, 168, 0.6) 100%) no-repeat;background: linear-gradient(top, rgba(232, 235, 238, 0.6) 0, rgba(138, 153, 168, 0.6) 100%) no-repeat;-svg-background: linear-gradient(top, rgba(232, 235, 238, 0.6) 0, rgba(138, 153, 168, 0.6) 100%) no-repeat;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;


padding:7px;





}
.art-slidenavigatorChugiakWinterPano1alarge > a
{
background: #728597;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;



margin:0 10px 0 0;

width: 10px;

height: 10px;
}
.art-slidenavigatorChugiakWinterPano1alarge > a.active
{
background: #FA681E;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;



margin:0 10px 0 0;

width: 10px;

height: 10px;
}
.art-slidenavigatorChugiakWinterPano1alarge > a:hover
{
background: #455B73;
-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;



margin:0 10px 0 0;

width: 10px;

height: 10px;
}

</style>