MobileRead Forums - View Single Post - Help with Stylesheets > Content for New User

DolusBonus · 03-30-2017, 05:54 PM

I have struggled to see how to link style from a stylesheet with my content.

For instance, I would like to explain how to bold text from the keyboard and would like my content to look like this:

Name: 2017-03-30_16-40-59.jpg
Views: 342
Size: 1.5 KB

Name: 2017-03-30_16-40-59.jpg
Views: 342
Size: 1.5 KB

Using Firebug I found the code which, if pasted into my ebook in Sigil will produce the results I want:

<kbd class="keyboard-key nowrap" style="border: 1px solid #aaa; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; border-radius: 0.2em; -moz-box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1); -webkit-box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1); box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1); background-color: #f9f9f9; background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee); background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee); background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee); background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee); padding: 0.1em 0.3em; font-family: inherit; font-size: 0.85em;">Ctrl</kbd>

If you have not given up on me, my question is how to format this type of content correctly each time I need to use in the best way. Could someone suggest what is added to my stylesheet, how it is called when needed, etc?

03-30-2017, 05:54 PM	#1
DolusBonus Junior Member Posts: 3 Karma: 10 Join Date: Mar 2012 Location: Republic of Texas Device: Amazon Kindle Keypad	Help with Stylesheets > Content for New User I have struggled to see how to link style from a stylesheet with my content. For instance, I would like to explain how to bold text from the keyboard and would like my content to look like this: Using Firebug I found the code which, if pasted into my ebook in Sigil will produce the results I want: <kbd class="keyboard-key nowrap" style="border: 1px solid #aaa; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; border-radius: 0.2em; -moz-box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1); -webkit-box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1); box-shadow: 0.1em 0.1em 0.2em rgba(0,0,0,0.1); background-color: #f9f9f9; background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee); background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee); background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee); background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee); padding: 0.1em 0.3em; font-family: inherit; font-size: 0.85em;">Ctrl</kbd> If you have not given up on me, my question is how to format this type of content correctly each time I need to use in the best way. Could someone suggest what is added to my stylesheet, how it is called when needed, etc? Last edited by DolusBonus; 03-30-2017 at 05:57 PM.