styling

My application is build around AvalonDock, which has quite good Visual Studio 2010 skin (which is much prettier than all the other skins). Now I would like to style the rest of my application to go with it. I'm interested most in following parts: Toolbar - I mostly managed to get the colors right on my own, but the VS toolbars are still prettier. (Context)Menu - VS has the blue menu item focus box replaced with a nice orange one, which gives the application much warmer and friendlier feel. Main window background - this is one thing which AD didn't get right. Are these styles somewhere on the

The new Google Docs UI features cool gray scrollbars. These appear to be regular scrollbars styled with selectors like ::-webkit-scrollbar-thumb . Which is nice and accessible. However, I can't get arrow buttons to appear (circled on the screenshot). Inspector shows no corresponding DOM elements or any special CSS. So the question is, how these custom scrollbars are made, including the arrow buttons? Please check out this fiddle . Edit: So it seems that just not all css rules appear in the Inspector. In particular, you'd need ::-webkit-scrollbar-button:vertical:decrement and ::-webkit

What is the difference between using these two when dealing with text that will never be more than a single line? They both can produce similar results on the screen from what I can see in regards to the elements on top or on the bottom of the element. Why use line-height at all if so? Height would make more sense to use. Edit: An example of this a stylized button created from a div with text inside. This will never be multiline. So would line-height be needed for compatibility reasons? or anything I don't know about? Thanks! height is the vertical measurement of the container. line-height is

I'm trying to theme my app in Android. However, each widget is an excrutiating pain in itself: I have to search for theming that particular widget and then create a style that hopefully derives from same style that widget uses. Of course, answers about theming a particular widget don't always contain info about base style, just the particular colors. So, instead of accepting fish to eat, can you teach me to fish instead? How do I interpret those ObtainStyledAttributes() calls in widget constructors and extract styles from that? How do I recurse that? In particular, can you walk me through

So I was looking at the Android Dev Design site for ICS and all of the apps have these subtitles/section headers: I was wondering if anyone knew the custom styling to achieve labels that look like this. I couldn't find any label Views that looked like this in the Android SDK but I really like the way these look. Thanks in Advance! So this is what I ended up using: <?xml version="1.0" encoding="utf-8"?> <resources xmlns:android="http://schemas.android.com/apk/res/android"> <style name="sectionHeader" parent="android:Widget.Holo.Light.TextView"> <item name="android:drawableBottom">@drawable

I have: <span id="string">12h12m12s</span> and I'm looking to make the h , m and s smaller than the rest of the text. I've heard of the nth-letter pseudo element in css, but it doesn't seem to be working: #string:nth-letter(3), #string:nth-letter(6), #string:nth-letter(9) { font-size: 2em; } I know I could use javascript to parse the string and replace the letter with surrounding span tags and style the tags. However, the string is updated every second and it seems parsing that often would be ressource intensive. Performance-wise, I'd recommend a span hell. <span id="string"><span id="h">12<

My WPF application has a style manager that I have built on blend. My problem is this: I've got a login button that blinks occasionally and i can't figure out how to remove this behavior. Here's the style code for my login box: <Style x:Key="LoginBoxGrid" TargetType="{x:Type Grid}"> <Setter Property="Background"> <Setter.Value> <ImageBrush ImageSource="/Client;component/Assets/images/LoginBox.png" Stretch="None" TileMode="Tile"/> </Setter.Value> </Setter> <Setter Property="Opacity" Value="0.765"/> <Setter Property="Width" Value="411"/> <Setter Property="HorizontalAlignment" Value="Left"/>