You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

missing CSS files in stand alone demo Created Aug 21, 2010

This thread is solved

Views: 1113     Replies: 4     Last reply Aug 22, 2010  
You must login first before you can use this feature

itdontwork

Posts: 3

Registered:
Aug 21, 2010

missing CSS files in stand alone demo

Posted: Aug 21, 2010

It's a bit tough to make this thing work when the demo page is broken.
http://flowplayer.org/tools/demos/overlay/multiple.htm

I stripped down the page at
http://flowplayer.org/tools/demos/overlay/multiple.html
and by deleting code, find the only reason the above page works is due to "something" in the CSS at
http://static.flowplayer.org/css/global-0.52.css

Too bad the CSS file for the stand alone page is non-existent.

alibby

Posts: 1581

Registered:
Jun 2, 2010

» missing CSS files in stand alone demo

Posted: Aug 21, 2010

Reply to: missing CSS files in stand alone demo, from itdontwork
Hi itdontwork,

Try including this in your code:

.overlay, #overlay {
background-image:url(http://static.flowplayer.org//img/overlay/white.png");
display:none;
padding:40px;
width:576px;
}

body, p, div, a {
font-family:"Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,sans-serif;
font-size:12px;
}

a.close {
background:url(http://static.flowplayer.org//img/overlay/close.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:35px;
position:absolute;
right:5px;
top:2px;
width:35px;
}

a {
color:#295C72;
outline:medium none;
}

h2 {
font-size:22px;
}

h1, h2, h3, h4 {
color:#444444;
font-weight:normal;
margin:35px 0 -5px;
}

button {
-moz-border-radius:10.2em 10.2em 10.2em 10.2em;
-moz-box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.5);
background-color:#5D689A;
border-bottom:0.2em solid #666666;
border-width:1px 1px 0.2em;
color:#FFFFFF;
cursor:pointer;
font-size:1em;
line-height:1;
padding:0.3em 0.6em;
text-shadow:0 0 0.1em #222222;
}

global-0.52.css (line 1106)
button {
font-size:12px;
}

global-0.52.css (line 1092)
:focus, button {}

I had the same problem - adding this seems to fix the CSS issue, and restore it to at least how the demo looks...

itdontwork

Posts: 3

Registered:
Aug 21, 2010

» » missing CSS files in stand alone demo

Posted: Aug 21, 2010

Reply to: » missing CSS files in stand alone demo, from alibby
Thank you for the reply, however it still doesn't work. Having now wasted more than half a day on this, I'll convince my client to stick with proven methods which are less glamorous but work 100% of the time.

alibby

Posts: 1581

Registered:
Jun 2, 2010

» » » missing CSS files in stand alone demo

Posted: Aug 21, 2010

Reply to: » » missing CSS files in stand alone demo, from itdontwork
Hi,

When you say it doesn't work - are you able to provide an example? Do you have a link we can look at, just to see what it is you've done, and see whether I can help get it working for you? The code I posted above came straight out of the global css file; I used Firebug to identify what I needed, based on a working copy of the original demo with the missing CSS file linked in. This didn't take me more than 10-15mins to work out, so I am surprised it hasn't worked for you...

itdontwork

Posts: 3

Registered:
Aug 21, 2010

» » » » missing CSS files in stand alone demo

Posted: Aug 22, 2010

Reply to: » » » missing CSS files in stand alone demo, from alibby
I deleted the code and moved on to other solutions. If the demo at the following link worked and contained all the required code then Problem Solved for most users.
http://flowplayer.org/tools/demos/overlay/multiple.htm

Thanks.