Custom CSS Cursor support in Safari/Webkit

I know the documentation says that custom cursors are not supported, but somehow CursorMania has figured out how to do it.
(The following link is to an ad portal, but this post is not spam)
http://cursormania.smileycentral.com/download/index.jhtml?spu=true&partner=ZCxdm 238&mtid=1&acid=1057619801
Any clue how they did this? I've looked through their code, but don't see anything obvious.

Custom cursors won't work, despite what's implied by that link. It's only a web page using JavaScript to display custom cursors depending on where you place your mouse. They don't work on Mac OS X.
Mulder

Similar Messages

How to change html-css cursor style in Adobe Air?

We all know how to change cursor style in Html pages, of course using css such as,
'cursor: url("move.cur"), move'.
But when I use it in Adobe Air, it will not show the standard cursor style in browser, but the special ones in Adobe. For example, the 'move' cursor shows like a hand(the same with the move hand in Acrobat Reader), not like a crosshair.
I tried to use 'url' option in CSS, but it doesn't work in Adobe Air(I'm sure that it works in html browsers).
I am really confused. And looking forward to your solutions.

Hi flexo222,
Currently Adobe AIR does not support custom CSS cursors and only some of the "default" cursors available in CSS.
You could however use the following ActionScript workaround if you don't need a very complex behavior:
* on mouseOver have the default cursor hidden
* on mouseMove have a custom cursor drawn and positioned via ActionScript
* on mouseOut have the custom cursor hidden and the default cursor shown.
I have attached a sample that should make things clearer. Feel free to ask if there's anything not clear.
Cheers,
Mihai

Why css3 property animate , rotate page in from front not working in safari 5, but animate property is supported in safari 5 and i have used both "-webkit-animation" and "@-webkit-keyframes". Plz if any1 have any solution ? thanks in advance

-webkit-animation: rotatePageInFromRight 1s cubic-bezier(.66,.04,.36,1.03) 1 normal forwards;
@-webkit-keyframes rotatePageInFromRight {
0% {
    -webkit-transform: rotateY(-90deg) translateZ(5em);
          -moz-transform: rotateY(-90deg) translateZ(5em);
          -ms-transform: rotateY(-90deg) translateZ(5em);
          -o-transform: rotateY(-90deg) translateZ(5em);
    transform: rotateY(-90deg) translateZ(5em);
    opacity: 0
30% {
    opacity: 1
100% {
    -webkit-transform: rotateY(0deg) translateZ(0);
          -moz-transform: rotateY(0deg) translateZ(0);
          -ms-transform: rotateY(0deg) translateZ(0);
          -o-transform: rotateY(0deg) translateZ(0);
    transform: rotateY(0deg) translateZ(0);
    opacity: 1

Post in the developer forums instead > Developer Forums: Apple Support Communities
This is the Safari for Mac OS X community.
Be aware, Apple no longer supports Safari 6 for Windows in case you are not aware > Apple apparently kills Windows PC support in Safari 6.0

After deleteing Custom CSS and Custom Functions, cannot get FireFox to recognize audio player. Works in IE and Safari. Site is https and using bluehost.

Using the Genesis Framework on my WordPress site. I can use Safari and IE. However, when I try to use Fire Fox, it will not appear. I deleted all of my Custom CSS and Functions. Still, nothing is working. Contacted bluehost, the representative there was not able to help me out and also emailed CD Baby to see what might work. I am not sure if it is something with my site using HTTPS instead of HTTP of why this is not working? I am told the plugin works on Fire Fox but I cannot for the life of me figure out what's going on. Also changed themes and used Twenty Thirteen among others. Still the same thing. Fire Fox will not work. Tried in Text widget, and pasting on a page, and still not working. IE and Safari it is fine. Do I need to add something else within my site? Thanks ahead of time for any way to solve this situation.

There is mixed active content loaded in an iframe that Firefox is blocking as you can see by the shield icon at the left end of the location/address bar.
*https://developer.mozilla.org/Security/MixedContent
*https://developer.mozilla.org/Tools/Web_Console

Unable to install supporting objects(custom CSS/Images) through SQL

4.2.1
Hi there,
we have a Apex app which uses custom CSS/images loaded into shared objects CSS and image folders respectively. I followed the steps
http://nerd.net.au/29-apex-application-express/general-application/122-include-images-with-supporting-objects-on-apex-export-import
Now, this works fine when we manually import the application through application builder, it "prompts" if we want to install supporting objects, when yes is selected, everything gets installed.
MY problem is we have an automated patching process where the .sql application file gets installed but the supporting objects are not. So I tried bundling the supporting object as a separate .sql file but got an error
Testing options PL/SQL procedure successfully completed. declare * ERROR at line 1: ORA-20001: Package variable g_security_group_id must be set. ORA-06512: at "APEX_040200.WWV_FLOW_IMAGE_API", line 11 ORA-06512: at "APEX_040200.WWV_FLOW_IMAGE_API", line 31 ORA-06512: at
The supporting object is a button. Do I need to set the application id or security group id or something else?
begin
wwv_flow_api.g_varchar2_table := wwv_flow_api.empty_varchar2_table;
wwv_flow_api.g_varchar2_table(1) := '89504E470D0A1A0A0000000D494844520000009600000051080600000030EC5FEE000000097048597300000B1300000B1301009A9C1800000A4D6943435050686F746F73686F70204943432070726F66696C65000078DA9D53775893F7163EDFF7650F56';
wwv_flow_api.g_varchar2_table(2) := '42D8F0B1976C81002223AC08C81059A21092006184101240C585880A561415119C4855C482D50A489D88E2A028B867418A885A8B555C38EE1FDCA7B57D7AEFEDEDFBD7FBBCE79CE7FCCE79CF0F8011122691E6A26A003952853C3AD81F8F4F48C4C9BD80';
wwv_flow_api.g_varchar2_table(3) := '021548E0042010E6CBC26705C50000F00379787E74B03FFC01AF6F00020070D52E2412C7E1FF83BA50265700209100E02212E70B01905200C82E54C81400C81800B053B3640A009400006C797C422200AA0D00ECF4493E0500D8A993DC1700D8A21CA908';
wwv_flow_api.g_varchar2_table(4) := '008D0100992847240240BB00605581522C02C0C200A0AC40222E04C0AE018059B632470280BD0500768E58900F4060008099422CCC0020380200431E13CD03204C03A030D2BFE0A95F7085B8480100C0CB95CD974BD23314B895D01A77F2F0E0E221E2C2';
wwv_flow_api.g_varchar2_table(5) := '6CB142611729106609E4229C979B231348E7034CCE0C00001AF9D1C1FE383F90E7E6E4E1E666E76CEFF4C5A2FE6BF06F223E21F1DFFEBC8C020400104ECFEFDA5FE5E5D60370C701B075BF6BA95B00DA560068DFF95D33DB09A05A0AD07AF98B7938FC40';
wwv_flow_api.g_varchar2_table(6) := '1E9EA150C83C1D1C0A0B0BED2562A1BD30E38B3EFF33E16FE08B7EF6FC401EFEDB7AF000719A4099ADC0A383FD71616E76AE528EE7CB0442316EF7E723FEC7857FFD8E29D1E234B15C2C158AF15889B850224DC779B952914421C995E212E97F32F11F96';
wwv_flow_api.g_varchar2_table(7) := 'FD0993770D00AC864FC04EB607B5CB6CC07EEE01028B0E58D27600407EF32D8C1A0B91001067343279F7000093BFF98F402B0100CD97A4E30000BCE8185CA894174CC608000044A0812AB041070CC114ACC00E9CC11DBCC01702610644400C24C03C1042';
wwv_flow_api.g_varchar2_table(8) := '06E4801C0AA11896411954C03AD804B5B0031AA0119AE110B4C131380DE7E0125C81EB70170660189EC218BC86090441C8081361213A8811628ED822CE0817998E04226148349280A420E988145122C5C872A402A9426A915D4823F22D7214398D5C40FA';
wwv_flow_api.g_varchar2_table(147) := 'A514B7B6B6EA5AADA60B8582EAECEC54511471BD5EE7BEBE3EBF4E108FCA58FE9601580A68199FDAF12F8D1DDB5E3386221ADD8E3AF3CEC772A73505D60820C32BF0238E6DAF5D508DBAFFF2CFACE20C3E9A03E2789F3430B68D6DAF641BF33D8D6D63C0';
wwv_flow_api.g_varchar2_table(148) := '1ADBC68035B68D016B6C1BDBC68035B6BD46B6FF3B0074B1DD40306DC6CD0000000049454E44AE426082';
end;
declare
    l_name   varchar2(255);
begin
    l_name := 'logo.png';
wwv_flow_api.create_or_remove_file(
     p_name=> l_name,
     p_varchar2_table=> wwv_flow_api.g_varchar2_table,
     p_mimetype=> 'image/png',
     p_location=> 'WORKSPACE',
     p_nlang=> '0',
     p_mode=> 'CREATE_OR_REPLACE',
     p_type=> 'IMAGE');
end;
/

Thanks Fac586! I did follow the process on those lines and was able to successfully get the images, application installed. The CSS which just had
body {
     background-color:#000000;
}Was also applied. However, it for some reason does not work. Looks like the CSS is not getting loaded. When I delete the CSS and upload it again through the shared components->CSS folder, it works fine. Not sure what the solution is!
Oh and by the way, thanks a ton for helping everyone!
Cheers,
Ryan

HTML 5 and CSS 3 Support In Dreamweaver CS5

I cannot find any information on this web site about whether and how Dreamweaver CS5 supports HTML 5 and CSS 3. There are lots of other fancy high-end whiz-bang technologies highlighted in CS5, but without support for HTML 5 and CSS 3, Adobe has left a great big hole in the middle of the new Dreamweaver. If I'm going to have to code these by hand, then there's little incentive for me to upgrade from CS4. Adobe may, by this oversight, intend to extend the useful life of Flash, but if this is so it's penny wise and pound foolish. There is much to like about Flash - and much to dislike about how it works on the user side. Leaving these problems unresolved hurts Flash, and leaving HTML 5 and CSS 3 support out of Dreamweaver hurts Dreamweaver. In other words, this is a lose-lose strategy.

Hi Scott
Sorry for the delay in replying, but I turn my internet connection off when working, otherwise I have found I tend to do more research than work.
Media-Queries:
I had viewed the video on the possible implementation of media-queries when it was first released, and in most respects the implementation is as I would expect, but it would be helpful if it was, (in a future development of the use) possible to show a list of 'common' smartphone/handheld devices, (makes/models) within the dreamweaver interface that would be usable with the screen size being used, (possibly as an import from the 'device central' device list as a drop-down list). My reason for asking for this feature is primarily as a time saving feature for the css layouts via media-queries as it would then show the targeted/usable devices in a list, and possibly alleviate the requirement of developing layouts that are not really required.
Video:
At the moment I am using the video feature as you have indicated where possible, and am doing so with the use of IECC's for IE as a fall-back for that browser. I have tried targeting versions if Firefox and Safari that support the video element by testing for it with JavaScript, but I have found this unreliable, possibly when the standard is finalized this may be the better method.
SVG:
I personally have decided to go with svg in preference to canvas. I have seen a few 'wow' factor demo's produced using canvas but as they use cross-compiled java to javascript code they are in reality showing nothing that has not been done before, (If we had 4Ghz processors with multi-core in 1999 similar trial graphics in vml would have worked just as good then, showing my age here!).
My current work-flow with svg is - Inkscape - Modify the code by hand/preview in a browser - copy/past the code into dreamweaver.
The current in-line implementation of svg's in the IE9 preview is where I see the main future of the svg implementations, as this makes using svg's for graphic elements and basic animations much more viable/easier for the average designer/developer, and lets not forget that as it is a vector it is ideal for resizeable background images in fluid/liquid layouts.
I should say here, that I will for the foreseeable future use flash/swf's for more complex animations, as these are still much better quality than anything that can be achieved with svg or canvas.
I would like to see the possibility of using Fireworks for the creation of svg's, and a work flow similar to that available between fireworks and dreamweaver at the moment.
Cache manifest and database:
As you have rightly grouped these two together, (and I cannot really envision a situation that they would not be used so) the situation with these is for me, (when trying to create the code for use) the necessity of 'remembering' what I must include in the cache and the transfer of the data for the database.
Both are probably better explained with a typical scenario -
A new research/development firm has developed the technology and parts to upgrade an autos internal combustion engine to an hydrogen powered engine. However the products list is specific to the motor manufacturers engine type, and to make matters worse the sales department also wishes an off-line version of the demos and parts list to be available to its sales team and customers, (o/k, maybe this is not a typical scenario, but it does demonstrate the usage).
When developing the 'custom' html 5' enabled page I would require the cache manifest to include all necessary javascript/images/videos that would be required for the particular auto manufacturer to be available off-line, and compiling the list must be done at present by hand making it subject to possible errors.
As for the database, (manufacturer specific) this must also be available off-line and updateable by the sales person and customer, as they are not always on-line and no hard-copys of material will be produced, (except when printed by the mechanic).
My solution for me regarding the cache manifest would possibly be a dialogue in dreamweaver that would show all resources associated with the auto manufacturers model type used in the html site. I have used namespaces, (or some form of identifier) for general and model specific javascript, and a model identifying code for images and videos. The dialogue would then allow me to filter the resources required using the namespaces and identifier and include them in the list as required, possibly in much the same way that items are moved from a general list to a more specific list when creating the 'favourites' toolbar in dreamweaver.
The database is on first appearance much simpler, as I would simply download the database using the motor_id as a filter, (yes Scott, you can see where I am going with this ) for those who cannot this would be wrong. You have correctly seen the problem with doing this, but I will explain for those who have not. The sales person and the customer would not see any of the images or videos that have references stored in the database, as these are just references and not the actual images/videos, yes one could use 'BLOB' for storing the items but this is not in my experience a reliable method. What is required is some form of method that would also download these items and place them into the required file position for off-line viewing, (which is what the cache manifest would do).
So I would also require the possibility to add dynamically to the cache manifest from an sql database at the same time as the 'save for off-line' option is generated, (I have experimented with doing this in a similar manner that xml is created from an sql database).
That's it for the html 5.
Accessibility:
For checking I use the firefox accessibility extension and total validator extension first, then the WAVE evaluation tool.
But for Dreamweaver I would like to see the inclusion of the ARIA options as standard, especially when developing 'rich-internet-applications' particularly the aria-live and role options. I often find it interesting in discussions about html 5 where it is seen by many as a 'new' mark-up' language for the web, but rarely seen in the context of helping in accessibility when used correctly. Even the html 5 spec contains a section on using the new mark-up as part of accessibility and how the ARIA roles should be applied, (see - http://www.whatwg.org/specs/web-apps/current-work/multipage/content-models.html#annotation s-for-assistive-technology-products-%28aria%29).
The inclusion of an extra live-view option in dreamweaver that render the page in 'screen reader' mode would also be a possible accessibility checking help. This could be done by simply turning off the background-images 'on-mass' and rendering any items as they would be seen by a screen reader. As most screen readers do now parse JavaScript and css, it would illustrate the problems of using such techniques as light-boxes without using the aria-live role to tell users that the light-box in now the focus of the page.
For anyone who has stayed with this post, my sincere thanks, and any comments on the content would be welcome.
Paula Z

Theming Options for Web Dynpro ABAP/Java - Custom CSS

What options are available for creating a custom CSS for WDA? My project is going towards SAPUI5, and they want to apply the same look and feeavl to their Web Dynpro applications.
I know the Theme Designer is an option - but this customer is running on NW 7.3. Obviously to get the WD CSS to look similar UI5, it will require changing all of the WD selectors.
Finally, we have a 7.4 Sandbox. If I build the theme there, is it backwards compatible to their 7.3 landscape?

UI Theme Designer is the only supported way and it is available for NW 7.3 as well, assuming you are up to date on Support Packages. As long as you create a theme with UI Theme Designer the theme will work in any system that supports the same, there might be small functional and visual differences though depending on the SP levels of the source and target systems. SAP recommendation is to always use the latest version available to create (and consume) themes. You could start by using the Cloud version of UI Theme Designer, export and import into your own system. That said your NW 7.3 system needs to support UI Theme Designer to be able to use custom themes created by it.

Custom CSS Is Crashing Adobe Edge Animate

Below is the HTML and CSS for a basic page, with one style. When I open it in Adobe Edge Animate and then create a shape, and set the class of that shape to "mystyle" it displays fine in the Edge Animate window (except the border style appears missing). However, as soon as I try to move the shape, Edge crashes - consistently every time. If I create a DIV on the page outside of Edge Animate first, and apply the CSS to it, then open the page in Edge, I can move the shape around - but I lose several style options in the Properties panel such as Filters and a couple others.
I'm trying to get a better understanding of what would be the best workflow when trying to use Edge to animate existing web page layouts - creating the animations and DIVs entirely in Edge first then placing the animation into an existing layout, or creating a page layout in something like Dreamweaver (along with all my other custom CSS), then opening it in Edge to animate it.
I saw elsewhere where someone explained how to attach an external style sheet instead. This seems to work without crashing, however I cannot see the rendered style on the stage itself, only when I preview the animation in a browser.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
.mystyle {
          width: 248px;
          height: 200px;
          margin-right: 10px;
          margin-top: 10px;
          float: left;
          border: 1px solid #b6b6b6;
          -moz-border-radius: 20px;
          -webkit-border-radius: 20px;
          border-radius: 20px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          background-color: #ebebeb;
          -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.1), inset 0 0 10px rgba(255,255,255,.75);
          -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.1), inset 0 0 10px rgba(255,255,255,.75);
          box-shadow: 3px 4px 5px rgba(0,0,0,.1), inset 0 0 10px rgba(255,255,255,.75);
          background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d 3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiI HByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0 ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwM mUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+Cjx zdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZ XQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTElIiB zdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9I iNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDY iIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9I jEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
          background-image: -moz-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          background-image: -o-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          background-image: -webkit-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          background-image: linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%);
          overflow: hidden;
</style>
</head>
<body>
</body>
</html>

You could use the styles inside Edge Animate directly in compositionReady. If you have an earlier version of edge for the gradient do:
For example:
sym.$('Stage').css({
'background-image': '-moz-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)',
          'background-image': '-o-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)',
         ' background-image': '-webkit-linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)',
          'background-image': 'linear-gradient(bottom, #ebebeb 0%, #ebebeb 0.27%, #ebebeb 50%, #fff 51%, #d6d6d6 98.93%, #d6d6d6 100%)'
You can add the other properties between the {} with the same format:
'propertyName':'value',
Newer versions of Animate have gradient from color panel.

Responsiveness of forms - custom css

Hi
I notice the forms widths are set to pixel based, which causes problems when embedding forms in responsive designs. when a site is viewed on a smaller device the form breaks over the container that holds it. making the whole form very messy.
There needs to be the ability to have forms that are responsive in todays current web design ability.
I guess this also leads to the ability to have custom CSS styles applied to customise the use of web fonts, and custom form elements. - with ability to use custom css files it would go to solving the issue with making form responsive as we could make use of media queries to deal with such issues.
Adobe you need to make this form web designer friendly rather than non expereinced users, I use these forms because it a great extension to having to search emails trying to find submitted data and can have other users repond to form submissions all from one place.
Please advise on what is already in place to deal with such problems and where Adobe see advancements of formcentral in this area?

Hi,
I believe by responsive, you mean the ability to customize the form on your web page via a customized CSS or api. This is not something we currently support but you can add or vote on feature ideas:
http://forums.adobe.com/community/formscentral?view=idea
If you need to add a new idea click "Create an idea" under "Actions" in the top right.
Thank you for your suggestions and feedback, If you like please provide the link to your html page with the embedded form or send the link to [email protected], a description/steps of the problems that you are facing so we have a better understanding of the issues.
Lucia

FileSystem API support in Safari?

Hi
I was trying to run this filesystem api demo: http://html5-demos.appspot.com/static/filesystem/filer.js/demos/index.html
in Safari. It says browser not supported.
Is Browser FileSystem API supported in Safari? If not will it be supported in future?
- Ambili

Safari (and mobileSafari) rely on WebKit - you may want to check there for hints on future direction and see if you can lobby them accordingly.
http://webkit.org

Sharepoint Master Page Custom CSS not working in IE8.

I am using custom CSS3 for my site master page, which is working on all other browsers(which support CSS3). I also have a fall-back CSS to support the design for IE8, but on loading the classes are not applied.
What could be the possible reason for this? Any resolution or guidance to resolution? Am i missing something in that?

try these linsk:
http://sharepoint.stackexchange.com/questions/72192/masterpage-and-css-are-not-applied-in-ie-8
http://sharepoint.stackexchange.com/questions/77132/custom-css-will-not-work-on-internet-explorer-8
http://sharepoint.aspcode.net/view/635399286724222582121982/masterpage-and-css-are-not-applied-in-ie-8
http://blog.drisgill.com/2009/03/problems-with-ie8-standards-mode.html
http://msdn.microsoft.com/en-us/library/hh781508(v=vs.85).aspx
Please mark as answer if you find it useful else vote for it if it is close to answer..happy sharepointing

Add Custom CSS to SharePoint Foundation 2010

I have SharePoint Foundation 2010. I am trying to use custom CSS to override the out of the box CSS. I have linked my CSS file within the master page a million different ways but nothing seems to work.
Can this be done in Foundation or do I need to purchase Server?

Hi Tory,
How did you add the custom CSS for SharePoint 2010 foundation?
You can upload the CSS file into a library at the SharePoint site collection, then use <SharePoint:CssRegistration name="<% $SPUrl:~SiteCollection/Style Library/Custom/styles.css %>" After="corev4.css" runat="server"/> to include a reference
to your custom CSS file.
In addition, please clear SharePoint cache, and do an IISRESET, then compare the result.
More information, please refer to the links:
http://labs.steveottenad.com/add-custom-css-to-a-sharepoint-2010-site/
http://msdn.microsoft.com/en-us/library/gg447066.aspx
Best Regards,
Wendy
Wendy Li
TechNet Community Support

Is it possible to change the color of a layer of a Customs CSS from an External Style sheet?

Hi,
I have sucessfully link External .css file to my HTML page and able to change the font size of the headlines and the paragraph.
What I am not able to do is to ADD the color my Custom CSS from the External sheet. I have difined the color attribute as a 'Advance'
and gave it the same name "#bigwraper" that is has in my HTML file.
Attached is the color outline of my 'Blank Layout' with colors?
Thank you.
Dreamer101.1

Hi Murray,
I am building a web site on which the entire content would be changed at least daily. The website would have similar design to www.Helium.com
The page will have CCS layout boxes in which different content would be pasted.
To re-phrase my question: I want to know how to change the color of a layer from an external style sheet?
Because my home page 'Sidebar' and colors would be the same for all page, only the content of different pages would be different. If I want to change a color of my web side pages, I need to learn how to do it in one spot through an External Style Sheet.
I am amble to link my external style sheet and to change H1 tag and to give it different colors. But I was not sucess with change the color of a layer on which my content sits around.
I took out the color from my HTML page and gave the same name to the layer in my External Style Sheet with the same color.
Hope my question and the reason I was able to clarify.
cheers,
Dreamer101.1

How Do I Use a SINGLE Custom CSS for My Project?

How do I set a single CSS for a project?
Currently, I have linked (I checked, they are actually linked) FM files. The project is Responsive HTML 5 Single Source Layout. It is set up this way:
Project Files
Each FM file has a folder that contains a CSS, an FPJ, any baggage (PNG, for example) and an HTM.
So, for my project, I have 31 such folders.
Above them is RHStyleMapping.css.
That's it
To map my project to a custom CSS, I did this:
1) Created the custom CSS (let's call it TheSingleCSS-sb01.css) and put it in the same location as RHStyleMapping.css.
2) Right-clicked Responsive HTML5 (Primary Layout) in the Single Source Layouts pane.
3) Selected Properties. The Responsive HTML5 Properties dialog box opens.
4) Click Content, select the Apply to all Topics check box, select CSS, and choose my CSS, TheSingleCSS-sb01.css.
5) Click Save and Generate. Generating happens.
6) When prompted, click View Result.
7) Double-click one of the resulting topics, and choose the HTML tab.
8) Notice the following CSS files are referenced, NOT the one I want:
<link rel="stylesheet" href="Configuration_ChangeWorkflow.css" type="text/css" />
<link rel="stylesheet" href="..\..\RHStyleMapping.css" type="text/css" />
<image>
So:
1) How can I replace 32 individual CSSes with one single custom CSS?
2) Also note that Project Manager does not display my custom CSS, even though it is in the same location as RHStyleMapping.css and referenced in the Properties dialog box.
Thanks all,
Sean

Hi, so as I mentioned before, I have used Apply to all and this doesn't work. The resulting HTML still uses a specific CSS for that one HTML file.
1) I put the CSS I want to use, Sean01.css, in the top level of my project using Windows Explorer.
2) I Save and Generate.
3) But, my settings for styles in the CSS are not used. For example, FM_GlossaryDefinition is defined with a 0 left indent but actually uses a 144pt indent (that mirrors the print FM document and that I do not want).
4) And, you can see from the actual HTML, that the Sean01.css file that I applied to all topics (see the first image) is not referenced. What am I doing wrong?
What am I doing wrong? Again, these are imported FM files; this is not linked.
Thanks,
Sean

Custom CSS-Applying selected background for all the cols in the report

Hi,
I am trying to set a particular background for all the columns in the report(not for all the projects,so that I can avoid option of manually setting background color for complete report.For this I thought custom CSS is best option.So edited custom.css(C:\OBI11g_Middleware\Oracle_BI1\bifoundation\web\app\res\s_blafp\b_mozilla_4) file with below code and went to the Answers-> Criteria->Choose Column->style-> check "Use Custom CSS Class"->MyCell
Code used in custom.css
.MyCell { background-color: #00ff00; font-style:italic; font-weight: bold;}
Somehow I dont see the background color applied to any of the columns in report.Can anyone had successful attempt of this Custom CSS.Thanks in Advance.

I am trying both the solutions.
User 979493,
I started manually writing the code instead of pasting and almost worked.In the mentioned below paths I dont have custom.css file,so I created one and manually entered below code.But does it work for only that particular column and not for all the columns.Is it supposed to work for all the columns or just that column.
For example: I have 2 cols in the report,I used "Use Custom CSS Class" -> MyCell for the first column and when I ran results it shows background color for only col1 and not for col2.I thought this feature will apply background color for all the columns in the report.Please correct me if I am wrong.
custom.css file content:
.MyCell{background-color: #00ff00;font-style:italic;font-weight:bold;}

Custom CSS Cursor support in Safari/Webkit

Similar Messages

Maybe you are looking for