Free stuff » External style sheets

Here are some free premade style sheets you can use on your page. All have defined site font, link colors and font, style of the horizontal line (insert <hr> when you want to insert a horizontal line), style of the textareas, and a heading (to insert a heading, write <h1> before the heading and </h1> after. Like this: <h1>About me</h1> Copy paste the code in the scoll box, and insert it above all your other HTML code on your hl page.

Style sheet 1:

Dark blue color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #313265
Visited link:		hex: #474991
Hoover link:		hex: #000000
Active link:		hex: #000000
Horizontal line:		hex: #313265
Text area/button:		hex: #A2A3DA. Border: solid 1px. Font: Verdana 8pt black.
Heading:		hex: #363878. Font: Century gothic 11pt. Margin: bottom 0.

Insert this link on the top of your hl code:

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#313265; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#313265; scrollbar-darkshadow-color:#313265; scrollbar-track-color:#313265; scrollbar-arrow-color:#000000; } A:link{color:#313265; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#474991; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #313265 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#A2A3DA; font-family:Verdana; font-size: 8pt;color:#000000 } h1 { font-size:11pt; color:#363878; font-family:Century Gothic; margin-bottom: 0; } h2 { font-size:9pt; color:#363878; font-family:Century Gothic; margin: 0; } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 2:

Purple color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #774478
Visited link:		hex: #8C558D
Hoover link:		hex: #FFFFFF
Active link:		hex: #FFFFFF
Horizontal line:		hex: #774478
Text area/button:		hex: #774478. Border: solid 1px. Font: Verdana 8pt white.
Heading:		hex: #774478. Font: Century gothic 11pt. Margin: bottom 0.

Insert this link on the top of your hl code:

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#774478; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#774478; scrollbar-darkshadow-color:#774478; scrollbar-track-color:#774478; scrollbar-arrow-color:#000000; } A:link{color:#774478; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#8C558D; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#ffffff; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#ffffff; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #774478 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#774478; font-family:Verdana; font-size: 8pt;color:#ffffff } h1 { font-size:11pt; color:#774478; font-family:Georgia; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 3:

Blood red color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #C00000
Visited link:		hex: #C00000
Hoover link:		hex: #000000
Active link:		hex: #000000
Horizontal line:		hex: #C00000
Text area/button:		hex: #C00000. Border: solid 1px. Font: Verdana 8pt black.
Heading:		hex: #774478. Font: Century gothic 11pt. Margin: bottom 0.

Insert this link on the top of your hl code:

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#C00000; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#C00000; scrollbar-darkshadow-color:#C00000; scrollbar-track-color:#000000; scrollbar-arrow-color:#000000; } A:link{color:#C00000; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#C00000; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #C00000 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#C00000; font-family:Verdana; font-size: 8pt;color:#000000 } h1 { font-size:11pt; color:#C00000; font-family:Century Gothic; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 4:

Dark green color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #2D692D
Visited link:		hex: #2D692D
Hoover link:		hex: #000000
Active link:		hex: #000000
Horizontal line:		hex: #2D692D
Text area/button:		hex: #2D692D. Border: solid 1px. Font: Verdana 8pt black.
Heading:		hex: #774478. Font: Century gothic 11pt. Margin: bottom 0.

Insert this link on the top of your hl code:

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#2D692D; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#2D692D; scrollbar-darkshadow-color:#2D692D; scrollbar-track-color:#2D692D; scrollbar-arrow-color:#000000; } A:link{color:#2D692D; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#2D692D; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #2D692D 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#2D692D; font-family:Verdana; font-size: 8pt;color:#000000 } h1 { font-size:11pt; color:#2D692D; font-family:Century Gothic; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 5:

Pink color theme.

Type	Value	Comment
Font size and type:	Georgia 8pt
Link:		hex: #FF66FF
Visited link:		hex: #FF66FF
Hoover link:		hex: #FFFFFF
Active link:		hex: #FFFFFF
Horizontal line:		hex: #2D692D
Text area/button:		hex: #2D692D. Border: solid 1px. Font: Georgia 8pt black.
Heading:		hex: #774478. Font: Georgia 11pt. Margin: bottom 0.

Insert this link on the top of your hl code:

<style type="text/css"> body { font-size:8pt; font-family:Georgia; line-height:11pt; scrollbar-face-color:#FF99FF; scrollbar-shadow-color:#ff99ff; scrollbar-highlight-color:#ff99ff; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#000000; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#000000; } A:link{color:#FF99FF; text-decoration:none; font-family:Georgia; font-size:8pt} A:visited{color:#FF66FF; text-decoration:none; font-family:Georgia; font-size:8pt} A:active{color:#FFFFFF; text-decoration:none; font-family:Georgia; font-size:8pt} A:hover{color:#FFFFFF; text-decoration:none; font-family:Georgia; font-size:8pt} hr { height:0px; width:90%; border: solid #FF99FF 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#FF99FF; font-family:Georgia; font-size: 8pt;color:#000000 } h1 { font-size:11pt; color:#FF99FF; font-family:Georgia; margin-bottom: 0cm } td { font-size:8pt; font-family:Georgia; line-height: 1.5em; } </style>

Style sheet 6:

Yellow color theme.

Type	Value	Comment
Font size and type:	Times new r. 8pt
Link:		hex: #FFFF66
Visited link:		hex: #FFFF66
Hoover link:		hex: #000000
Active link:		hex: #000000
Horizontal line:		hex: #FFFF66
Text area/button:		hex: #FFFF66. Border: solid 1px. Font: Times New Roman 8pt black.
Heading:		hex: #FFFF66. Font: Times New Roman 11pt. Margin: bottom 0.

Insert this link on the top of your hl code:

<style type="text/css"> body { font-size:8pt; font-family:Times new roman; line-height:11pt; scrollbar-face-color:#FFFF66; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#FFFF66; scrollbar-darkshadow-color:#FFFF66; scrollbar-track-color:#FFFF66; scrollbar-arrow-color:#000000; } A:link{color:#FFFF66; text-decoration:none; font-family:Times new roman; font-size:8pt} A:visited{color:#FFFF66; text-decoration:none; font-family:Times new roman; font-size:8pt} A:active{color:#000000; text-decoration:none; font-family:Times new roman; font-size:8pt} A:hover{color:#000000; text-decoration:none; font-family:Times new roman; font-size:8pt} hr { height:0px; width:90%; border: solid #FFFF66 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#FFFF66; font-family:Times new roman; font-size: 8pt;color:#000000 } h1 { font-size:11pt; color:#FFFF66; font-family:Times new roman; margin-bottom: 0cm } td { font-size:8pt; font-family:Times new roman; line-height: 1.5em; } </style>

Style sheet 7:

Light blue color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #99CCFF
Visited link:		hex: #99CCFF
Hoover link:		hex: #000000
Active link:		hex: #000000
Horizontal line:		hex: #99CCFF
Text area/button:		hex: #99CCFF. Border: solid 1px. Font: Verdana 8pt black.
Heading:		hex: #99CCFF. Font: Verdana 11pt. Margin: bottom 0.

Insert this link on the top of your hl code:

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#99CCFF; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#99CCFF; scrollbar-darkshadow-color:#99CCFF; scrollbar-track-color:#99CCFF; scrollbar-arrow-color:#000000; } A:link{color:#99CCFF; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#99CCFF; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #99CCFF 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#99CCFF; font-family:Verdana; font-size: 8pt;color:#000000 } h1 { font-size:11pt; color:#99CCFF; font-family:Verdana; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 8:

White color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #FFFFFF
Visited link:		hex: #FFFFFF
Hoover link:		hex: #E9E9DB
Active link:		hex: #E9E9DB
Horizontal line:		hex: #FFFFFF
Text area/button:		hex: #FFFFFF. Border: solid 1px. Font: Verdana 8pt black.
Heading:		hex: #FFFFFF. Font: Georgia 14pt. Margin: bottom 0.

Insert this link on the top of your hl code:

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#ffffff; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#000000; } A:link{color:#FFFFFF; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#FFFFFF; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#E9E9DB; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#E9E9DB; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #ffffff 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#ffffff; font-family:Verdana; font-size: 8pt;color:#000000 } h1 { font-size:14pt; color:#ffffff; font-family:Georgia; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 9:

Brown color theme.

Type	Value	Comment
Font size and type:	Georgia 8pt
Link:		hex: #4B2923
Visited link:		hex: #4B2923
Hoover link:		hex: #2F1C11
Active link:		hex: #2F1C11
Horizontal line:		hex: #2F1C11
Text area/button:		hex: #2F1C11. Border: solid 1px. Font: Verdana 8pt light brown.
Heading:		hex: #2F1C11. Font: Georgia 14pt. Margin: bottom 0.

Insert this link on the top of your hl code:

<style type="text/css"> body { font-size:8pt; font-family:Georgia; line-height:11pt; scrollbar-face-color:#2F1C11; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#2F1C11; scrollbar-darkshadow-color:#2F1C11; scrollbar-track-color:#2F1C11; scrollbar-arrow-color:#000000; } A:link{color:#4B2923; text-decoration:none; font-family:Georgia; font-size:8pt} A:visited{color:#4B2923; text-decoration:none; font-family:Georgia; font-size:8pt} A:active{color:#2F1C11; text-decoration:none; font-family:Georgia; font-size:8pt} A:hover{color:#2F1C11; text-decoration:none; font-family:Georgia; font-size:8pt} hr { height:0px; width:90%; border: solid #2F1C11 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#2F1C11; font-family:Georgia; font-size: 8pt;color:#D7A097 } h1 { font-size:14pt; color:#2F1C11; font-family:Georgia; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 10:

Beige color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #C0A682
Visited link:		hex: #C0A682
Hoover link:		hex: #000000
Active link:		hex: #000000
Horizontal line:		hex: #C0A682
Text area/button:		hex: #C0A682. Border: solid 1px. Font: Verdana 8pt black.
Heading:		hex: #C0A682. Font: Century Gothic 14pt. Margin: bottom 0.

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#C0A682; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#C0A682; scrollbar-darkshadow-color:#C0A682; scrollbar-track-color:#C0A682; scrollbar-arrow-color:#000000; } A:link{color:#C0A682; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#C0A682; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #C0A682 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#C0A682; font-family:Verdana; font-size: 8pt;color:#000000 } h1 { font-size:14pt; color:#C0A682; font-family:Century Gothic; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 11:

Grey color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #808080
Visited link:		hex: #808080
Hoover link:		hex: #000000
Active link:		hex: #808080
Horizontal line:		hex: #808080
Text area/button:		hex: #000000. Border: solid 1px. Font: Verdana 8pt black.
Heading:		hex: #808080. Font: Georgia 14pt. Margin: bottom 0.

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#808080; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#808080; scrollbar-darkshadow-color:#808080; scrollbar-track-color:#808080; scrollbar-arrow-color:#000000; } A:link{color:#808080; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#808080; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#000000; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #808080 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#808080; font-family:Verdana; font-size: 8pt;color:#000000 } h1 { font-size:14pt; color:#808080; font-family:Georgia; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 12:

Grayish green color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #547A54
Visited link:		hex: #547A54
Hoover link:		hex: #385438
Active link:		hex: #385438
Horizontal line:		hex: #547A54
Text area/button:		hex: #547A54. Border: solid 1px. Font: Verdana 8pt black.
Heading:		hex: #547A54. Font: Georgia 14pt. Margin: bottom 0.

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#547A54; scrollbar-shadow-color:#547A54; scrollbar-highlight-color:#547A54; scrollbar-3dlight-color:#547A54; scrollbar-darkshadow-color:#547A54; scrollbar-track-color:#547A54; scrollbar-arrow-color:#385438; } A:link{color:#547A54; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#547A54; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#385438; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#385438; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #547A54 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#547A54; font-family:Verdana; font-size: 8pt;color:#000000 } h1 { font-size:14pt; color:#547A54; font-family:Georgia; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>

Style sheet 13:

Grayish green color theme.

Type	Value	Comment
Font size and type:	Verdana 8pt
Link:		hex: #8C8DB6
Visited link:		hex: #8C8DB6
Hoover link:		hex: #3C3D62
Active link:		hex: #3C3D62
Horizontal line:		hex: #8C8DB6
Text area/button:		hex: #8C8DB6. Border: solid 1px. Font: Verdana 8pt dark blue.
Heading:		hex: #8C8DB6. Font: Georgia 14pt. Margin: bottom 0.

<style type="text/css"> body { font-size:8pt; font-family:Verdana; line-height:11pt; scrollbar-face-color:#8C8DB6; scrollbar-shadow-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#8C8DB6; scrollbar-darkshadow-color:#8C8DB6; scrollbar-track-color:#8C8DB6; scrollbar-arrow-color:#000000; } A:link{color:#8C8DB6; text-decoration:none; font-family:Verdana; font-size:8pt} A:visited{color:#8C8DB6; text-decoration:none; font-family:Verdana; font-size:8pt} A:active{color:#3C3D62; text-decoration:none; font-family:Verdana; font-size:8pt} A:hover{color:#3C3D62; text-decoration:none; font-family:Verdana; font-size:8pt} hr { height:0px; width:90%; border: solid #8C8DB6 8px; border-top-width: 1px; line-height: 11pt; } input, textarea { border:1px groove #000000; background:#8C8DB6; font-family:Verdana; font-size: 8pt;color:#3C3D62 } h1 { font-size:11pt; color:#8C8DB6; font-family:Georgia; margin-bottom: 0cm } td { font-size:8pt; font-family:Verdana; line-height: 1.5em; } </style>