Is Custom Style Sheet Working?

I'm trying to use a custom style sheet, in order to block ads, but I don't think it works in this version of Safari. (on OS X 10.4, I use a custom CSS file and it works great.) In the Windows beta, it does nothing.
I even tried a simple custom style sheet to hide all images:
img { display: none ! important }
and set that, but all image still display.
So, is it broken??

Cool! That does work.
Except...
I had downloaded the nightly Webkit build for Windows (nightly.webkit.org) - which btw has the nifty "inspect Element" menu item enabled!
But - that doesn't like the custom style sheet - Safari would crash every time I tried to load a page that had some element that would have been blocked. I even tested it with a simple custom stylesheet that just has:
img { display: none ! important };
At least I don't have to wait long to try it with a new Nightly build!

Similar Messages

Custom style sheets

hi,
I want to create custom style sheets which has some new styles that I can specify but these styles use the styles from blaf.xss and i can overwrite the properties of those styles!
I was successful in overwriting the blaf styles but I want to have my own style tags. I just want to have different names because, right now if I want to change the background color of a <rowLayout> I had to use the styleClass="OraBgColorDark" in the <rowLayout> tag which inturn uses the <style name="DarkBackground" > and in my custom.xss i had to overwrite the <style name="DarkBackground" > and provide a property called "background-color" with a certain color that I wanted. But what if did this
<style name="MyColor">
      
      <includeStyle name="OraBgcolorDark">
      <property name="background-color">#FFFFC0</property>
    </style>In the rowLayout i could specify the styleClass like this styleClass="MyColor"!!!
I tried it but didn't get it to work. Can anyone suggest me the possible reasons or how I can reach my goal to have a stylesheet that has its own new tags that i could use?
regards,
raj

please disregard the post. Read the Jdev doc a bit more and found the solution.
regards,
raj

Km/docs/etc/wpceditor/css/runtime/ is using all custom style sheets(runtime

Hello ,
I am using km/docs/etc/wpceditor/css/runtime/File.css for web content where File.css is a custom stylesheet. This works fine. If I upload more than one custom style sheets, all of them are simultaneously used even though am only referencing one style sheet in the custom JSP layout. How can I use only one custom style sheet that I reference in my JSP layout:
<LINK REL="stylesheet" HREF="irj/go/km/docs/etc/wpceditor/css/runtime/File.css" />

Hi Vishal,
Can you be more specific when you said
"But if some styles does not match in that specified css Then it will refer the other css present at runtime folder."
In my case,am using 3 custom style sheets(File1.css, File2.css, File3.css). At run time, all my pages are using all 3 style sheets, even though, I have referenced only one stylesheet in the JSP layout:
<LINK REL="stylesheet" HREF="irj/go/km/docs/etc/wpceditor/css/runtime/File1.css" />
Thanks for your response.

Numbered List and Bulleted List w/ Custom Style Sheet

Hi,
I am a new user to RoboHelp 7, and must say I find it useful
but also painful to use. Currently I’m trying to solve
something that feels like a bug in RoboHelp 7, but before I give in
and accept defeat I wanted to check with the forum.
I have FrameMaker 8, and import the files to RH where I use
them to create WebHelp projects.
Here’s a short procedure:
1. I Import my files with a predefined style sheet matching
the FM styles.
2. I also check the Convert to HTML list option and set all
numbering and bullet styles to User defined.
- After import RH does the usual thing and creates a bunch
of style sheets on its own
3. I select all the files from the Topic List pod and apply a
new custom style sheet. This enables me to have one style sheet for
all the HTML files with the right layout and formatting
4. I generate the output, and RH uses the new style sheet
reference
The resulting HTML files shows that the output is not the
same as the generated HTML shown in RH’s HTML editor view
- Editor view: <li class=”style”>
- Browser view: <li>
6. If I make a change (e.g. add a space) and save the HTML
file, and generate the project again the HTML is correct in the
browser
One could argue that it’s not a big problem; however,
with a large project this is starting to look more like a nightmare
Does anyone know of this problem, and if so can it be fixed?
Kind regards,
Jon

Is this the time when I get really angry at Adobe for creating the worst FrameMaker/RoboHelp integration ever? No! However, I must admit that I'm amazed that they are unable to solve an important feature as conversion of lists from a FrameMaker document to a RoboHelp WebHelp project. When I say conversion I mean a clean conversion with minimal interference from RoboHelp that allows me to use CSS to its full extent.
Here's the problem, and this was also the problem with RoboHelp 7 and FrameMaker 8. BTW, I use standalone versions (not TCS 1 or 2).
Figures: First image depicts FrameMaker 9's Paragraph Designer and the Autonumber format for a paragraph named VizNumbered. Second image depicts the RoboHelp 8's conversion setting.
FrameMaker uses Autonumbering in front of paragraphs to create lists. This means that you in RoboHelp need to manage two formats, the autonumber and the paragraph style.
RoboHelp does of course not (by default) use Autonumbering in front of paragraphs because a RoboHelp WebHelp project is HTML based, and list tags in HTML can perfectly handle any formatting of text etc.
RoboHelp will convert, when "Convert Autonumber to HTML List" is selected, the Autonumber in FrameMaker to a list tag (LI). By default this will generate a list with a lot of margin, font and other CSS properties that tries to simulate the way the list is laid out in the FrameMaker document. In addition to the list tags it will convert the FrameMaker paragraph to a P tag which it inserts within a list tag. The issue you will experience with this is that indentations with the paragraph tag does not align properly between line 1 and 2. At the same time the WebHelp project will not look the same in IE, Firefox or Chrome. That is, Chrome and Firefox will look the same, and IE different. IE has the WYSIWYG feel, but it does not comply well with W3C standards (i.e. using P tags enclosed by LI tags is not a good idea ...).
Selecting "Convert Autonumber to RoboHelp List" does something similar, but is not recommended at all!
So, here's the big question. How can I make sure RoboHelp understands that I ONLY need to define a list tag with a CSS class attribute attached to it?
Today I basically only get the following:
<li><p class=""></p></li> or,
<p class=""></p>
What I want is the following:
<li class=""></li>
Can this be solved with today's versions, can anyone help me, or do I have to wait for the Adobe development team to realize this and to fix it?

How to include custom style sheets in BI 7 WAD (Web Reports)

Hi,
I have WAD in 3.X, where I have used custom stylesheets. Now I need to use the same style sheets of 3.x development in BI 7 WAD.
How do i achieve this?
Regs, Arka

Hi,
Stylesheets cannot be included via the Web Application Designer for BI 7.0 web templates. You need to use the Theme Editor of the Portal instead. Please refer to the documentation:
http://help.sap.com/saphelp_nw70/helpdata/de/f4/bb7a3b688d3c1de10000000a11402f/frameset.htm
Best regards,
Janine

Importing Custom Style Sheets Into UiXML

Is there any documentation on importing custom stylesheets (.css files) into UIXML. Has anyone one done this or know of a workaround if it cannot be done?
Tks,
Booker Northington II

Hi Booker -
Thanks for the clarification. Here is a sample which shows how to import a custom CSS style sheet into a UIX document using the HTMLWebBean:
<?xml version="1.0" encoding="UTF-8"?>
<page xmlns="http://xmlns.oracle.com/uix/controller"
xmlns:ui="http://xmlns.oracle.com/uix/ui"
xmlns:html="http://www.w3.org/TR/REC-html40">
<content>
<document xmlns="http://xmlns.oracle.com/uix/ui">
<metaContainer>
<head>
<contents>
<html:link rel="stylesheet" type="text/css" href="mystyles.css"/>
</contents>
</head>
</metaContainer>
<contents>
<body>
<contents>
<styledText styleClass="myStyle" text="Hello, world!"/>
</contents>
</body>
</contents>
</document>
</content>
</page>
Note: The <html:link> element inserts the HTMLWebBean which references the custom CSS file. We can then use styleClass="whatever" to reference the custom styles.
Andy

Using custom style sheet for UI presentations

Hi...
is there a possibility to use custom stylesheets for UI presentations in BPM ???
if so how do i link the custom stylesheet to my workspace so that i get the desired output on my UI screens.
The only style sheet i see fro UI is fo_style.css

You first will need to import the CSS file into your project. You do this by right clicking on the webResources folder located under the WebRoot branch of your project tree. This will present a short menu to you, and one of the options is Import Resources. Browse to your CSS file and click Open.
Next you need to open your ALBPM Presentation and open the Properties window. Set the CSS Support property to True, and then select the imported CSS file under the CSS Filename property.

Customizing Style sheets in Istore

Hai,
Is there any way to have multiple .css files pointing to the same minisite registered under the programmatic access name 'STORE_STYLE_SHEET'.
if I am trying to do this through Store Administration UI then I get the following error
Error in saving logical to physical mapping
Error in saving logical to physical mapping
ORA-00001: unique constraint (IBE.IBE_DSP_LGL_PHYS_MAP_U2) violated in Package IBE_PhysicalMap_GRP Procedure save_physicalmap
Mapping for site 10040 and all languages exists already exists for deliverable 7473
any help appreciated
thanks
pradeep.

Two separate issues:
Netscape references
Instead of "first and foremost" Netscape code, is the idea
that the Netscape browser configuration "needs" more code settings
than do the other browsers. Netscape, if you were unaware, has
traditionally set itself apart from other browsers (perhaps a noble
attitude on their part, but definitely a pain for developers and
users over the last dozen years).
Style Sheets
From
XHTML & HTML: The Definitive Guide, C. Musciano & B.
Kennedy: "Neither Netscape Navigator nor Internet Explorer support
multiple <link>ed style sheets as proposed by the CSS2
standard. Instead, they cascade all the <link>ed style
sheets, with rules in later sheets overriding rules in earlier
sheets." Further, "Netscape Navigator [email protected]
Internet Explorer honors the ...@media at-rules, for both
document-level and external sheets."
Seems like your rants might be better directed to the browser
folks, instead of RH.
You don't say what your output is, but if it's WebHelp, you
might be able to accomplish your stated goal by doing some
post-processing work on the output. You'd need a good tool such as
FAR, which can find &
replace multiple lines in your HTM files. You can even set up batch
files to run multiple changes to files.
Good luck,
Leon

Show and Share custom style sheet

Is it possible to install a custom css on Show and Share? How can I do it?
We have our own style sheet con our company's Look&Feel
Thanks
Manuel Blanco
Sent from Cisco Technical Support iPad App

Hi Manuel,
At the moment, the Show and Share allows you to customize colors, background image and company logo.
Installing a custom CSS would be an interesting Enhancement Request, I would recommend you to follow up with your Cisco Account team on this.
Regards,
Marco

New portal theme from a custom style sheet

Hi,
I want to create a portal theme using custom CSS sheets. Is there a possibility?? Any documentstion or other pointers would be helpful.
Thanks,
Vineeth

Hi Vineeth ,
I will recomend you not to do that as there are loads of CSS which consitute and make the theme for the Portal .What, i would recomend is to create a theme using standard portal provided functaionality and then edit the css for giving some special effects.
you can find the CSS at
usr\sap\<sid>\<instance>\j2ee\cluster\server0\apps\sap.com\irj\servlet_jsp\irj\root\portalapps\com.sap.portal.design.portaldesigndata\themes\portal\sap_standard
usr\sap\<sid>\<instance>\j2ee\cluster\server0\apps\sap.com\irj\servlet_jsp\irj\root\portalapps\com.sap.portal.design.urdesigndata\themes\portal\sap_standard
Thanx
Pankaj

How do I make this custom Style property work correctly?

I'm trying to create a CSS style property that expects an
mx:Effect object to be used in a custom AS class. I want to detect
changes being made to the style property and assign the specified
effect to an effect trigger belonging to a child of my custom
component.
Unfortunately, the specified mx:Effect object seems to be
interpreted as a string instead of an mx:Effect object. Can anyone
tell me what I need to correct for this to work as expected?
You can see the compiled example
here
and review the source code below. It fails due to a
"TypeError: Error #1034: Type Coercion failed: cannot convert
"myTestEffect" to mx.effects.Effect.Style" in the custom
components styleChanged function at the bottom of this post.
EffectTest.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="
http://www.adobe.com/2006/mxml"
xmlns:myComps="myComponents.*"
layout="absolute"
viewSourceURL="srcview/index.html"
>
<mx:Fade id="myTestEffect" alphaFrom="0.0" alphaTo="1.0"
duration="1000"/>
<mx:Style>
MyCustomPanel {
testEffect: myTestEffect;
</mx:Style>
<myComps:MyCustomPanel/>
</mx:Application>
myComponents/MyCustomPanel.as:
package myComponents
import mx.containers.Panel;
import mx.effects.Effect;
import mx.controls.Alert;
[Style(name="testEffect", type="mx.effects.Effect",
inherit="no")]
public class MyCustomPanel extends Panel
public function MyCustomPanel()
super();
override public function styleChanged(styleProp:String):void
var allStyles:Boolean = !styleProp || styleProp ==
"styleName";
super.styleChanged(styleProp);
if (allStyles || styleProp == "testEffect")
var theTestEffect:Effect = getStyle("testEffect");
if (theTestEffect)
Alert.show("Effect assignment successful");

Thanks for the quick response! I will definitely take your
advice to work around the problem but your answer leads to more
questions.
I can specify effects via an instance when assigning them to
effect triggers and it works without a problem, as seen below. How
does it handle this at compile time?
<mx:Fade id="rollOverFadeUp" alphaFrom="0.35"
alphaTo="1.0" duration="250"/>
<mx:Fade id="rollOutFadeDown" alphaFrom="1.0"
alphaTo="0.35" duration="250"/>
<mx:Style> // this is an external .css file in my app
TextInput {
rollOverEffect: rollOverFadeUp;
rollOutEffect: rollOutFadeDown;
</mx:Style>

Using custom style sheets in R12

Hi,
I am trying to deploy a solution from Anil Sharma to Restrict user to enter data in CAPS ONLY. http://oracleanil.blogspot.com/2010/10/restrict-user-to-enter-data-in-caps.html
However i am not able to do so. I can't find the file custom.css. But I do find a file called $OA_HTML/cabo/styles/custom.xss. And all css files seems to be in $OA_HTML/cabo/styles/cache/
I tried altering this file like this:
<?xml version="1.0";?>

<styleSheetDocument xmlns="http://bali.us.oracle.com/cabo/ocelot">
<import href="oa.xss";/>
<styleSheet>

<style name=".XXOraFieldUpperCase">
<property name="text-transform">uppercase</property>
</style>

</styleSheet>
</styleSheetDocument>
I noticed that there was generated a new css file under $OA_HTML/cabo/styles/cache/ afterwards.
Then I personalized the css style of my field to be XXOraFieldUpperCase.
But still I am not forced to use Upper case in that field.
Any suggestions?
Thanks JaddaMasa

...but now the following line is found in the file swan-desktop-custom-2_3_6_5-en-ie-windows.css:
.XXOraFieldUpperCase,.xav {text-transform:uppercase}
I hope this is a step in the right direction :-)
--JaddaMasa

11g Custom.CSS Style Sheet issue...is it a bug?

I've created a custom style sheet that we're using to change the graphical elements of our dashboard. I've got everything working and I'm really pleased about how it's looking. Today, I started working on changing the default field attributes. I didn't want to have to go in and change 7-8 elements (font, size, bold, etc) so I used the Custom.CSS file and created new CSS classes that I could easily assign to fields. My thought was that I could go through my whole web-catalog once and apply the CSS to each of the fields, their headers, etc. so that if we wanted to make global changes to formatting later on, I could go and edit the Custom.CSS.
I've run into a slight problem which brings me to the purpose of this post. I have saved the CSS classes into the fields, applied them and saved the changes as the defaults for the fields. Everything works great and the CSS defined styles appear when I create a new report. My concern is that when I create a new report and pull in one of the fields that I have defined and saved the default style, the field no longer shows that it's definition is linked to the Custom.CSS. If I hover over a field in Firebug, it tells me that it's referencing the Custom.CSS, so I know the field is actively referencing the CSS. Shouldn't the field retain the reference to the Custom.CSS when I save the style? Any other developer going into the field will not be able to tell that there is a style sheet that defines the field attributes.
Also, is there a better way to go about applying styling to fields across the board?

Hi Brad
The changes to the file is not done outside of Muse, I know by touching Muse's files from BC will screw things up,
rather it is done from Muse itself by going to the page properties and entering an html code in the header of the page.
Also maybe I should'nt said Locally Published, I meant when exporting the html and viewing it locally.
Regards

Safari 3.0.2 - User Style Sheet not working at all

Well, at least 3.0.2 doesn't crash when using a custom style sheet, nor does it display a Javascript error.
But, that's probably because it doesn't work at all! I tried loading a custom sheet that would block ads, but it didn't work. So I set a test one that should block all images. Doesn't work either.
My test stylesheet consists of:
test.css:
img { display: none ! important; }
and the settings in the preference file are:
(C:\Documents and Settings\me\Application Data\Apple Computer\Safari\WebKitPreferences.plist)
<key>WebKitUserStyleSheetEnabledPreferenceKey</key>
<true/>
<key>WebKitUserStyleSheetLocationPreferenceKey</key>
<string>C:\Documents and Settings\me\My Documents\test.css</string>

Unfortunately, the custom style sheet "feature" is still horribly broken, even in the latest 3.0.3. Setting a file in the preferences still doesn't set the correct URI in the preferences (either that, or Safari still doesn't know how to use a Windows file path to locate the style sheet).
I'm also encountering problems where Safari will crash when using an ad blocking custom stylesheet.
Also, when having the custom stylesheet set, trying to use the "Inspect Element" feature will crash Safari.

Mapping style templates and properties to Actual Style Sheet Classes

I got this response to an email regarding creating a customized style sheet and thought others might find it useful following is my initial question and the response from David Phipps. If anyone else has input to this conversation please join in.
Initial question: I'm trying to create a highly customized style sheet and could use a matrix that maps the various properties to the styles that each property affects. I have had some success determining the specific styles that I would like to change but am unable to use the style mill with any efficacy to make those changes. We are attempting to create a single language style sheet with a unique color scheme that matches our branding. One big problem we have run into is that certain styles are called in multiple places with different backgrounds (i.e. breadcrumbText). Any help along these lines that you could provide would be greatly appreciated.
Response:The CSS style mapping is not terribly satisfying right now; many objects share common CSS styles, which means if you change one tiny thing the whole page changes. We don't have a matrix or spreadsheet or styleguide that lays out the page itself and defines the styles used in each point. However, the stylesheet mill should work for you, and it's possible that what you have going on is a problem with your mill or an incomplete copy of what it generates.
There are 18 styles in the portal currently; you can actually create new styles and populate them, which sounds like the option you are interested in. The mill is just an ANT script that uses the template files in the templates directory and combines them with the property files in the prop-color and prop-text directories.
The prop-text files are per language (10 languages); if you check you'll see the values are all the same right now; the idea is you could change the font names or sizes per-language if you wanted to.
The prop-color files are per style (18 styles). If you want a new set of property values for, say, style 19, you'd add a file called color.19.properties, and the mill would pick that up and generate 190 files (19 styles x 10 languages). It would then add a new line to community-themes.txt, which has a name of each style for each language, based on data it picked up from your new color.19.properties file.
The real secret is that you only add color style elements you want to override. If you want a specific set of styles to always be available, just add them directly to the appropriate template file (in your case, the portal50.template file) without using the @variable@ in place of actual values. Then you're just adding new style overrides that apply everywhere.
Finally, you can add arbitrary new properties to your new prtoperties file and use those in the template:
in portal50.template:
..actionbarPortletBg {background-color: @personal.and.interesting.setting@;}
in color.19.properties:
personal.and.interesting.setting=#ff9900
So the CSS mill is just a glorified text replacement tool.
Remember that the CSS mill works this way:
- Run make_all.bat if you're not sure and want to insure you've remilled everything, otherwise use make_community_css.bat or make_menu.bat to remill only community styles or those for the jsportalmenus dropdown, respectively.
- The resulting files are created in ptimages/tools/cssmill/css
- You have to copy the resulting files by hand to the imageserver CSS location, which is
ptimages/imageserver/plumtree/common/public/css
- You have to forcibly stop and restart your imageserver, be it Apache, Tomcat, IIS, Websphere or whatever; no matter what anyone says the new content won't show up reliably until you restart your imageserver.
You probably know all this and your real problem is the CSS is not specific enough, that is, you can't get individual items to change like you want. We have been working on this, and the new version of the portal will have much more addressable CSS styles, including the ability to specify styles for individual navigation elements, individual pages, and individual portlets. This basically meant rewriting the HTML we generate, of course.
Since you can override and rewrite chunks of our HTML as well using View Overrides, if you're in a jam we can walk you through how to rewrite specific bits of the UI that are causing you trouble - for instance, the code that generates the breadcrumbs itself.
David Phipps
Senior Engineering Manager
Plumtree Software

One way to do this is to give the <body> tag an ID. In a template, you need to make the ID attribute of the <body> tag editable.
You would then have something like this in your style sheet:
#home.oneColFixCtrHdr #container #navigation li,
#services.oneColFixCtrHdr #container #navigation li,
#about.oneColFixCtrHdr #container #navigation li,
#contact.oneColFixCtrHdr #container #navigation li,
#testimonials.oneColFixCtrHdr #container #navigation li,
#links.oneColFixCtrHdr #container #navigation li
background-color:
#66ccFF;
border-bottom-width: 1px;
border-bottom-style:
solid;
border-bottom-color: #FFFFFF;

Is Custom Style Sheet Working?

Similar Messages

Maybe you are looking for