CMSMS 2.0: Stylesheet problem

The place to talk about things that are related to CMS Made simple, but don't fit anywhere else.
Post Reply
pschoenb
Forum Members
Forum Members
Posts: 92
Joined: Sun Jul 15, 2007 1:18 pm

CMSMS 2.0: Stylesheet problem

Post by pschoenb »

Hello,

I have a design that has three stylesheets attached. The generated code looks as follows:

Code: Select all

<link rel="stylesheet" type="text/css" href="http://www.klangexzellenz.de/tmp/cache/stylesheet_combined_7ccc1afafb7c87566982d5b380f2ae92.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.klangexzellenz.de/tmp/cache/stylesheet_combined_7ccc1afafb7c87566982d5b380f2ae92.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.klangexzellenz.de/tmp/cache/stylesheet_combined_7ccc1afafb7c87566982d5b380f2ae92.css" />
(3 times the same combined style sheet)

However, this combined stylesheet only contains the content of the first attached stylesheet, so, two style sheets are missing.

Is this a bug or am I missing something?
Regards,
Patrick
User avatar
Rolf
Power Poster
Power Poster
Posts: 7825
Joined: Wed Apr 23, 2008 7:53 am
Contact:

Re: CMSMS 2.0: Stylesheet problem

Post by Rolf »

And when you uncheck the stylesheet type for each stylesheet in Design Manager?
- + - + - + - + - + - + -
LATEST TUTORIAL AT CMS CAN BE SIMPLE:
Migrating Company Directory module to LISE
- + - + - + - + - + - + -
Image
pschoenb
Forum Members
Forum Members
Posts: 92
Joined: Sun Jul 15, 2007 1:18 pm

Re: CMSMS 2.0: Stylesheet problem

Post by pschoenb »

Rolf wrote:And when you uncheck the stylesheet type for each stylesheet in Design Manager?
What exactly should I uncheck?
Regards,
Patrick
pschoenb
Forum Members
Forum Members
Posts: 92
Joined: Sun Jul 15, 2007 1:18 pm

Re: CMSMS 2.0: Stylesheet problem

Post by pschoenb »

Sometimes, I get only two duplicate stylesheet links and one different link. It is unstable somehow. The third stylesheet is still missing, though.
Regards,
Patrick
pschoenb
Forum Members
Forum Members
Posts: 92
Joined: Sun Jul 15, 2007 1:18 pm

Re: CMSMS 2.0: Stylesheet problem

Post by pschoenb »

I always get at least one duplicated stylesheet link, so at least one attached stylesheet is missing always.

What could be the reason?
Regards,
Patrick
calguy1000
Support Guru
Support Guru
Posts: 8169
Joined: Tue Oct 19, 2004 6:44 pm

Re: CMSMS 2.0: Stylesheet problem

Post by calguy1000 »

The three stylesheet links are the same. This means that the system calculated that the content is exactly the same amongst those stylesheets.

Looks like there was probably something wrong with your database before you upgraded.

So I would suggest:
- double checking the content of all of your stylesheets
- deleting them from the design (this won't delete the stylesheets, just unassociate them from the design)... hit submit
- re-add the stylesheets to the designs and set the media types properly.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
pschoenb
Forum Members
Forum Members
Posts: 92
Joined: Sun Jul 15, 2007 1:18 pm

Re: CMSMS 2.0: Stylesheet problem

Post by pschoenb »

calguy1000 wrote: So I would suggest:
- double checking the content of all of your stylesheets
- deleting them from the design (this won't delete the stylesheets, just unassociate them from the design)... hit submit
- re-add the stylesheets to the designs and set the media types properly.
Tried that already yesterday, didn't help. I found a workaround by adding a fourth dummy stylesheet. However, it is interesting: I still get three links

Code: Select all

<link rel="stylesheet" type="text/css" href="http://www.klangexzellenz.de/tmp/cache
<link rel="stylesheet" type="text/css" href="http://www.klangexzellenz.de/tmp/cache/stylesheet_combined_7ccc1afafb7c87566982d5b380f2ae92.css" media="screen" />
<link rel="stylesheet" type="text/css" href="http://www.klangexzellenz.de/tmp/cache/stylesheet_combined_c344a770784ef73b31933bd166cd8913.css" media="all" />
<link rel="stylesheet" type="text/css" href="http://www.klangexzellenz.de/tmp/cache/stylesheet_combined_8c1ca5c4d7c3d7807dbaa5078bf5b45a.css" />
Their content is worth noting:

Code: Select all

/* cmsms stylesheet: Accessibility and cross-browser tools modified: 07.09.2015 11:30:56 */
/* accessibility */
/* menu links accesskeys */
span.accesskey {
	text-decoration: none;
}
/* accessibility divs are hidden by default, text, screenreaders and such will show these */
.accessibility, hr {
/* position set so the rest can be set out side of visual browser viewport */
	position: absolute;
/* takes it out top side */
	top: -999em;
/* takes it out left side */
	left: -999em;
}
/* definition tags are also hidden, these are also used for accessibility menu links */
dfn {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
/* end accessibility */
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #18507C;
/* background image for the link to show wiki style arrow */
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(images/cms/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* clearing */
/* clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item. We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience. Do not edit if you dont know what you are doing*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	height: 0;
	clear: both;
	width: 90%;
	visibility: hidden;
}
#main .clear {
	height: 0;
	clear: right;
	width: 90%;
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
* html .clear {
/* Hides from IE-mac \*/
	height: 1%;
	clear: right;
	width: 90%;
/* End hide from IE-mac */
}
/* end clearing */

Code: Select all

/* cmsms stylesheet: Klangexzellenz responsive modified: 08.09.2015 20:06:20 */
body {
margin: 0 0;
padding: 0;
font-family: Verdana,Tahoma,Arial,sans-serif;
font-size: 110%;
background: #757575 url(/images/elements/bg1.png) top center repeat-y;
}

@media screen and (max-width: 991px) {
    body {
        font-size: 150%;
    }
}

@media screen and (max-width: 767px) {
    body {
        font-size: 175%;
    }
}

#wrap {
background: #eeffff;
color: #303030;
margin: 0 auto;
padding: 0;
max-width: 1024px;
}

#header {
padding: 0;
}

#header > img {
display: block;
width: auto;
max-width: 100%;
}

#links {
background: #04016C;
margin-left: 15px;
padding: 0px;
font-size: 96%;
margin-right: 10px;
box-shadow: 4px 4px 5px #2a5ab2;
min-width: 21%;
width: 22%;
}

@media screen and (max-width: 991px) {
    #links {
        font-size: 125%;
        min-width: 45%;
    }
}

@media screen and (max-width: 767px) {
    #links {
        font-size: 150%;
        min-width: 95.9%;
        box-shadow: none;
    }
}

#links .collapse {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
#links nav {
background-color: #04016C;
border-color: #04016C;
}

.navbar-default .navbar-toggle {
background-color: #04016C;
border-color: #FFD800;
}

.navbar-default .navbar-toggle:focus {
background-color: #04016C;
border-color: #FFD800 !important;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #FFD800;
}

.navbar-default .navbar-toggle:hover {
background-color: #61AFFF;
border-color: #AAAAAA !important;
}

#babel {
padding: 10px 0px 5px 0px;
margin-left: 0px;
text-align: center;
width: 98%;
}

#babel ul {
padding: 0 0 0 8px;
width: 98%;
}

#babel ul li {
display: inline;
padding-left: 4px;
padding-right: 4px;
}

#babel img {
border: 0;
}

#avmenu {
font-size: 112%;
margin-right: 5px;
}

#avmenu ul {
list-style:none;
margin-left: 0;
padding: 0;
}

#avmenu li li {
padding-left: 16px;
}


#avmenu li li li {
padding-left: 32px;
}

#avmenu li a {
padding-left: 8px;
font-weight: bold;
text-decoration: none;
color: #FFD800;
display: block;
padding-top: 6px;
padding-bottom: 2px;
margin-bottom: 4px;
border-bottom: 1px solid #727472;
}

#avmenu li a:hover {
background: #04016C;
border-right: 5px solid #f6d258;
text-shadow: 0px 1px 0px #BCBCBC;
padding-left: 8px;
border-bottom: 1px solid #727472;
}

#avmenu li li a:hover,
#avmenu li li.active a:hover {
background: #04016C;
width: 98%;
}

#avmenu li a p,
#avmenu li li a p {
margin: 0 4px;
}

#avmenu li.active p,
#avmenu li p.active {
font-weight: bold;
font-size: 100%;
color: #04016C;
background: #61AFFF;
padding-top: 6px;
padding-left: 4px;
margin-left: 4px;
padding-bottom: 2px;
margin-top: 0;
margin-bottom: 4px;
width: 97%;
}

#avmenu li li.active p,
#avmenu li li p.active {
font-weight: bold;
font-size: 100%;
color: #04016C;
background: #61AFFF;
padding-top: 6px;
padding-left: 4px;
padding-bottom: 2px;
margin-top: 0;
margin-bottom: 4px;
width: 97%;
}

#rechts {
margin-top: 4px;
margin-bottom: 40px;
margin-left: -8px;
padding-left: 0;
padding-right: 4px;
}

#rechts #news {
float: left;
width: 96%;
font-size: 88%;
line-height: 1.5em;
margin-left: 8px;
margin-right: 0;
margin-top: 12px;
margin-bottom: 5px;
padding: 10px 4px 10px 4px;
color: #505050;
background-color: #d1e2ff;
}

#rechts #news p {
margin: 0 0 0 0;
}

#rechts #news .NewsSummary {
padding-top: 4px;
padding-bottom: 6px;
border-bottom: 1px dashed grey;
}

#rechts #news #NewsPostDetailReturnLink {
padding-top: 8px;
}

#rechts #sharing {
width: 95%;
text-align: center;
margin-right: 6px;
margin-bottom: 6px;
}

#rechts #social {
width: 95%;
text-align: center;
margin-right: 14px;
margin-bottom: 10px;
}

#rechts table.centered,
#rechts table.widecentered {
    text-align: center;
    border: 0;
    border-collapse: collapse;
    margin: auto;
}

#rechts table.centered td {
    padding: 2px;
}

#rechts table.widecentered td {
    padding: 4px 8px;
}

#rechts #audiocation_zertifikat {
width: 107%;
padding-right: 0px;
margin-left: -15px;
margin-bottom: 0px;
color: #505050;
}

#rechts #berkleemusicmastering {
width: 100%;
padding-right: 0px;
margin-bottom: 20px;
color: #505050;
}

#rechts #drlogo {
width: 100%;
margin-bottom: 30px;
text-align: center;
}

.lightblue_box {
background-color: #d1e2ff;
}

#content {
min-height: 800px;
margin: 0 0px 40px 10px;
padding: 5px 14px 10px 0px;
line-height: 1.6em;
text-align: left;
}

#content #NewsPostDetailDate {
margin-top: 10px;
text-align: right;
}

#content #NewsPostDetailTitle {
margin-top: 5px;
padding-top: 0;
color: #970202;
font-size: 1.3em;
line-height: 1.5em;
}

#content #NewsPostDetailSummary {
padding: 12px 0 8px 0;
line-height: 1.3em;
}

#content p {
margin: 0;
padding-top: 10px;
}

#content p.nogap {
margin: 0;
padding-top: 0;
}

#content p.centered {
text-align: center;
}

#content #heading {
padding-bottom: 6px;
}

#content img {
padding: 6px;
}

#content #heading h1 {
font-size: 1.15em;
font-weight: bold;
padding-top: 9px;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1.4em;
}

#content h1 {
font-size: 1.5em;
font-weight: bold;
padding-top: 9px;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1em;
}

#content h1.small {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 0;
line-height: 1.3em;
}

#content h2 {
font-size: 1.2em;
padding-top: 20px;
}

#content h2.small {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 0;
line-height: 1.3em;
}

#content h3 {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 0;
line-height: 1em;
}

#content h4 {
font-weight: bold;
padding-top: 5px;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1em;
}

#content ul, 
#content ol {
margin-top: 0;
padding-top: 0;
}

#content ol + p {
padding-top: 0;
}

#content ul + p {
padding-top: 6px;
}

#content ul li {
padding-top: 8px;
line-height: 1.2em;
list-style-image: url(images/elements/arrow-full.png);
}

#content ol li {
line-height: 1.3em;
padding-top: 8px;
}

#content ul li ul {
padding-left: 20px;
}

#content ul li ul li {
padding-top: 8px;
line-height: 1.1em;
list-style-image: url(images/elements/arrow-hollow.png);
}

#content table {
margin-top: 14px;
margin-bottom: 10px;
line-height: 1.3em;
border-collapse: collapse;
}

#content table td,
#content table th {
padding: 6px 4px;
border-collapse: collapse;
border: 1px solid;
}

#content table.noborder td,
#content table.noborder th {
padding: 6px 4px;
border-collapse: collapse;
border: 0;
}

#content td.centered,
#content tr.centered,
#content th.centered {
text-align: center;
}

#content td.topaligned,
#content tr.centered,
#content th.topaligned {
vertical-align: top;
}

#content td.middlealigned,
#content tr.centered,
#content th.middlealigned {
vertical-align: middle;
}

#content h2 + table {
margin-top: 12px;
margin-bottom: 10px;
}

#content blockquote {
padding: 0 15px 10px 15px;
margin: 15px 0 38px 0;
font-size: 96%;
line-height: 1.5em;
font-style: italic;
background-color: #dedede;
border: 1px solid #999999;
}

#content blockquote p.signature {
text-align: right;
line-height: 1.4em;
}

#flashcontent {
margin: auto;    
}

a {
text-decoration: underline;
color: #286ea0;
}

a:hover {
color: #721F06;
}

#content a.distributor {
font-weight: bold;
text-decoration: underline;
color: #446E44;
}

#content a.distributor:hover {
color: #8CB78C;
}

a:visited {
color: #686868;
}

a img {
border: 0;
}

#footer {
margin: 0 auto;
padding: 10px 0 20px 0;
border-top: 2px dashed #cecece;
width: 96%;
text-align: center;
color: #808080;
font-size: 88%;
}

#content iframe {
border: 0;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}


.bold {
font-weight: bold;
}

.hide {
display: none;
}

.formular label {
display: block;
}

.formular input {
width: 200px;
}

.captcha {
margin: 12px 0 4px 0;
}

img.captchapict {
display: block;
float: left;
padding-right: 20px !important;
}

.formular .cms_textfield input,
.formular input.cms_textfield,
.formular .cms_emailfield,
.formular .cms_textarea {
display: block;
margin: 10px 0 20px 0px;
background-color: #F2FB9F;
}

.submit {
width: 120px;
margin: 12px auto;
}

.error_message {
margin-bottom: 12px;
font-weight: bold;
color: #ff0000;
}


#cookie_consent {
  background: #000;
  position: fixed;
  bottom: 0;
  float: left;
  z-index: 10000000000000;
  width: 100%;
  padding: 30px 0;
  /*filter: alpha(opacity=70);
  opacity: 0.7;*/
}


#cookie_consent p {
  text-align: center;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0 0 10px 0;
  /*filter: alpha(opacity=100);
  opacity: 1;*/
}


#cookie_consent a.accept_cookies {
  margin: 0 5px;
  padding: 5px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #6c0;
}


#cookie_consent a.more_info {
  margin: 0 5px;
  padding: 5px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  background: #ccc;
}

Code: Select all

/* cmsms stylesheet: Klangexzellenz_3_columns_responsive modified: 07.09.2015 11:30:56 */
@media screen and (max-width: 991px) {
    #content.col-sm-6 {
        width: 50%;
    }
}

@media screen and (max-width: 768px) {
    #content.col-xs-12 {
        width: 98%;
        margin-left: 22px;
        padding-right: 22px;
    }
}
@media screen and (min-width: 992px) {
    #content.col-sm-6 {
        width: 49%;
    }
}
/* cmsms stylesheet: Empty modified: 08.09.2015 20:18:30 */
h6 {}
So, the first file contains the first stylesheet, the second file contains the second one, while the third file contains the third and fourth stylesheet.

This smells like a bug, somehow.
Regards,
Patrick
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: CMSMS 2.0: Stylesheet problem

Post by Dr.CSS »

Any chance one or more of them are attached to another template attached to the original theme..?
pschoenb
Forum Members
Forum Members
Posts: 92
Joined: Sun Jul 15, 2007 1:18 pm

Re: CMSMS 2.0: Stylesheet problem

Post by pschoenb »

Dr.CSS wrote:Any chance one or more of them are attached to another template attached to the original theme..?
How do you mean exactly?

The design has just one template and three (or four in the workaround) stylesheets attached. However, two of the three stylesheets are also used in another design.
Regards,
Patrick
pschoenb
Forum Members
Forum Members
Posts: 92
Joined: Sun Jul 15, 2007 1:18 pm

Re: CMSMS 2.0: Stylesheet problem

Post by pschoenb »

It still looks like a bug.
Regards,
Patrick
User avatar
frankmanl
Power Poster
Power Poster
Posts: 425
Joined: Sat Jul 12, 2008 3:50 am

Re: CMSMS 2.0: Stylesheet problem

Post by frankmanl »

I solved a similar problem by clearing the cache.
Post Reply

Return to “The Lounge”