commit 106c991b489155fcbcb2db13077d44cd97c8f41a Author: root Date: Sun Nov 2 14:14:46 2014 +0100 First commit diff --git a/.htaccess b/.htaccess new file mode 100644 index 0000000..edce8a8 --- /dev/null +++ b/.htaccess @@ -0,0 +1,6 @@ +php_flag display_startup_errors on +php_flag display_errors on +php_flag html_errors on +php_flag log_errors on +php_value error_log /home/silvan/new.openmamba.org.log +php_value error_reporting -1 diff --git a/bbpress.php b/bbpress.php new file mode 100644 index 0000000..1152dd9 --- /dev/null +++ b/bbpress.php @@ -0,0 +1,70 @@ + + +
+ + + + + + + + +
> + + + + +
+ + '' ) ); ?> +
+ + + + + +
+ + + + + + + + +
+ + diff --git a/download.png b/download.png new file mode 100644 index 0000000..ddeb8e4 Binary files /dev/null and b/download.png differ diff --git a/fonts/comfortaa-regular/comfortaa-bold-demo.html b/fonts/comfortaa-regular/comfortaa-bold-demo.html new file mode 100644 index 0000000..06e667f --- /dev/null +++ b/fonts/comfortaa-regular/comfortaa-bold-demo.html @@ -0,0 +1,610 @@ + + + + + + + + + + + + + Comfortaa Bold Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyComfortaa Bold +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ + +
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ + +
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Comfortaa Bold in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Comfortaa Bold in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +



+

 

+

!

!
+

"

"
+

#

#
+

$

$
+

%

%
+

&

&
+

'

'
+

(

(
+

)

)
+

*

*
+

+

+
+

,

,
+

-

-
+

.

.
+

/

/
+

0

0
+

1

1
+

2

2
+

3

3
+

4

4
+

5

5
+

6

6
+

7

7
+

8

8
+

9

9
+

:

:
+

&#59;

;
+

<

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

+

&#8194;

+

&#8195;

+

&#8196;

+

&#8197;

+

&#8198;

+

&#8199;

+

&#8200;

+

&#8201;

+

&#8202;

+

&#8208;

+

&#8209;

+

&#8210;

+

&#8211;

+

&#8212;

+

&#8216;

+

&#8217;

+

&#8218;

+

&#8220;

+

&#8221;

+

&#8222;

+

&#8226;

+

&#8230;

+

&#8239;

+

&#8249;

+

&#8250;

+

&#8287;

+

&#8364;

+

&#8482;

+

&#9724;

+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ + +
+ +
+ +
+ +
+ + diff --git a/fonts/comfortaa-regular/comfortaa-bold-webfont.eot b/fonts/comfortaa-regular/comfortaa-bold-webfont.eot new file mode 100644 index 0000000..1aefcac Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-bold-webfont.eot differ diff --git a/fonts/comfortaa-regular/comfortaa-bold-webfont.svg b/fonts/comfortaa-regular/comfortaa-bold-webfont.svg new file mode 100644 index 0000000..ff6cc4d --- /dev/null +++ b/fonts/comfortaa-regular/comfortaa-bold-webfont.svg @@ -0,0 +1,2365 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/comfortaa-regular/comfortaa-bold-webfont.ttf b/fonts/comfortaa-regular/comfortaa-bold-webfont.ttf new file mode 100644 index 0000000..56170dc Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-bold-webfont.ttf differ diff --git a/fonts/comfortaa-regular/comfortaa-bold-webfont.woff b/fonts/comfortaa-regular/comfortaa-bold-webfont.woff new file mode 100644 index 0000000..43c0ccf Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-bold-webfont.woff differ diff --git a/fonts/comfortaa-regular/comfortaa-bold-webfont.woff2 b/fonts/comfortaa-regular/comfortaa-bold-webfont.woff2 new file mode 100644 index 0000000..0a00bba Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-bold-webfont.woff2 differ diff --git a/fonts/comfortaa-regular/comfortaa-light-demo.html b/fonts/comfortaa-regular/comfortaa-light-demo.html new file mode 100644 index 0000000..3fb987d --- /dev/null +++ b/fonts/comfortaa-regular/comfortaa-light-demo.html @@ -0,0 +1,609 @@ + + + + + + + + + + + + + Comfortaa Light Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyComfortaa Light +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ + +
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ + +
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Comfortaa Light in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Comfortaa Light in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#13;

+

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

+

&#8194;

+

&#8195;

+

&#8196;

+

&#8197;

+

&#8198;

+

&#8199;

+

&#8200;

+

&#8201;

+

&#8202;

+

&#8208;

+

&#8209;

+

&#8210;

+

&#8211;

+

&#8212;

+

&#8216;

+

&#8217;

+

&#8218;

+

&#8220;

+

&#8221;

+

&#8222;

+

&#8226;

+

&#8230;

+

&#8239;

+

&#8249;

+

&#8250;

+

&#8287;

+

&#8364;

+

&#8482;

+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ + +
+ +
+ +
+ +
+ + diff --git a/fonts/comfortaa-regular/comfortaa-light-webfont.eot b/fonts/comfortaa-regular/comfortaa-light-webfont.eot new file mode 100644 index 0000000..a30740d Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-light-webfont.eot differ diff --git a/fonts/comfortaa-regular/comfortaa-light-webfont.svg b/fonts/comfortaa-regular/comfortaa-light-webfont.svg new file mode 100644 index 0000000..b4b41a6 --- /dev/null +++ b/fonts/comfortaa-regular/comfortaa-light-webfont.svg @@ -0,0 +1,2365 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/comfortaa-regular/comfortaa-light-webfont.ttf b/fonts/comfortaa-regular/comfortaa-light-webfont.ttf new file mode 100644 index 0000000..f6006e3 Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-light-webfont.ttf differ diff --git a/fonts/comfortaa-regular/comfortaa-light-webfont.woff b/fonts/comfortaa-regular/comfortaa-light-webfont.woff new file mode 100644 index 0000000..37ccf6d Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-light-webfont.woff differ diff --git a/fonts/comfortaa-regular/comfortaa-light-webfont.woff2 b/fonts/comfortaa-regular/comfortaa-light-webfont.woff2 new file mode 100644 index 0000000..389ae18 Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-light-webfont.woff2 differ diff --git a/fonts/comfortaa-regular/comfortaa-regular-demo.html b/fonts/comfortaa-regular/comfortaa-regular-demo.html new file mode 100644 index 0000000..3b58231 --- /dev/null +++ b/fonts/comfortaa-regular/comfortaa-regular-demo.html @@ -0,0 +1,610 @@ + + + + + + + + + + + + + Comfortaa Regular Specimen + + + + + + +
+ + + +
+ + +
+ +
+
+
AaBb
+
+
+ +
+
A​B​C​D​E​F​G​H​I​J​K​L​M​N​O​P​Q​R​S​T​U​V​W​X​Y​Z​a​b​c​d​e​f​g​h​i​j​k​l​m​n​o​p​q​r​s​t​u​v​w​x​y​z​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​;
+
+
+
+ + + + + + + + + + + + + + + + +
10abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
11abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
12abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
13abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
14abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
16abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
18abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
20abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
24abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
30abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
36abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
48abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
60abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
72abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
90abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ
+ +
+ +
+ + + +
+ + +
+
◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body
body
body
body
+
+ bodyComfortaa Regular +
+
+ bodyArial +
+
+ bodyVerdana +
+
+ bodyGeorgia +
+ + + +
+ + +
+ +
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+ +
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + +
+
+

10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+

18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+ +
+
+ +
+ +
+
+

20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+

24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+ +
+ +
+ +
+
+

30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.

+
+
+ +
+ + + + +
+ +
+ +
+ +
+

Lorem Ipsum Dolor

+

Etiam porta sem malesuada magna mollis euismod

+ + +
+
+
+
+

Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+ + +

Pellentesque ornare sem

+ +

Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

+ +

Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.

+ +

Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.

+ +

Cras mattis consectetur

+ +

Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.

+ +

Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.

+
+ + +
+ +
+ + + + + + +
+
+
+ +

Language Support

+

The subset of Comfortaa Regular in this kit supports the following languages:
+ + Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Swedish

+

Glyph Chart

+

The subset of Comfortaa Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.

+
+ +

&#13;

+

&#32;

+

&#33;

!
+

&#34;

"
+

&#35;

#
+

&#36;

$
+

&#37;

%
+

&#38;

&
+

&#39;

'
+

&#40;

(
+

&#41;

)
+

&#42;

*
+

&#43;

+
+

&#44;

,
+

&#45;

-
+

&#46;

.
+

&#47;

/
+

&#48;

0
+

&#49;

1
+

&#50;

2
+

&#51;

3
+

&#52;

4
+

&#53;

5
+

&#54;

6
+

&#55;

7
+

&#56;

8
+

&#57;

9
+

&#58;

:
+

&#59;

;
+

&#60;

<
+

&#61;

=
+

&#62;

>
+

&#63;

?
+

&#64;

@
+

&#65;

A
+

&#66;

B
+

&#67;

C
+

&#68;

D
+

&#69;

E
+

&#70;

F
+

&#71;

G
+

&#72;

H
+

&#73;

I
+

&#74;

J
+

&#75;

K
+

&#76;

L
+

&#77;

M
+

&#78;

N
+

&#79;

O
+

&#80;

P
+

&#81;

Q
+

&#82;

R
+

&#83;

S
+

&#84;

T
+

&#85;

U
+

&#86;

V
+

&#87;

W
+

&#88;

X
+

&#89;

Y
+

&#90;

Z
+

&#91;

[
+

&#92;

\
+

&#93;

]
+

&#94;

^
+

&#95;

_
+

&#96;

`
+

&#97;

a
+

&#98;

b
+

&#99;

c
+

&#100;

d
+

&#101;

e
+

&#102;

f
+

&#103;

g
+

&#104;

h
+

&#105;

i
+

&#106;

j
+

&#107;

k
+

&#108;

l
+

&#109;

m
+

&#110;

n
+

&#111;

o
+

&#112;

p
+

&#113;

q
+

&#114;

r
+

&#115;

s
+

&#116;

t
+

&#117;

u
+

&#118;

v
+

&#119;

w
+

&#120;

x
+

&#121;

y
+

&#122;

z
+

&#123;

{
+

&#124;

|
+

&#125;

}
+

&#126;

~
+

&#160;

 
+

&#161;

¡
+

&#162;

¢
+

&#163;

£
+

&#164;

¤
+

&#165;

¥
+

&#166;

¦
+

&#167;

§
+

&#168;

¨
+

&#169;

©
+

&#170;

ª
+

&#171;

«
+

&#172;

¬
+

&#173;

­
+

&#174;

®
+

&#175;

¯
+

&#176;

°
+

&#177;

±
+

&#178;

²
+

&#179;

³
+

&#180;

´
+

&#181;

µ
+

&#182;

+

&#183;

·
+

&#184;

¸
+

&#185;

¹
+

&#186;

º
+

&#187;

»
+

&#188;

¼
+

&#189;

½
+

&#190;

¾
+

&#191;

¿
+

&#192;

À
+

&#193;

Á
+

&#194;

Â
+

&#195;

Ã
+

&#196;

Ä
+

&#197;

Å
+

&#198;

Æ
+

&#199;

Ç
+

&#200;

È
+

&#201;

É
+

&#202;

Ê
+

&#203;

Ë
+

&#204;

Ì
+

&#205;

Í
+

&#206;

Î
+

&#207;

Ï
+

&#208;

Ð
+

&#209;

Ñ
+

&#210;

Ò
+

&#211;

Ó
+

&#212;

Ô
+

&#213;

Õ
+

&#214;

Ö
+

&#215;

×
+

&#216;

Ø
+

&#217;

Ù
+

&#218;

Ú
+

&#219;

Û
+

&#220;

Ü
+

&#221;

Ý
+

&#222;

Þ
+

&#223;

ß
+

&#224;

à
+

&#225;

á
+

&#226;

â
+

&#227;

ã
+

&#228;

ä
+

&#229;

å
+

&#230;

æ
+

&#231;

ç
+

&#232;

è
+

&#233;

é
+

&#234;

ê
+

&#235;

ë
+

&#236;

ì
+

&#237;

í
+

&#238;

î
+

&#239;

ï
+

&#240;

ð
+

&#241;

ñ
+

&#242;

ò
+

&#243;

ó
+

&#244;

ô
+

&#245;

õ
+

&#246;

ö
+

&#247;

÷
+

&#248;

ø
+

&#249;

ù
+

&#250;

ú
+

&#251;

û
+

&#252;

ü
+

&#253;

ý
+

&#254;

þ
+

&#255;

ÿ
+

&#338;

Œ
+

&#339;

œ
+

&#376;

Ÿ
+

&#710;

ˆ
+

&#732;

˜
+

&#8192;

 
+

&#8193;

+

&#8194;

+

&#8195;

+

&#8196;

+

&#8197;

+

&#8198;

+

&#8199;

+

&#8200;

+

&#8201;

+

&#8202;

+

&#8208;

+

&#8209;

+

&#8210;

+

&#8211;

+

&#8212;

+

&#8216;

+

&#8217;

+

&#8218;

+

&#8220;

+

&#8221;

+

&#8222;

+

&#8226;

+

&#8230;

+

&#8239;

+

&#8249;

+

&#8250;

+

&#8287;

+

&#8364;

+

&#8482;

+

&#9724;

+
+
+ + +
+
+ + +
+ +
+ +
+
+
+

Installing Webfonts

+ +

Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.

+ +

1. Upload your webfonts

+

You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.

+ +

2. Include the webfont stylesheet

+

A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the Fontspring blog post about it. The code for it is as follows:

+ + + +@font-face{ + font-family: 'MyWebFont'; + src: url('WebFont.eot'); + src: url('WebFont.eot?#iefix') format('embedded-opentype'), + url('WebFont.woff') format('woff'), + url('WebFont.ttf') format('truetype'), + url('WebFont.svg#webfont') format('svg'); +} + + +

We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:

+ <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" /> + +

3. Modify your own stylesheet

+

To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:

+p { font-family: 'WebFont', Arial, sans-serif; } + +

4. Test

+

Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.

+
+ + +
+ +
+ +
+ +
+ + diff --git a/fonts/comfortaa-regular/comfortaa-regular-webfont.eot b/fonts/comfortaa-regular/comfortaa-regular-webfont.eot new file mode 100644 index 0000000..54ea91c Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-regular-webfont.eot differ diff --git a/fonts/comfortaa-regular/comfortaa-regular-webfont.svg b/fonts/comfortaa-regular/comfortaa-regular-webfont.svg new file mode 100644 index 0000000..e9a46cd --- /dev/null +++ b/fonts/comfortaa-regular/comfortaa-regular-webfont.svg @@ -0,0 +1,2365 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/fonts/comfortaa-regular/comfortaa-regular-webfont.ttf b/fonts/comfortaa-regular/comfortaa-regular-webfont.ttf new file mode 100644 index 0000000..bd0a196 Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-regular-webfont.ttf differ diff --git a/fonts/comfortaa-regular/comfortaa-regular-webfont.woff b/fonts/comfortaa-regular/comfortaa-regular-webfont.woff new file mode 100644 index 0000000..f1ccf9e Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-regular-webfont.woff differ diff --git a/fonts/comfortaa-regular/comfortaa-regular-webfont.woff2 b/fonts/comfortaa-regular/comfortaa-regular-webfont.woff2 new file mode 100644 index 0000000..1e412c9 Binary files /dev/null and b/fonts/comfortaa-regular/comfortaa-regular-webfont.woff2 differ diff --git a/fonts/comfortaa-regular/generator_config.txt b/fonts/comfortaa-regular/generator_config.txt new file mode 100644 index 0000000..c71db93 --- /dev/null +++ b/fonts/comfortaa-regular/generator_config.txt @@ -0,0 +1,5 @@ +# Font Squirrel Font-face Generator Configuration File +# Upload this file to the generator to recreate the settings +# you used to create these fonts. + +{"mode":"optimal","formats":["ttf","woff","woff2","eotz"],"tt_instructor":"default","fix_vertical_metrics":"Y","fix_gasp":"xy","add_spaces":"Y","add_hyphens":"Y","fallback":"none","fallback_custom":"100","options_subset":"basic","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","css_stylesheet":"stylesheet.css","filename_suffix":"-webfont","emsquare":"2048","spacing_adjustment":"0"} \ No newline at end of file diff --git a/fonts/comfortaa-regular/specimen_files/easytabs.js b/fonts/comfortaa-regular/specimen_files/easytabs.js new file mode 100644 index 0000000..167f53b --- /dev/null +++ b/fonts/comfortaa-regular/specimen_files/easytabs.js @@ -0,0 +1,7 @@ +(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;} +if(typeof param.defaultContent=="number") +{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;} +$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();} +function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none") +{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}} +$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery); \ No newline at end of file diff --git a/fonts/comfortaa-regular/specimen_files/grid_12-825-55-15.css b/fonts/comfortaa-regular/specimen_files/grid_12-825-55-15.css new file mode 100644 index 0000000..3d6aef7 --- /dev/null +++ b/fonts/comfortaa-regular/specimen_files/grid_12-825-55-15.css @@ -0,0 +1,129 @@ +/*Notes about grid: +Columns: 12 +Grid Width: 825px +Column Width: 55px +Gutter Width: 15px +-------------------------------*/ + + + +.section {margin-bottom: 18px; +} +.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} +.section {*zoom: 1;} + +.section .firstcolumn, +.section .firstcol {margin-left: 0;} + + +/* Border on left hand side of a column. */ +.border { + padding-left: 7px; + margin-left: 7px; + border-left: 1px solid #eee; +} + +/* Border with more whitespace, spans one column. */ +.colborder { + padding-left: 42px; + margin-left: 42px; + border-left: 1px solid #eee; +} + + + +/* The Grid Classes */ +.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12 +{margin-left: 15px;float: left;display: inline; overflow: hidden;} + + +.width1, .grid1, .span-1 {width: 55px;} +.width1_2cols,.grid1_2cols {width: 20px;} +.width1_3cols,.grid1_3cols {width: 8px;} +.width1_4cols,.grid1_4cols {width: 2px;} +.input_width1 {width: 49px;} + +.width2, .grid2, .span-2 {width: 125px;} +.width2_3cols,.grid2_3cols {width: 31px;} +.width2_4cols,.grid2_4cols {width: 20px;} +.input_width2 {width: 119px;} + +.width3, .grid3, .span-3 {width: 195px;} +.width3_2cols,.grid3_2cols {width: 90px;} +.width3_4cols,.grid3_4cols {width: 37px;} +.input_width3 {width: 189px;} + +.width4, .grid4, .span-4 {width: 265px;} +.width4_3cols,.grid4_3cols {width: 78px;} +.input_width4 {width: 259px;} + +.width5, .grid5, .span-5 {width: 335px;} +.width5_2cols,.grid5_2cols {width: 160px;} +.width5_3cols,.grid5_3cols {width: 101px;} +.width5_4cols,.grid5_4cols {width: 72px;} +.input_width5 {width: 329px;} + +.width6, .grid6, .span-6 {width: 405px;} +.width6_4cols,.grid6_4cols {width: 90px;} +.input_width6 {width: 399px;} + +.width7, .grid7, .span-7 {width: 475px;} +.width7_2cols,.grid7_2cols {width: 230px;} +.width7_3cols,.grid7_3cols {width: 148px;} +.width7_4cols,.grid7_4cols {width: 107px;} +.input_width7 {width: 469px;} + +.width8, .grid8, .span-8 {width: 545px;} +.width8_3cols,.grid8_3cols {width: 171px;} +.input_width8 {width: 539px;} + +.width9, .grid9, .span-9 {width: 615px;} +.width9_2cols,.grid9_2cols {width: 300px;} +.width9_4cols,.grid9_4cols {width: 142px;} +.input_width9 {width: 609px;} + +.width10, .grid10, .span-10 {width: 685px;} +.width10_3cols,.grid10_3cols {width: 218px;} +.width10_4cols,.grid10_4cols {width: 160px;} +.input_width10 {width: 679px;} + +.width11, .grid11, .span-11 {width: 755px;} +.width11_2cols,.grid11_2cols {width: 370px;} +.width11_3cols,.grid11_3cols {width: 241px;} +.width11_4cols,.grid11_4cols {width: 177px;} +.input_width11 {width: 749px;} + +.width12, .grid12, .span-12 {width: 825px;} +.input_width12 {width: 819px;} + +/* Subdivided grid spaces */ +.emptycols_left1, .prepend-1 {padding-left: 70px;} +.emptycols_right1, .append-1 {padding-right: 70px;} +.emptycols_left2, .prepend-2 {padding-left: 140px;} +.emptycols_right2, .append-2 {padding-right: 140px;} +.emptycols_left3, .prepend-3 {padding-left: 210px;} +.emptycols_right3, .append-3 {padding-right: 210px;} +.emptycols_left4, .prepend-4 {padding-left: 280px;} +.emptycols_right4, .append-4 {padding-right: 280px;} +.emptycols_left5, .prepend-5 {padding-left: 350px;} +.emptycols_right5, .append-5 {padding-right: 350px;} +.emptycols_left6, .prepend-6 {padding-left: 420px;} +.emptycols_right6, .append-6 {padding-right: 420px;} +.emptycols_left7, .prepend-7 {padding-left: 490px;} +.emptycols_right7, .append-7 {padding-right: 490px;} +.emptycols_left8, .prepend-8 {padding-left: 560px;} +.emptycols_right8, .append-8 {padding-right: 560px;} +.emptycols_left9, .prepend-9 {padding-left: 630px;} +.emptycols_right9, .append-9 {padding-right: 630px;} +.emptycols_left10, .prepend-10 {padding-left: 700px;} +.emptycols_right10, .append-10 {padding-right: 700px;} +.emptycols_left11, .prepend-11 {padding-left: 770px;} +.emptycols_right11, .append-11 {padding-right: 770px;} +.pull-1 {margin-left: -70px;} +.push-1 {margin-right: -70px;margin-left: 18px;float: right;} +.pull-2 {margin-left: -140px;} +.push-2 {margin-right: -140px;margin-left: 18px;float: right;} +.pull-3 {margin-left: -210px;} +.push-3 {margin-right: -210px;margin-left: 18px;float: right;} +.pull-4 {margin-left: -280px;} +.push-4 {margin-right: -280px;margin-left: 18px;float: right;} \ No newline at end of file diff --git a/fonts/comfortaa-regular/specimen_files/specimen_stylesheet.css b/fonts/comfortaa-regular/specimen_files/specimen_stylesheet.css new file mode 100644 index 0000000..aecc43c --- /dev/null +++ b/fonts/comfortaa-regular/specimen_files/specimen_stylesheet.css @@ -0,0 +1,396 @@ +@import url('grid_12-825-55-15.css'); + +/* + CSS Reset by Eric Meyer - Released under Public Domain + http://meyerweb.com/eric/tools/css/reset/ +*/ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, font, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, table, +caption, tbody, tfoot, thead, tr, th, td + {margin: 0;padding: 0;border: 0;outline: 0; + font-size: 100%;vertical-align: baseline; + background: transparent;} +body {line-height: 1;} +ol, ul {list-style: none;} +blockquote, q {quotes: none;} +blockquote:before, blockquote:after, +q:before, q:after {content: ''; content: none;} +:focus {outline: 0;} +ins {text-decoration: none;} +del {text-decoration: line-through;} +table {border-collapse: collapse;border-spacing: 0;} + + + + +body { + color: #000; + background-color: #dcdcdc; +} + +a { + text-decoration: none; + color: #1883ba; +} + +h1{ + font-size: 32px; + font-weight: normal; + font-style: normal; + margin-bottom: 18px; +} + +h2{ + font-size: 18px; +} + +#container { + width: 865px; + margin: 0px auto; +} + + +#header { + padding: 20px; + font-size: 36px; + background-color: #000; + color: #fff; +} + +#header span { + color: #666; +} +#main_content { + background-color: #fff; + padding: 60px 20px 20px; +} + + +#footer p { + margin: 0; + padding-top: 10px; + padding-bottom: 50px; + color: #333; + font: 10px Arial, sans-serif; +} + +.tabs { + width: 100%; + height: 31px; + background-color: #444; +} +.tabs li { + float: left; + margin: 0; + overflow: hidden; + background-color: #444; +} +.tabs li a { + display: block; + color: #fff; + text-decoration: none; + font: bold 11px/11px 'Arial'; + text-transform: uppercase; + padding: 10px 15px; + border-right: 1px solid #fff; +} + +.tabs li a:hover { + background-color: #00b3ff; + +} + +.tabs li.active a { + color: #000; + background-color: #fff; +} + + + +div.huge { + + font-size: 300px; + line-height: 1em; + padding: 0; + letter-spacing: -.02em; + overflow: hidden; +} +div.glyph_range { + font-size: 72px; + line-height: 1.1em; +} + +.size10{ font-size: 10px; } +.size11{ font-size: 11px; } +.size12{ font-size: 12px; } +.size13{ font-size: 13px; } +.size14{ font-size: 14px; } +.size16{ font-size: 16px; } +.size18{ font-size: 18px; } +.size20{ font-size: 20px; } +.size24{ font-size: 24px; } +.size30{ font-size: 30px; } +.size36{ font-size: 36px; } +.size48{ font-size: 48px; } +.size60{ font-size: 60px; } +.size72{ font-size: 72px; } +.size90{ font-size: 90px; } + + +.psample_row1 { height: 120px;} +.psample_row1 { height: 120px;} +.psample_row2 { height: 160px;} +.psample_row3 { height: 160px;} +.psample_row4 { height: 160px;} + +.psample { + overflow: hidden; + position: relative; +} +.psample p { + line-height: 1.3em; + display: block; + overflow: hidden; + margin: 0; +} + +.psample span { + margin-right: .5em; +} + +.white_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==); + position: absolute; + bottom: 0; +} +.black_blend { + width: 100%; + height: 61px; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC); + position: absolute; + bottom: 0; +} +.fullreverse { + background: #000 !important; + color: #fff !important; + margin-left: -20px; + padding-left: 20px; + margin-right: -20px; + padding-right: 20px; + padding: 20px; + margin-bottom:0; +} + + +.sample_table td { + padding-top: 3px; + padding-bottom:5px; + padding-left: 5px; + vertical-align: middle; + line-height: 1.2em; +} + +.sample_table td:first-child { + background-color: #eee; + text-align: right; + padding-right: 5px; + padding-left: 0; + padding: 5px; + font: 11px/12px "Courier New", Courier, mono; +} + +code { + white-space: pre; + background-color: #eee; + display: block; + padding: 10px; + margin-bottom: 18px; + overflow: auto; +} + + +.bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;} + +.box { + padding: 18px; + margin-bottom: 18px; + background: #eee; +} + +.reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;} + +#bodycomparison { + position: relative; + overflow: hidden; + font-size: 72px; + height: 90px; + white-space: nowrap; +} + +#bodycomparison div{ + font-size: 72px; + line-height: 90px; + display: inline; + margin: 0 15px 0 0; + padding: 0; +} + +#bodycomparison div span{ + font: 10px Arial; + position: absolute; + left: 0; +} +#xheight { + float: none; + position: absolute; + color: #d9f3ff; + font-size: 72px; + line-height: 90px; +} + +.fontbody { + position: relative; +} +.arialbody{ + font-family: Arial; + position: relative; +} +.verdanabody{ + font-family: Verdana; + position: relative; +} +.georgiabody{ + font-family: Georgia; + position: relative; +} + +/* @group Layout page + */ + +#layout h1 { + font-size: 36px; + line-height: 42px; + font-weight: normal; + font-style: normal; +} + +#layout h2 { + font-size: 24px; + line-height: 23px; + font-weight: normal; + font-style: normal; +} + +#layout h3 { + font-size: 22px; + line-height: 1.4em; + margin-top: 1em; + font-weight: normal; + font-style: normal; +} + + +#layout p.byline { + font-size: 12px; + margin-top: 18px; + line-height: 12px; + margin-bottom: 0; +} +#layout p { + font-size: 14px; + line-height: 21px; + margin-bottom: .5em; +} + +#layout p.large{ + font-size: 18px; + line-height: 26px; +} + +#layout .sidebar p{ + font-size: 12px; + line-height: 1.4em; +} + +#layout p.caption { + font-size: 10px; + margin-top: -16px; + margin-bottom: 18px; +} + +/* @end */ + +/* @group Glyphs */ + +#glyph_chart div{ + background-color: #d9f3ff; + color: black; + float: left; + font-size: 36px; + height: 1.2em; + line-height: 1.2em; + margin-bottom: 1px; + margin-right: 1px; + text-align: center; + width: 1.2em; + position: relative; + padding: .6em .2em .2em; +} + +#glyph_chart div p { + position: absolute; + left: 0; + top: 0; + display: block; + text-align: center; + font: bold 9px Arial, sans-serif; + background-color: #3a768f; + width: 100%; + color: #fff; + padding: 2px 0; +} + + +#glyphs h1 { + font-family: Arial, sans-serif; +} +/* @end */ + +/* @group Installing */ + +#installing { + font: 13px Arial, sans-serif; +} + +#installing p, +#glyphs p{ + line-height: 1.2em; + margin-bottom: 18px; + font: 13px Arial, sans-serif; +} + + + +#installing h3{ + font-size: 15px; + margin-top: 18px; +} + +/* @end */ + +#rendering h1 { + font-family: Arial, sans-serif; +} +.render_table td { + font: 11px "Courier New", Courier, mono; + vertical-align: middle; +} + + diff --git a/fonts/comfortaa-regular/stylesheet.css b/fonts/comfortaa-regular/stylesheet.css new file mode 100644 index 0000000..96cadfd --- /dev/null +++ b/fonts/comfortaa-regular/stylesheet.css @@ -0,0 +1,48 @@ +/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 11, 2014 */ + + + +@font-face { + font-family: 'comfortaalight'; + src: url('comfortaa-light-webfont.eot'); + src: url('comfortaa-light-webfont.eot?#iefix') format('embedded-opentype'), + url('comfortaa-light-webfont.woff2') format('woff2'), + url('comfortaa-light-webfont.woff') format('woff'), + url('comfortaa-light-webfont.ttf') format('truetype'), + url('comfortaa-light-webfont.svg#comfortaalight') format('svg'); + font-weight: normal; + font-style: normal; + +} + + + + +@font-face { + font-family: 'comfortaabold'; + src: url('comfortaa-bold-webfont.eot'); + src: url('comfortaa-bold-webfont.eot?#iefix') format('embedded-opentype'), + url('comfortaa-bold-webfont.woff2') format('woff2'), + url('comfortaa-bold-webfont.woff') format('woff'), + url('comfortaa-bold-webfont.ttf') format('truetype'), + url('comfortaa-bold-webfont.svg#comfortaabold') format('svg'); + font-weight: normal; + font-style: normal; + +} + + + + +@font-face { + font-family: 'comfortaaregular'; + src: url('comfortaa-regular-webfont.eot'); + src: url('comfortaa-regular-webfont.eot?#iefix') format('embedded-opentype'), + url('comfortaa-regular-webfont.woff2') format('woff2'), + url('comfortaa-regular-webfont.woff') format('woff'), + url('comfortaa-regular-webfont.ttf') format('truetype'), + url('comfortaa-regular-webfont.svg#comfortaaregular') format('svg'); + font-weight: normal; + font-style: normal; + +} \ No newline at end of file diff --git a/functions.php b/functions.php new file mode 100644 index 0000000..17be466 --- /dev/null +++ b/functions.php @@ -0,0 +1,113 @@ +"; + echo "
"; + echo "openmamba $displaymilestone $medium $forword $currarch ($mlword) 
"; + echo ""; + echo _e('File size:').' '.$sizeMedium[$medium.'-'.$currreleasetag.'-'.$lang.'-'.$currarch].'B; '; + echo _e('Date').': '.substr($builddateMedium[$medium.'-'.$currreleasetag.'-'.$lang.'-'.$currarch], + 0, strpos($builddateMedium[$medium.'-'.$currreleasetag.'-'.$lang.'-'.$currarch], ' ')); + echo "; Md5: " . $md5Medium[$medium.'-'.$currreleasetag.'-'.$lang.'-'.$currarch]; + echo ""; +} + +function openmamba_download_func( $atts ) { + $a = shortcode_atts( array( + 'milestone' => 'devel', + 'medium' => 'livedvd', + 'multilang' => '0', + 'archs' => 'x86_64;i586;arm', // bitmask: 1=x86_64 2=i586 3=arm + 'ext' => '.iso' + ), $atts ); + $milestone = $a['milestone']; + $medium = $a['medium']; + $ext = $a['ext']; + $fallbackmilestone = 'milestone2'; + if ("$milestone" == "devel") { + $displaymilestone = "rolling"; + $suffixmilestone = "snapshot"; + } else { + $displaymilestone = "$milestone"; + $suffixmilestone = "$milestone"; + } + $archname = array("x86_64", "i586", "arm"); + $mediaprefix = '/var/ftp/pub/openmamba/media'; + $mediafallbackprefix = '/var/ftp/pub/openmamba/media/milestone2'; + $outputlang = get_bloginfo("language"); + if ("$outputlang" != "it") { + $outputlang = "en"; + $forword = "for"; + $mlword = "multilanguage"; + } else { + $forword = "per"; + $mlword = "multilingue"; + } + print "

openmamba $medium $displaymilestone

"; + + if (file_exists("$mediaprefix/$milestone/$medium/info/description.$outputlang.html.inc")) { + $script_file = "$mediaprefix/$milestone/$medium/info/description.$outputlang.html.inc"; + } else if (file_exists("$mediaprefix/$fallbackmilestone/$medium/info/description.$outputlang.html.inc")) { + $script_file = "$mediaprefix/$fallbackmilestone/$medium/info/description.$outputlang.html.inc"; + } + if ($script_file) { + $file = fopen($script_file, "r"); + while (!feof($file)) { + $b=fread($file,1024); + print $b; + } + fclose($file); + } + reset($archname); + while (list(, $currarch) = each($archname)) { + if (strpos(";".$a['archs'].";",$currarch) == false) continue; + if ($a['multilang']) { + openmamba_download_link($milestone,$medium,$currarch,$ext,$mlword,"en"); + //echo "
 openmamba $milestone $medium $forword $currarch ($mlword)
"; + } else { + openmamba_download_link($milestone,$medium,$currarch,$ext,"italiano","it"); + openmamba_download_link($milestone,$medium,$currarch,$ext,"english","en"); + openmamba_download_link($milestone,$medium,$currarch,$ext,"español","es"); +// echo "
 openmamba $milestone $medium $forword $currarch (Italiano)
"; +// echo "
 openmamba $milestone $medium $forword $currarch (English)
"; +// echo "
 openmamba $milestone $medium $forword $currarch (Español)
"; + } + } + echo "
"; + return; +} +add_shortcode('openmamba_download', 'openmamba_download_func'); + +// bbpress tag cloud +add_filter('widget_tag_cloud_args','set_number_tags'); +function set_number_tags($args) { +$args = array('number' => 10, 'largest' => 20); +return $args; +} + diff --git a/sidebar-top.php b/sidebar-top.php new file mode 100644 index 0000000..acb26e6 --- /dev/null +++ b/sidebar-top.php @@ -0,0 +1,53 @@ + + + +
+"; + if (!is_user_logged_in()) { + echo "".__('Login')." / "; + echo "".__('Register')."  "; + } else { + get_currentuserinfo(); + $a = sprintf( __('Howdy, %1$s'), $current_user->display_name ); + echo "".$a." ".get_avatar( $current_user->ID, 20 )."  "; + } + if ( function_exists ('the_msls' ) ) { echo " "; the_msls(); } + ?> + + + + + + + + + +
+ diff --git a/style.css b/style.css new file mode 100644 index 0000000..3e19436 --- /dev/null +++ b/style.css @@ -0,0 +1,185 @@ +/* + Theme Name: openmamba + Theme URI: http://openmamba.org/ + Description: openmamba theme for wordpress + Author: Cristina Iurissevich, Silvan Calarco + Author URI: http://www.openmamba.org + Template: responsive + Version: 1.0.0 +*/ + + +@import url("../responsive/style.css"); + + +/* =Theme customization starts here +-------------------------------------------------------------- */ + + +body { + font-family: comfortaaregular, Arial, Helvetica, sans-serif; +} + +#featured { + //height: 380px; +} + +.widget-wrapper { + margin: auto; + padding: auto; + height: 160px; +} + +#widgets .widget-title img { + height: 20px; + width: 20px; +} + +#widgets .textwidget { + padding: auto; + font-size: 14px; + text-align: center; +} + +.featured-title { + color: #59b237; +} + +.featured-subtitle { + text-align: right; + font-size: 25px; +} + +.widget-title h3, +.widget-title-home h3 { + font-size: 19px; + text-align: center; + color: #59b237; +} + +/* =Header Menu +-------------------------------------------------------------- */ +.menu { + background-color: #59B237; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7FBB47), to(#59B237)); + background-image: -webkit-linear-gradient(top, #7FBB47, #59B237); + background-image: -moz-linear-gradient(top, #7FBB47, #59B237); + background-image: -ms-linear-gradient(top, #7FBB47, #59B237); + background-image: -o-linear-gradient(top, #7FBB47, #59B237); + background-image: linear-gradient(top, #7FBB47, #59B237); + clear: both; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FBB47, endColorstr=#59B237); + margin: 0 auto; +} + +.menu ul li a:hover, +.menu li li a:hover { + color: #59b237; +} + +.menu a { + border-left: 0px solid #585858; + font-size: 13px; + text-shadow: 0 0 1px #3C3F39; +} + +.menu a:hover { + background-color: #8DC64F; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8DC64F), to(#7fbb47)); + background-image: -webkit-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -moz-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -ms-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -o-linear-gradient(top, #8DC64F, #7fbb47); + background-image: linear-gradient(top, #8DC64F, #7fbb47); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8DC64F, endColorstr=#7fbb47); +} + +ul.menu > li:hover { + background-color: #003300; +} + +.main-nav #responsive_current_menu_item { + display: none; + background-color: #59B237; + color: #c7c7c7; +} + +.front-page .menu .current_page_item a { + background: #000000; + background-color: #000000; + background-image: none; + filter: none; +} + + +/* =Pulsante +-------------------------------------------------------------- */ +a.blue { + border: 2px solid #408a23; + background-color: #59b237; /* Dodger Blue */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbb47), to(#59b237)); + background-image: -webkit-linear-gradient(top, #7fbb47, #59b237); + background-image: -moz-linear-gradient(top, #7fbb47, #59b237); + background-image: -ms-linear-gradient(top, #7fbb47, #59b237); + background-image: -o-linear-gradient(top, #7fbb47, #59b237); + background-image: linear-gradient(top, #7fbb47, #59b237); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fbb47, endColorstr=#59b237); +} + +a.blue:hover { + border: 2px solid #408a23; + background-color: #7fbb47; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8DC64F), to(#7fbb47)); + background-image: -webkit-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -moz-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -ms-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -o-linear-gradient(top, #8DC64F, #7fbb47); + background-image: linear-gradient(top, #8DC64F, #7fbb47); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8DC64F, endColorstr=#7fbb47); +} + +/* =Headings +-------------------------------------------------------------- */ +h1 { + font-size: 2.625em; /* = 42px */ + margin-bottom: .5em; + margin-top: .5em; + color: #59b237; +} + +/* =Links +-------------------------------------------------------------- */ +a { + color: #59b237; + font-weight: 400; + text-decoration: none; +} + +a:hover, +a:focus, +a:active { + color: #000000; + outline: 0; + text-decoration: none; +} + +::selection { + background: #999999; + color: #ffffff; + text-shadow: none; +} + +/* Login links in top right part */ +a.mytoplink { + color: #6F786D; + font-weight: 400; + text-decoration: none; +} + +a.mytoplink:hover, +a.mytoplink:focus, +a.mytoplink:active { + color: #000000; + outline: 0; + text-decoration: none; +} diff --git a/style.css.bak b/style.css.bak new file mode 100644 index 0000000..dde6d4c --- /dev/null +++ b/style.css.bak @@ -0,0 +1,2835 @@ +/* + Theme Name: openmamba + Theme URI: http://openmamba.org/ + Description: openmamba theme for wordpress + Author: Cristina Iurissevich, Silvan Calarco + Author URI: http://www.openmamba.org + Template: responsive + Version: 1.0.0 +*/ + + +@import url("../responsive/style.css"); + + +/* =Theme customization starts here +-------------------------------------------------------------- */ +/* CSS Rules: Sorted alphabetically for better organization. */ + +/* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/ +-------------------------------------------------------------- */ +html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { + border: 0; + font-size: 100%; + font: inherit; + margin: 0; + padding: 0; + vertical-align: baseline; +} + +/*HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { + display: block; +} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + +blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +button, input, select, textarea { + font-size: 100%; + overflow: visible; + margin: 0; + vertical-align: baseline; + width: auto; +} + +textarea { + overflow: auto; + vertical-align: text-top; +} + +/* =Horizontal Rule +-------------------------------------------------------------- */ +hr { + background: #dddddd; + border: none; + clear: both; + color: #dddddd; + float: none; + height: 1px; + width: 100%; +} + +hr.space { + background: #ffffff; + color: #ffffff; +} + +/* =Base +-------------------------------------------------------------- */ +html { + height: 100%; +} + +body { + -moz-font-smoothing: antialiased; + -webkit-font-smoothing: antialiased; + background: #efefef; + color: #555555; + font-family: comfortaaregular, Arial, Helvetica, sans-serif; + font-size: 14px; + font-smoothing: antialiased; + line-height: 1.5em; + text-rendering: optimizeLegibility; +} + +/* =Typography +-------------------------------------------------------------- */ +p { + word-wrap: break-word; +} + +i, +em, +dfn, +cite { + font-style: italic; +} + +tt, +var, +pre, +kbd, +samp, +code { + font-family: monospace, serif; + font-style: normal; +} + +b, +strong { + font-weight: 700; +} + +pre { + -moz-box-sizing: border-box; + -moz-border-radius: 2px; + -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 2px; + -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); + -webkit-box-sizing: border-box; + box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); + box-sizing: border-box; + background: #f4f4f4; + border: 1px solid #aaaaaa; + border-bottom-color: #cccccc; + border-radius: 2px; + height: auto; + margin: 0; + outline: none; + padding: 6px 10px; + vertical-align: middle; + width: 100%; + word-wrap: break-word; + white-space: pre-wrap; +} + +del { + color: #555555; + text-decoration: line-through; +} + +ins, +dfn { + border-bottom: 1px solid #cccccc; +} + +sup, +sub, +small { + font-size: 85%; +} + +abbr, +acronym { + font-size: 85%; + letter-spacing: .1em; + text-transform: uppercase; +} + +a abbr, +a acronym { + border: none; +} + +dfn[title], +abbr[title], +acronym[title] { + border-bottom: 1px solid #cccccc; + cursor: help; +} + +sup { + vertical-align: super; +} + +sub { + vertical-align: sub; +} + +/* =Responsive 12 Column Grid + http://demos.cyberchimps.com/responsivepro/responsive-grid/ +-------------------------------------------------------------- */ +.grid { + float: left; + margin-bottom: 2.127659574468%; + padding-top: 0; +} + +.grid-right { + float: right; + margin-bottom: 2.127659574468%; + padding-top: 0; +} + +.col-60, +.col-140, +.col-220, +.col-300, +.col-380, +.col-460, +.col-540, +.col-620, +.col-700, +.col-780, +.col-860 { + margin-right: 2.127659574468%; +} + +.col-60 { + width: 6.382978723404%; +} + +.col-140 { + width: 14.893617021277%; +} + +.col-220 { + width: 23.404255319149%; +} + +.col-300 { + width: 31.914893617021%; +} + +.col-380 { + width: 40.425531914894%; +} + +.col-460 { + width: 48.936170212766%; +} + +.col-540 { + width: 57.446808510638%; +} + +.col-620 { + width: 65.957446808511%; +} + +.col-700 { + width: 74.468085106383%; +} + +.col-780 { + width: 82.978723404255%; +} + +.col-860 { + width: 91.489361702128%; +} + +.col-940 { + width: 100%; +} + +.fit { + margin-left: 0 !important; + margin-right: 0 !important; +} + +/* =Visibility +-------------------------------------------------------------- */ +.hidden { + visibility: hidden; +} + +.visible { + visibility: visible; +} + +.none { + display: none; +} + +.hide-desktop { + display: none; +} + +.show-desktop { + display: block; +} + +/* =Responsive Images +-------------------------------------------------------------- */ +img { + -ms-interpolation-mode: bicubic; + border: 0; + height: auto; + max-width: 100%; + vertical-align: middle; +} + +.ie8 img { + height: auto; + width: auto\9; +} + +.ie8 img.size-large { + max-width: 60%; + width: auto; +} + +/* =Responsive Videos +-------------------------------------------------------------- */ +video { + width: 100%; + max-width: 100%; + height: auto; +} + +/* =Responsive Embeds/Objects +-------------------------------------------------------------- */ +embed, +object { + max-width: 100%; +} + +svg:not(:root) { + overflow: hidden; +} + +/* =Links +-------------------------------------------------------------- */ +a { + color: #0066cc; + font-weight: 400; + text-decoration: none; +} + +a:hover, +a:focus, +a:active { + color: #444444; + outline: 0; + text-decoration: none; +} + +::selection { + background: #999999; + color: #ffffff; + text-shadow: none; +} + +/* =Forms +-------------------------------------------------------------- */ +label { + display: inline-block; + font-weight: 700; + padding: 2px 0; +} + +legend { + padding: 2px 5px; +} + +fieldset { + border: 1px solid #cccccc; + margin: 0 0 1.5em; + padding: 1em 2em; +} + +select, +input[type="text"], +input[type="password"], +input[type="email"] { + -moz-box-sizing: border-box; + -moz-border-radius: 2px; + -webkit-box-sizing: border-box; + -webkit-border-radius: 2px; + -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); + box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); + background-color: #ffffff; + box-sizing: border-box; + border: 1px solid #aaaaaa; + border-bottom-color: #cccccc; + border-radius: 2px; + cursor: text; + margin: 0; + outline: none; + padding: 6px 8px; + vertical-align: middle; + max-width: 100%; +} + +select { + height: auto; + max-width: 100%; +} + +area, +textarea { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + -webkit-border-radius: 2px; + -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); + background-color: #ffffff; + box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.2); + box-sizing: border-box; + border: 1px solid #aaaaaa; + border-bottom-color: #cccccc; + border-radius: 2px; + height: auto; + overflow: auto; + margin: 0; + outline: none; + padding: 8px 10px; + max-width: 100%; +} + +map area { + padding: 0px; + border: 0px; +} + +input, +select { + cursor: pointer; +} + +area:focus, +input:focus, +textarea:focus { + border: 1px solid #66ccff; +} + +input[type='text'], +input[type='password'] { + cursor: text; +} + +/* =IE Forms +-------------------------------------------------------------- */ +.ie7 area, +.ie7 select, +.ie7 textarea, +.ie7 input[type="text"], +.ie7 input[type="password"], +.ie7 input[type="email"] { + width: 96%; +} + +/* =IE6 Notice +-------------------------------------------------------------- */ +.msie-box { + background-color: #f9edbe; + border: 1px solid #f0c36d; + color: #212121; + display: block; + margin: 0 auto; + max-width: 960px; + padding: 10px; + position: absolute; + top: 60px; + text-align: center; + width: 100%; +} + +.msie-box a { + color: #212121; +} + +/* =Tables +-------------------------------------------------------------- */ +th, +td, +table { + border: 1px solid #dddddd; +} + +table { + border-collapse: collapse; + width: 100%; +} + +/* =Lists +-------------------------------------------------------------- */ +ul { + list-style-type: disc; + margin: 0; + padding: 0; +} + +ol { + line-height: 22px; + list-style-position: outside; + list-style-type: decimal; + margin: 0; + padding: 0; +} + +dt { + font-weight: 400; +} + +/* =Blockquote +-------------------------------------------------------------- */ +blockquote { + background: #f9f9f9; + border: none; + border-left: 4px solid #d6d6d6; + margin: 20px; + overflow: auto; + padding: 0 0 10px 12px; +} + +blockquote p { + font-family: 'Georgia', 'Times New Roman', Times, serif; + font-style: italic; + font-size: 18px; + line-height: 26px; +} + +/* =Headings +-------------------------------------------------------------- */ +h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + font-weight: 700; + line-height: 1.0em; + word-wrap: break-word; +} + +h1 { + font-size: 2.625em; /* = 42px */ + margin-bottom: .5em; + margin-top: .5em; +} + +h2 { + font-size: 2.250em; /* = 36px */ + margin-bottom: .75em; + margin-top: .75em; +} + +h3 { + font-size: 1.875em; /* = 30px */ + margin-bottom: .857em; + margin-top: .857em; +} + +h4 { + font-size: 1.500em; /* = 24px */ + margin-bottom: 1em; + margin-top: 1em; +} + +h5 { + font-size: 1.125em; /* = 18px */ + margin-bottom: 1.125em; + margin-top: 1.125em; +} + +h6 { + font-size: 1.000em; /* = 16px */ + margin-bottom: 1.285em; + margin-top: 1.285em; +} + +/* =Margins & Paddings +-------------------------------------------------------------- */ +p, +hr, +dl, +pre, +form, +table, +address, +blockquote { + margin: 1.6em 0; +} + +th, td { + padding: .8em; +} + +caption { + padding-bottom: .8em; +} + +blockquote { + padding: 0 1em; +} + +blockquote:first-child { + margin: .8em 0; +} + +fieldset { + margin: 1.6em 0; + padding: 0 1em 1em; +} + +legend { + padding-left: .8em; + padding-right: .8em; +} + +legend+* { + margin-top: 1em; +} + +input, +textarea { + padding: .3em .4em .15em; +} + +select { + padding: .1em .2em 0; +} + +option { + padding: 0 .4em; +} + +dt { + margin-bottom: .4em; + margin-top: .8em; +} + +ul { + list-style-type: disc; +} + +ol { + list-style-type: decimal; +} + +ul, +ol { + margin: 0 1.5em 1.5em 0; + padding-left: 2.0em; +} + +li ul, +li ol { + margin: 0; +} + +form div { + margin-bottom: .8em; +} + +/* =Globals +-------------------------------------------------------------- */ +#container { + margin: 0 auto; + max-width: 960px; + padding: 0px 25px; +} + +#wrapper { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + background-color: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + clear: both; + margin: 20px auto 20px auto; + padding: 0 20px 20px 20px; + position: relative; +} + +.front-page #wrapper { + background-color: transparent; + border: none; + margin: 20px auto 20px auto; + padding: 0; +} + +#header { + margin: 0; +} + +#footer { + clear: both; + margin: 0 auto; + max-width: 960px; + padding: 0 25px 0 25px; +} + +#footer-wrapper { + margin: 0; + padding: 0; +} + +/* =Header +-------------------------------------------------------------- */ +#logo { + float: left; + margin: 0; +} + +.site-name { + display: block; + font-size: 2.063em; /* = 33px */ + line-height: 1.0em; + padding-top: 20px; +} + +.site-name a { + color: #333333; + font-weight: 700; +} + +.site-description { + color: #afafaf; + display: block; + font-size: 0.875em; /* = 14px */ + margin: 10px 0; +} + +/* =Content +-------------------------------------------------------------- */ +#content { + margin-top: 40px; + margin-bottom: 20px; +} + +#content-full { + margin-top: 40px; + margin-bottom: 20px; +} + +#content-blog { + margin-top: 40px; + margin-bottom: 20px; +} + +#content-images { + margin-bottom: 20px; +} + +#content-search { + margin-bottom: 20px; + margin-top: 20px; +} + +#content-archive { + margin-top: 40px; + margin-bottom: 20px; +} + +#content-sitemap { + margin-top: 40px; + margin-bottom: 20px; +} + +#content-sitemap a { + font-size: 12px; +} + +#content .sticky { + clear: both; +} + +#content .sticky p { +} + +/* =Templates (Landing Page) +-------------------------------------------------------------- */ +.page-template-landing-page-php .menu, +.page-template-landing-page-php .top-menu, +.page-template-landing-page-php .main-nav, +.page-template-landing-page-php .footer-menu, +.page-template-landing-page-php .sub-header-menu { + display: none; +} + +/* =Author Meta (Author's Box) +-------------------------------------------------------------- */ +#author-meta { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background: #f9f9f9; + border: 1px solid #d6d6d6; + border-radius: 4px; + clear: both; + display: block; + margin: 30px 0 40px 0; + padding: 10px; + overflow: hidden; +} + +#author-meta img { + float: left; + padding: 10px 15px 0 5px; +} + +#author-meta p { + margin: 0; + padding: 5px; +} + +#author-meta .about-author { + font-weight: 700; + margin: 10px 0 0 0; +} + +/* =Featured Content +-------------------------------------------------------------- */ +#featured { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background-color: #ffffff; + border: 1px solid #e5e5e5; + border-radius: 4px; + padding-bottom: 40px; + width: 99.893617021277%; + height: 380px; +} + +#featured p { + font-size: 18px; + font-weight: 200; + line-height: 27px; + padding: 0 40px 0 40px; + text-align: center; +} + +#featured-image { + margin: 40px 0 0 0; +} + +#featured-image .fluid-width-video-wrapper { + margin-left: -20px; +} + +.featured-image img { + margin-top: 44px; +} + +/* =Post +-------------------------------------------------------------- */ +.comments-link { + font-size: 12px; +} + +#cancel-comment-reply-link { + color: #990000; +} + +.post-data { + clear: both; + font-size: 12px; + font-weight: 700; + margin-top: 20px; +} + +.post-data a { + color: #111111; +} + +.post-entry { + clear: both; +} + +.post-meta { + clear: both; + color: #9f9f9f; + font-size: 12px; + margin-bottom: 10px; +} + +.post-edit { + clear: both; + display: block; + font-size: 12px; + margin: 1.5em 0; +} + +.post-search-terms { + clear: both; +} + +.read-more { + clear: both; + font-weight: 700; +} + +.attachment-entry { + clear: both; + text-align: center; +} + +/* =bbPress + bbPress has its own breadcrumb lists +-------------------------------------------------------------- */ +.bbPress .breadcrumb-list { + display: none; +} + +/* =Symbols +-------------------------------------------------------------- */ +.ellipsis { + color: #aaaaaa; + font-size: 18px; + margin-left: 5px; +} + +.form-allowed-tags { + display: none; + font-size: 10px; +} + +/* =Widgets +-------------------------------------------------------------- */ +.widget-wrapper { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + background-color: #f9f9f9; + border: 1px solid #e5e5e5; + border-radius: 4px; + margin: auto; + padding: auto; + height: 160px; +} + +.widget-wrapper select, +.widget-wrapper input[type="text"], +.widget-wrapper input[type="password"], +.widget-wrapper input[type="email"] { + width: 75%; +} + +#widgets { + margin-top: 40px; +} + +#widgets a { + display: inline-block; + margin: 0; + padding: 0; + text-decoration: none; +} + +#widgets form { + margin: 0; +} + +#widgets ul, +#widgets ol { + padding: 0 0 0 20px; +} + +#widgets ul li a { + display: inline; + text-decoration: none; +} + +#widgets .widget-title img { + float: right; + height: 10px; + position: relative; + top: 4px; + width: 10px; + +} + +#widgets .rss-date { + line-height: 18px; + padding: 6px 12px; +} + +#widgets .rssSummary { + padding: 10px; +} + +#widgets cite { + font-style: normal; + line-height: 18px; + padding: 6px 12px; +} + +#widgets .tagcloud, +#widgets .textwidget { + display: block; + line-height: 1.5em; + margin: 0; + padding: auto; + word-wrap: break-word; + font-size: 14px; + text-align: center; +} + +#widgets .textwidget a { + display: inline; +} + +#widgets ul .children { + padding: 0 0 0 10px; +} + +#widgets .author { + font-weight: 700; + padding-top: 4px; +} + +.widget_archive select, #cat { + display: block; + margin: 0 15px 0 0; +} + +#colophon-widget ul { +} + +.colophon-widget { + background: none; + min-height: 0; +} + +.colophon-widget select, +.colophon-widget input[type="text"], +.colophon-widget input[type="password"], +.colophon-widget input[type="email"] { + width: 100%; +} + +#top-widget { +} + +.top-widget { + background: none; + border: none; + clear: right; + float: right; + min-height: 0; + padding: 0 3px 0 0; + text-align: right; + width: 45%; +} + +.top-widget ul { + padding: 0; +} + +.top-widget select, +.top-widget input[type="text"], +.top-widget input[type="password"], +.top-widget input[type="email"] { + width: auto; +} + +.top-widget #searchform { + margin: 0; +} + +/* =Titles +-------------------------------------------------------------- */ +.featured-title { + font-size: 60px; + letter-spacing: -1px; + margin: 0; + padding-top: 40px; + text-align: center; + color: #59b237; +} + +.featured-subtitle { + padding: 0 10px; + text-align: right; + font-size: 25px; +} + +.widget-title h3, +.widget-title-home h3 { + display: block; + font-size: 19px; + font-weight: 700; + line-height: 23px; + margin: 0; + padding: 0 0 20px 0; + text-align: center; + color: #59b237; +} + +.top-widget .widget-title h3 { + font-size: 14px; + padding: 0; + text-align: right; +} + +.widget-title a { + border-bottom: none; + padding: 0 !important; +} + +.title-404 { + color: #993333; +} + +/* =404 Page +-------------------------------------------------------------- */ +.error404 select, +.error404 input[type="text"], +.error404 input[type="password"], +.error404 input[type="email"] { + width: auto; +} + +/* =Accessibility +-------------------------------------------------------------- */ +.screen-reader-text{ + position: absolute !important; + clip: rect(1px, 1px, 1px, 1px); +} + +/* =Skip Links +-------------------------------------------------------------- */ +.skip-container { + display: block; + padding: 0.5em 0.5em 0.5em 0; + position: relative; +} + +.skip-link { + background: #f5f5f5; + border: 1px solid #d5d5d5; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + float: right; + font-size: 0.8125em; + margin-left: -100%; + padding: 0.5em; + text-transform: uppercase; +} + +.skip-link:hover, +.skip-link:active, +.skip-link:focus { + border: 1px solid #666; +} + +.custom-background .site { + -webkit-box-shadow: 0 -5px 5px 4px #d5d5d5; + -moz-box-shadow: 0 -5px 5px 4px #d5d5d5; + box-shadow: 0 -5px 5px 4px #d5d5d5; + margin: 0 auto; +} + + +/* =Top Menu +-------------------------------------------------------------- */ +.top-menu { + float: right; + margin: 10px 0; + padding: 0; +} + +.top-menu li { + display: inline; + list-style-type: none; +} + +.top-menu li a { + border-left: 1px solid #cccccc; + color: #333333; + font-size: 11px; + padding: 0 4px 0 8px; +} + +.top-menu > li:first-child > a { + border-left: none; +} + +.top-menu li a:hover { + color: #333333; +} + +/* =Header Menu (Primary) +-------------------------------------------------------------- */ +.menu { + background-color: #59B237; + background-image: -webkit-gradient(linear, left top, left bottom, from(#7FBB47), to(#59B237)); + background-image: -webkit-linear-gradient(top, #7FBB47, #59B237); + background-image: -moz-linear-gradient(top, #7FBB47, #59B237); + background-image: -ms-linear-gradient(top, #7FBB47, #59B237); + background-image: -o-linear-gradient(top, #7FBB47, #59B237); + background-image: linear-gradient(top, #7FBB47, #59B237); + clear: both; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FBB47, endColorstr=#59B237); + margin: 0 auto; +} + +.main-nav { + clear: both; +} + +.menu, +.menu ul { + display: block; + list-style-type: none; + margin: 0; + padding: 0; +} + +.menu li { + border: 0; + display: block; + float: left; + margin: 0; + padding: 0; + position: relative; + z-index: 5; +} + +.menu li:hover { + white-space: normal; + z-index: 10000; +} + +.menu li li { + float: none; +} + +.menu ul { + left: 0; + position: absolute; + top: 0; + visibility: hidden; + z-index: 10; +} + +.menu li:hover > ul { + top: 100%; + visibility: visible; +} + +.menu li li:hover > ul { + left: 100%; + top: 0; +} + +.menu:after, +.menu ul:after { + clear: both; + content: '.'; + display: block; + height: 0; + overflow: hidden; + visibility: hidden; +} + +.menu, +.menu ul { + min-height: 0; +} + +.menu ul, +.menu ul ul { + margin: 0; + padding: 0; +} + +.menu ul li a:hover, +.menu li li a:hover { + color: #BDE891; + text-decoration: none; +} + +.menu ul { + margin-top: 1px; + min-width: 15em; + width: auto; +} + +.menu a { + border-left: 0px solid #585858; + color: #ffffff; + cursor: pointer; + display: block; + font-size: 14px; + font-weight: 700; + height: 45px; + line-height: 45px; + margin: 0; + padding: 0 0.9em; + position: relative; + text-decoration: none; + text-shadow: 0 0 1px #3C3F39; + white-space: nowrap; +} + +.menu a:hover { + background-color: #8DC64F; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8DC64F), to(#7fbb47)); + background-image: -webkit-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -moz-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -ms-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -o-linear-gradient(top, #8DC64F, #7fbb47); + background-image: linear-gradient(top, #8DC64F, #7fbb47); + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8DC64F, endColorstr=#7fbb47); +} + +ul.menu > li:hover { + background-color: #003300; + color: #ffffff; +} + +.menu .current_page_item a, +.menu .current-menu-item a { + background-color: #343434; +} + +.front-page .menu .current_page_item a { + background: none; + background-color: #59B237; + background-image: none; + filter: none; + +} + +.menu li li { + background: #ffffff; + background-image: none; + border: 1px solid #e5e5e5; + color: #444444; + filter: none; + margin: -1px 0 1px 0; + width: auto; +} + +.menu li li a { + background: transparent !important; + border: none; + color: #444444; + font-size: 12px; + font-weight: 400; + height: auto; + height: 20px; + line-height: 20px; + padding: 5px 10px; + text-shadow: none; + white-space: nowrap; +} + +.menu li li a:hover { + background: #f5f5f5 !important; + background-image: none; + border: none; + color: #444444; + filter: none; +} + +.menu li li:hover { + background: #f5f5f5 !important; + filter: none; +} + +.menu ul > li + li { + border-top: 0; +} + +.menu li li:hover > ul { + left: 100%; + top: 0; +} + +.menu > li:first-child > a { + border-left: none; +} + +.menu a#responsive_menu_button { + display: none; +} + +.main-nav #responsive_current_menu_item { + display: none; +} + +/*.js .main-nav .menu {*/ +/*display: block;*/ +/*}*/ + +/* =Primary Main Menu IE Fixes +-------------------------------------------------------------- */ +.ie7 .menu ul { + background: url(../../core/images/ie7-fix.gif) repeat; +} + +.ie7 .menu li li a { + min-width: 100%; +} + +/* =Sub-Header Menu +-------------------------------------------------------------- */ +.sub-header-menu { + background-color: #ffffff; + border: 1px solid #e5e5e5; + border-top: none; + clear: both; + margin: 0 auto; +} + +.sub-header-menu, +.sub-header-menu ul { + display: block; + list-style-type: none; + margin: 0; + padding: 0; +} + +.sub-header-menu li { + border: 0; + display: block; + float: left; + margin: 0; + padding: 0; + position: relative; + z-index: 5; +} + +.sub-header-menu li:hover { + white-space: normal; + z-index: 10000; +} + +.sub-header-menu li li { + float: none; +} + +.sub-header-menu ul { + left: 0; + position: absolute; + top: 0; + visibility: hidden; + z-index: 10; +} + +.sub-header-menu li:hover > ul { + top: 100%; + visibility: visible; +} + +.sub-header-menu li li:hover > ul { + left: 100%; + top: 0; +} + +.sub-header-menu:after, +.sub-header-menu ul:after { + clear: both; + content: '.'; + display: block; + height: 0; + overflow: hidden; + visibility: hidden; +} + +.sub-header-menu, +.sub-header-menu ul { + min-height: 0; +} + +.sub-header-menu ul, +.sub-header-menu ul ul { + margin: 0; + padding: 0; +} + +.sub-header-menu ul li a:hover, +.sub-header-menu li li a:hover { + color: #484848; + text-decoration: none; +} + +.sub-header-menu ul { + margin-top: 1px; + min-width: 15em; + width: auto; +} + +.sub-header-menu a { + border-left: 1px solid #e5e5e5; + color: #333333; + cursor: pointer; + display: block; + font-size: 12px; + font-weight: 400; + height: 35px; + line-height: 35px; + margin: 0; + padding: 0 0.9em; + position: relative; + text-decoration: none; + text-shadow: none; +} + +.sub-header-menu a:hover { + -moz-background-clip: padding-box; + -webkit-background-clip: padding-box; + background-color: #f9f9f9; + background-clip: padding-box; +} + +.sub-header-menu .current_page_item a, +.sub-header-menu .current-menu-item a { + background-color: #f9f9f9; +} + +.sub-header-menu li li { + background: #ffffff; + background-image: none; + border: 1px solid #e5e5e5; + color: #444444; + filter: none; + margin: -1px 0 1px 0; + width: auto; +} + +.sub-header-menu li li a { + border: none; + color: #444444; + font-size: 12px; + font-weight: 400; + height: auto; + height: 20px; + line-height: 20px; + padding: 5px 10px; + text-shadow: none; + white-space: nowrap; +} + +.sub-header-menu li li a:hover { + background: #f9f9f9; + background-image: none; + border: none; + color: #444444; + filter: none; +} + +.sub-header-menu ul > li + li { + border-top: 0; +} + +.sub-header-menu li li:hover > ul { + left: 100%; + top: 0; +} + +.sub-header-menu > li:first-child > a { + border-left: none; +} + +.sub-header-menu ul.children a, +.sub-header-menu .current_page_ancestor, +.sub-header-menu .current_page_ancestor ul a { + background: none; + background-image: none; + filter: none; +} + +/* =Sub Header Menu IE Fixes +-------------------------------------------------------------- */ +.ie7 .sub-header-menu ul { + background: url(../../core/images/ie7-fix.gif) repeat; +} + +.ie7 .sub-header-menu li li a { + min-width: 100%; +} + +/* =Footer Menu +-------------------------------------------------------------- */ +.footer-menu { + margin-left: 0; + padding: 0; +} + +.footer-menu li { + display: inline; + list-style-type: none; +} + +.footer-menu li a { + border-left: 1px solid #cccccc; + color: #333333; + padding: 0 8px; +} + +.footer-menu li a:hover { + color: #222222; +} + +.footer-menu > li:first-child > a { + border-left: none; + padding: 0 8px 0 0; +} + +/* =Navigation +-------------------------------------------------------------- */ +.navigation { + color: #111111; + display: block; + font-size: 13px; + height: 28px; + line-height: 28px; + margin: 20px 0; + padding: 0 5px; +} + +.navigation a { + color: #aaaaaa; + padding: 4px 10px; +} + +.navigation a:hover { + color: #111111; + text-decoration: none; +} + +.navigation .previous { + float: left; +} + +.navigation .next { + float: right; +} + +.navigation .bracket { + font-size: 36px; +} + +/* =Pagination (pages) +-------------------------------------------------------------- */ +.pagination { + clear: both; + display: block; + font-size: 16px; + font-weight: 700; + margin: 10px 0; + padding: 5px 0; +} + +.pagination a { + text-decoration: none; +} + +/* =Breadcrumb Lists +-------------------------------------------------------------- */ +.breadcrumb-list { + font-size: 12px; +} + +/* =Comments +-------------------------------------------------------------- */ +#commentform { + margin: 0; +} + +.commentlist { + border-bottom: 1px solid #e5e5e5; + list-style: none; + margin: 0; + padding: 0; +} + +.commentlist ol { + list-style: decimal; +} + +.commentlist li { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + background-color: #ffffff; + border-radius: 4px; + margin: 0; +} + +.commentlist .bypostauthor { +} + +.commentlist li cite { + color: #111111; + font-size: 1.1em; + font-style: normal; + font-weight: 400; +} + +.commentlist li.alt { + background: #f9f9f9; +} + +.commentlist .children { + list-style: none; + margin-left: 10px; + padding: 10px; +} + +.commentlist .avatar { + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + border-radius: 2px; + float: left; + margin-right: 10px; + padding: 0; + vertical-align: middle; +} + +.comment-author .fn { +} + +.comment-author .says { + color: #999999; +} + +.comment-body .comment-meta { + color: #999999; + display: inline-block; + margin: 0; + padding: 0; + text-align: left; +} + +.comment-body .comment-meta a { + font-size: 11px; +} + +.comment-body { + clear: both; + padding: 10px; +} + +.comment-body p { + clear: both; +} + +.comment-body .reply { +} + +.pingback, .trackback { + list-style: none; + margin: 20px 0; +} + +.pingback cite, +.trackback cite { + font-style: normal; +} + +#pings, +#comments { + text-align: left; +} + +#respond { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + background-color: #eaeaea; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea)); + background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); + background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); + background-image: -ms-linear-gradient(top, #ffffff, #eaeaea); + background-image: -o-linear-gradient(top, #ffffff, #eaeaea); + background-image: linear-gradient(top, #ffffff, #eaeaea); + border: 1px solid #cccccc; + border-bottom-color: #aaaaaa; + border-radius: 4px; + clear: both; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eaeaea); + margin-top: 15px; + padding: 10px 20px 50px; +} + +#respond label { + display: inline; +} + +.reply { + margin: 10px 0; +} + +.comment-form-url input, +.comment-form-email input, +.comment-form-author input, +.comment-form-comment textarea { + display: block; + width: 100%; +} + +.nocomments { + color: #999999; + font-size: .9em; + text-align: center; +} + +/* =Gallery +-------------------------------------------------------------- */ +/* Normal */ +.gallery-columns-1 .gallery-item { + max-width: 600px; +} + +.gallery-columns-2 .gallery-item { + max-width: 300px; +} + +.gallery-columns-3 .gallery-item { + max-width: 200px; +} + +.gallery-columns-4 .gallery-item { + max-width: 150px; +} + +.gallery-columns-5 .gallery-item { + max-width: 120px; +} + +.gallery-columns-6 .gallery-item { + max-width: 100px; +} + +.gallery-columns-7 .gallery-item { + max-width: 85px; +} +.gallery-columns-8 .gallery-item { + max-width: 75px; +} + +.gallery-columns-9 .gallery-item { + max-width: 66px; +} + +/* Full Width */ +.page-template-full-width-page-php .gallery-columns-1 .gallery-item, +.page-template-landing-page.php .gallery-columns-1 .gallery-item { + max-width: 900px; +} + +.page-template-full-width-page-php .gallery-columns-2 .gallery-item, +.page-template-landing-page.php .gallery-columns-2 .gallery-item { + max-width: 450px; +} + +.page-template-full-width-page-php .gallery-columns-3 .gallery-item, +.page-template-landing-page.php .gallery-columns-3 .gallery-item { + max-width: 300px; +} + +.page-template-full-width-page-php .gallery-columns-4 .gallery-item, +.page-template-landing-page.php .gallery-columns-4 .gallery-item { + max-width: 225px; +} + +.page-template-full-width-page-php .gallery-columns-5 .gallery-item, +.page-template-landing-page.php .gallery-columns-5.gallery-item { + max-width: 180px; +} + +.page-template-full-width-page-php .gallery-columns-6 .gallery-item, +.page-template-landing-page.php .gallery-columns-6 .gallery-item { + max-width: 150px; +} + +.page-template-full-width-page-php .gallery-columns-7 .gallery-item, +.page-template-landing-page.php .gallery-columns-7 .gallery-item { + max-width: 125px; +} + +.page-template-full-width-page-php .gallery-columns-8 .gallery-item, +.page-template-landing-page.php .gallery-columns-8 .gallery-item { + max-width: 112.5px; +} + +.page-template-full-width-page-php .gallery-columns-9 .gallery-item, +.page-template-landing-page.php .gallery-columns-9 .gallery-item { + max-width: 100px; +} + +/* =WordPress Core +-------------------------------------------------------------- */ +.alignnone { + margin: 5px 20px 20px 0; +} + +.aligncenter, +div.aligncenter { + display: block; + margin: 5px auto 20px auto; +} + +.alignright { + float: right; + margin: 5px 0 20px 20px; +} + +.alignleft { + float: left; + margin: 5px 20px 20px 0; +} + +.aligncenter { + display: block; + margin: 5px auto; +} + +a img.alignright { + float: right; + margin: 5px 0 20px 20px; +} + +a img.alignnone { + margin: 5px 20px 20px 0; +} + +a img.alignleft { + float: left; + margin: 5px 20px 20px 0; +} + +a img.aligncenter { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption { + background: #f9f9f9; + border: 1px solid #f0f0f0; + max-width: 96%; + padding: 13px 10px 10px 10px; + text-align: center; +} + +.wp-caption.alignnone { + margin: 5px 20px 20px 0; +} + +.wp-caption.alignleft { + margin: 5px 20px 20px 0; +} + +.wp-caption.alignright { + margin: 5px 0 20px 20px; +} + +.wp-caption img { + border: 0 none; + height: auto; + margin: 0; + max-width: 98.5%; + padding: 0; + width: auto; +} + +.wp-caption p.wp-caption-text { + font-size: 12px; + line-height: 1.5em; + margin: 0; + padding: 10px; +} + +img.wp-smiley { + vertical-align: middle; +} + +/* =WordPress Gallery +-------------------------------------------------------------- */ +.gallery { + margin: 0 auto 18px; +} + +.gallery .gallery-item { + float: left; + margin-top: 0; + text-align: center; + max-width: 155px; +} + +.gallery img { + border: 1px solid #dddddd; +} + +.gallery .gallery-caption { + font-size: 12px; + margin: 0 0 12px; +} + +.gallery dl { + margin: 0; +} + +.gallery br+br { + display: none; +} + +.attachment-gallery img { + background: #ffffff; + border: 1px solid #f0f0f0; + display: block; + height: auto; + margin: 15px auto; + max-width: 96%; + padding: 5px; + width: auto; +} + +.gallery-meta .iso, +.gallery-meta .camera, +.gallery-meta .shutter, +.gallery-meta .aperture, +.gallery-meta .full-size, +.gallery-meta .focal-length { + display: block; +} + +/* =Post Thumbnails +-------------------------------------------------------------- */ +img.wp-post-image, +img.attachment-full, +img.attachment-large, +img.attachment-medium, +img.attachment-thumbnail { + display: block; + margin: 15px auto; + width: auto; +} + +/* =Buttons +-------------------------------------------------------------- */ +a.button, +input[type='reset'], +input[type='button'], +input[type='submit'] { + -moz-border-radius: 2px; + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + -webkit-border-radius: 2px; + background-color: #f9f9f9; /* Alabaster */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1)); + background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1); + background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1); + background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1); + background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1); + background-image: linear-gradient(top, #f9f9f9, #f1f1f1); + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + border: 1px solid #dddddd; + border-radius: 2px; + color: #333333; + cursor: pointer; + display: inline-block; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1); + font-size: 14px; + font-weight: 700; + line-height: 20px; + margin: 0; + padding: 4px 10px; + text-decoration: none; + text-shadow: 0 1px 0 #ffffff; + vertical-align: middle; + white-space: nowrap; +} + +a.button:hover, +input[type='reset']:hover, +input[type='button']:hover, +input[type='submit']:hover { + -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + background-color: #ffffff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f1f1)); + background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1); + background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1); + background-image: -ms-linear-gradient(top, #ffffff, #f1f1f1); + background-image: -o-linear-gradient(top, #ffffff, #f1f1f1); + background-image: linear-gradient(top, #ffffff, #f1f1f1); + border: 1px solid #dddddd; + box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset; + color: #333333; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f1f1f1); +} + +a.button:active, +input[type='reset']:active, +input[type='button']:active, +input[type='submit']:active { + -moz-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1); + background-color: #f9f9f9; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1)); + background-image: -webkit-linear-gradient(top, #f9f9f9, #f1f1f1); + background-image: -moz-linear-gradient(top, #f9f9f9, #f1f1f1); + background-image: -ms-linear-gradient(top, #f9f9f9, #f1f1f1); + background-image: -o-linear-gradient(top, #f9f9f9, #f1f1f1); + background-image: linear-gradient(top, #f9f9f9, #f1f1f1); + box-shadow: 0 1px 0 #ffffff, inset 0 1px 1px rgba(0, 0, 0, 0.1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1); +} + +/* =Buttons (Call to Action) +-------------------------------------------------------------- */ +.call-to-action { + text-align: center; +} + +.call-to-action a.button { + font-size: 24px; + padding: 15px 35px; +} + +.call-to-action a.button:hover { + text-decoration: none; +} + +.ie7 .call-to-action a.button { + padding: 11px 35px 19px 35px; +} + +/* =Buttons (Sizes) +-------------------------------------------------------------- */ +.small a.button { + font-size: 10px; + padding: 3px 6px; +} + +.medium a.button { + font-size: 16px; + padding: 8px 16px; +} + +.large a.button { + font-size: 18px; + padding: 10px 35px; +} + +.xlarge a.button { + font-size: 24px; + padding: 12px 55px; +} + +/* =Buttons (Colors) +-------------------------------------------------------------- */ +a.blue { + background-color: #59b237; /* Dodger Blue */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbb47), to(#59b237)); + background-image: -webkit-linear-gradient(top, #7fbb47, #59b237); + background-image: -moz-linear-gradient(top, #7fbb47, #59b237); + background-image: -ms-linear-gradient(top, #7fbb47, #59b237); + background-image: -o-linear-gradient(top, #7fbb47, #59b237); + background-image: linear-gradient(top, #7fbb47, #59b237); + border: 1px solid #115290; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fbb47, endColorstr=#59b237); + text-shadow: 0 -1px 0 #115290; +} + +a.blue:hover { + background-color: #7fbb47; + background-image: -webkit-gradient(linear, left top, left bottom, from(#8DC64F), to(#7fbb47)); + background-image: -webkit-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -moz-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -ms-linear-gradient(top, #8DC64F, #7fbb47); + background-image: -o-linear-gradient(top, #8DC64F, #7fbb47); + background-image: linear-gradient(top, #8DC64F, #7fbb47); + border: 1px solid #115290; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8DC64F, endColorstr=#7fbb47); + text-shadow: 0 -1px 0 #115290; +} + +a.red { + background-color: #cd0000; /* Red 4 */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2323), to(#cd0000)); + background-image: -webkit-linear-gradient(top, #ff2323, #cd0000); + background-image: -moz-linear-gradient(top, #ff2323, #cd0000); + background-image: -ms-linear-gradient(top, #ff2323, #cd0000); + background-image: -o-linear-gradient(top, #ff2323, #cd0000); + background-image: linear-gradient(top, #ff2323, #cd0000); + border: 1px solid #890000; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff2323, endColorstr=#cd0000); + text-shadow: 0 -1px 0 #890000; +} + +a.red:hover { + background-color: #ff5656; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5656), to(#cd0000)); + background-image: -webkit-linear-gradient(top, #ff5656, #cd0000); + background-image: -moz-linear-gradient(top, #ff5656, #cd0000); + background-image: -ms-linear-gradient(top, #ff5656, #cd0000); + background-image: -o-linear-gradient(top, #ff5656, #cd0000); + background-image: linear-gradient(top, #ff5656, #cd0000); + border: 1px solid #890000; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5656, endColorstr=#cd0000); + text-shadow: 0 -1px 0 #890000; +} + +a.orange { + background-color: #ff7f00; /* Dark Orange 1 */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffaa55), to(#ff7f00)); + background-image: -webkit-linear-gradient(top, #ffaa55, #ff7f00); + background-image: -moz-linear-gradient(top, #ffaa55, #ff7f00); + background-image: -ms-linear-gradient(top, #ffaa55, #ff7f00); + background-image: -o-linear-gradient(top, #ffaa55, #ff7f00); + background-image: linear-gradient(top, #ffaa55, #ff7f00); + border: 1px solid #bb5d00; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffaa55, endColorstr=#ff7f00); + text-shadow: 0 -1px 0 #bb5d00; +} + +a.orange:hover { + background-color: #ffc388; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc388), to(#ff7f00)); + background-image: -webkit-linear-gradient(top, #ffc388, #ff7f00); + background-image: -moz-linear-gradient(top, #ffc388, #ff7f00); + background-image: -ms-linear-gradient(top, #ffc388, #ff7f00); + background-image: -o-linear-gradient(top, #ffc388, #ff7f00); + background-image: linear-gradient(top, #ffc388, #ff7f00); + border: 1px solid #bb5d00; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc388, endColorstr=#ff7f00); + text-shadow: 0 -1px 0 #bb5d00; +} + +a.yellow { + background-color: #ecca06; /* Yellow Gold */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#fff2aa), to(#ffd700)); + background-image: -webkit-linear-gradient(top, #fff2aa, #ffd700); + background-image: -moz-linear-gradient(top, #fff2aa, #ffd700); + background-image: -ms-linear-gradient(top, #fff2aa, #ffd700); + background-image: -o-linear-gradient(top, #fff2aa, #ffd700); + background-image: linear-gradient(top, #fff2aa, #ffd700); + border: 1px solid #bb9e00; + color: #161300; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff2aa, endColorstr=#ffd700); + text-shadow: 0 1px 0 #ffffff; +} + +a.yellow:hover { + background-color: #fffadd; + background-image: -webkit-gradient(linear, left top, left bottom, from(#fffadd), to(#ffd700)); + background-image: -webkit-linear-gradient(top, #fffadd, #ffd700); + background-image: -moz-linear-gradient(top, #fffadd, #ffd700); + background-image: -ms-linear-gradient(top, #fffadd, #ffd700); + background-image: -o-linear-gradient(top, #fffadd, #ffd700); + background-image: linear-gradient(top, #fffadd, #ffd700); + border: 1px solid #bb9e00; + color: #161300; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fffadd, endColorstr=#ffd700); + text-shadow: 0 1px 0 #ffffff; +} + +a.green { + background-color: #2e8b57; /* Sea Green 4 */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#4bc380), to(#2e8b57)); + background-image: -webkit-linear-gradient(top, #4bc380, #2e8b57); + background-image: -moz-linear-gradient(top, #4bc380, #2e8b57); + background-image: -ms-linear-gradient(top, #4bc380, #2e8b57); + background-image: -o-linear-gradient(top, #4bc380, #2e8b57); + background-image: linear-gradient(top, #4bc380, #2e8b57); + border: 1px solid #1d5837; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4bc380, endColorstr=#2e8b57); + text-shadow: 0 -1px 0 #1d5837; +} + +a.green:hover { + background-color: #71d09b; + background-image: -webkit-gradient(linear, left top, left bottom, from(#71d09b), to(#2e8b57)); + background-image: -webkit-linear-gradient(top, #71d09b, #2e8b57); + background-image: -moz-linear-gradient(top, #71d09b, #2e8b57); + background-image: -ms-linear-gradient(top, #71d09b, #2e8b57); + background-image: -o-linear-gradient(top, #71d09b, #2e8b57); + background-image: linear-gradient(top, #71d09b, #2e8b57); + border: 1px solid #1d5837; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#71d09b, endColorstr=#2e8b57); + text-shadow: 0 -1px 0 #1d5837; +} + +a.olive { + background-color: #838b83; /* Honey Dew 4 */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e000), to(#838b83)); + background-image: -webkit-linear-gradient(top, #afb4af, #838b83); + background-image: -moz-linear-gradient(top, #afb4af, #838b83); + background-image: -ms-linear-gradient(top, #afb4af, #838b83); + background-image: -o-linear-gradient(top, #afb4af, #838b83); + background-image: linear-gradient(top, #afb4af, #838b83); + border: 1px solid #626862; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#afb4af, endColorstr=#838b83); + text-shadow: 0 -1px 0 #626862; +} + +a.olive:hover { + background-color: #c9cdc9; + background-image: -webkit-gradient(linear, left top, left bottom, from(#c9cdc9), to(#838b83)); + background-image: -webkit-linear-gradient(top, #c9cdc9, #838b83); + background-image: -moz-linear-gradient(top, #c9cdc9, #838b83); + background-image: -ms-linear-gradient(top, #c9cdc9, #838b83); + background-image: -o-linear-gradient(top, #c9cdc9, #838b83); + background-image: linear-gradient(top, #c9cdc9, #838b83); + border: 1px solid #626862; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c9cdc9, endColorstr=#838b83); + text-shadow: 0 -1px 0 #626862; +} + +a.purple { + background-color: #5d478b; /* Medium Purple 4 */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#8771b6), to(#5d478b)); + background-image: -webkit-linear-gradient(top, #8771b6, #5d478b); + background-image: -moz-linear-gradient(top, #8771b6, #5d478b); + background-image: -ms-linear-gradient(top, #8771b6, #5d478b); + background-image: -o-linear-gradient(top, #8771b6, #5d478b); + background-image: linear-gradient(top, #8771b6, #5d478b); + border: 1px solid #3f305e; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8771b6, endColorstr=#5d478b); + text-shadow: 0 -1px 0 #3f305e; +} + +a.purple:hover { + background-color: #a492c8; + background-image: -webkit-gradient(linear, left top, left bottom, from(#a492c8), to(#5d478b)); + background-image: -webkit-linear-gradient(top, #a492c8, #5d478b); + background-image: -moz-linear-gradient(top, #a492c8, #5d478b); + background-image: -ms-linear-gradient(top, #a492c8, #5d478b); + background-image: -o-linear-gradient(top, #a492c8, #5d478b); + background-image: linear-gradient(top, #a492c8, #5d478b); + border: 1px solid #3f305e; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a492c8, endColorstr=#5d478b); + text-shadow: 0 -1px 0 #3f305e; +} + +a.pink { + background-color: #cd1076; /* Deep Pink 3 */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#f042a0), to(#cd1076)); + background-image: -webkit-linear-gradient(top, #f042a0, #cd1076); + background-image: -moz-linear-gradient(top, #f042a0, #cd1076); + background-image: -ms-linear-gradient(top, #f042a0, #cd1076); + background-image: -o-linear-gradient(top, #f042a0, #cd1076); + background-image: linear-gradient(top, #f042a0, #cd1076); + border: 1px solid #8e0b52; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f042a0, endColorstr=#cd1076); + text-shadow: 0 -1px 0 #8e0b52; +} + +a.pink:hover { + background-color: #f471b8; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f471b8), to(#cd1076)); + background-image: -webkit-linear-gradient(top, #f471b8, #cd1076); + background-image: -moz-linear-gradient(top, #f471b8, #cd1076); + background-image: -ms-linear-gradient(top, #f471b8, #cd1076); + background-image: -o-linear-gradient(top, #f471b8, #cd1076); + background-image: linear-gradient(top, #f471b8, #cd1076); + border: 1px solid #8e0b52; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f471b8, endColorstr=#cd1076); + text-shadow: 0 -1px 0 #8e0b52; +} + +a.brick { + background-color: #b22222; /* Fire Brick */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#dd4c4c), to(#b22222)); + background-image: -webkit-linear-gradient(top, #dd4c4c, #b22222); + background-image: -moz-linear-gradient(top, #dd4c4c, #b22222); + background-image: -ms-linear-gradient(top, #dd4c4c, #b22222); + background-image: -o-linear-gradient(top, #dd4c4c, #b22222); + background-image: linear-gradient(top, #dd4c4c, #b22222); + border: 1px solid #791717; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dd4c4c, endColorstr=#b22222); + text-shadow: 0 -1px 0 #791717; +} + +a.brick:hover { + background-color: #e57777; + background-image: -webkit-gradient(linear, left top, left bottom, from(#e57777), to(#b22222)); + background-image: -webkit-linear-gradient(top, #e57777, #b22222); + background-image: -moz-linear-gradient(top, #e57777, #b22222); + background-image: -ms-linear-gradient(top, #e57777, #b22222); + background-image: -o-linear-gradient(top, #e57777, #b22222); + background-image: linear-gradient(top, #e57777, #b22222); + border: 1px solid #791717; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e57777, endColorstr=#b22222); + text-shadow: 0 -1px 0 #791717; +} + +a.gold { + background-color: #8b6508; /* Dark Golden Rod 4 */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#db9f0d), to(#8b6508)); + background-image: -webkit-linear-gradient(top, #db9f0d, #8b6508); + background-image: -moz-linear-gradient(top, #db9f0d, #8b6508); + background-image: -ms-linear-gradient(top, #db9f0d, #8b6508); + background-image: -o-linear-gradient(top, #db9f0d, #8b6508); + background-image: linear-gradient(top, #db9f0d, #8b6508); + border: 1px solid #6b4e06; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db9f0d, endColorstr=#8b6508); + text-shadow: 0 -1px 0 #6b4e06; +} + +a.gold:hover { + background-color: #f3b828; + background-image: -webkit-gradient(linear, left top, left bottom, from(#f3b828), to(#8b6508)); + background-image: -webkit-linear-gradient(top, #f3b828, #8b6508); + background-image: -moz-linear-gradient(top, #f3b828, #8b6508); + background-image: -ms-linear-gradient(top, #f3b828, #8b6508); + background-image: -o-linear-gradient(top, #f3b828, #8b6508); + background-image: linear-gradient(top, #f3b828, #8b6508); + border: 1px solid #6b4e06; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f3b828, endColorstr=#8b6508); + text-shadow: 0 -1px 0 #6b4e06; +} + +a.brown { + background-color: #8b4513; /* Saddle Brown */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#d66a1d), to(#8b4513)); + background-image: -webkit-linear-gradient(top, #d66a1d, #8b4513); + background-image: -moz-linear-gradient(top, #d66a1d, #8b4513); + background-image: -ms-linear-gradient(top, #d66a1d, #8b4513); + background-image: -o-linear-gradient(top, #d66a1d, #8b4513); + background-image: linear-gradient(top, #d66a1d, #8b4513); + border: 1px solid #4f270b; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d66a1d, endColorstr=#8b4513); + text-shadow: 0 -1px 0 #4f270b; +} + +a.brown:hover { + background-color: #8b4513; + background-image: -webkit-gradient(linear, left top, left bottom, from(#e58541), to(#8b4513)); + background-image: -webkit-linear-gradient(top, #e58541, #8b4513); + background-image: -moz-linear-gradient(top, #e58541, #8b4513); + background-image: -ms-linear-gradient(top, #e58541, #8b4513); + background-image: -o-linear-gradient(top, #e58541, #8b4513); + background-image: linear-gradient(top, #e58541, #8b4513); + border: 1px solid #4f270b; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e58541, endColorstr=#8b4513); + text-shadow: 0 -1px 0 #4f270b; +} + +a.silver { + background-color: #c0c0c0; /* Silver */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c0c0c0)); + background-image: -webkit-linear-gradient(top, #eaeaea, #c0c0c0); + background-image: -moz-linear-gradient(top, #eaeaea, #c0c0c0); + background-image: -ms-linear-gradient(top, #eaeaea, #c0c0c0); + background-image: -o-linear-gradient(top, #eaeaea, #c0c0c0); + background-image: linear-gradient(top, #eaeaea, #c0c0c0); + border: 1px solid #9e9e9e; + color: #444444; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#eaeaea, endColorstr=#c0c0c0); + text-shadow: 0 1px 0 #ffffff; +} + +a.silver:hover { + background-color: #ffffff; + background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c0c0c0)); + background-image: -webkit-linear-gradient(top, #ffffff, #c0c0c0); + background-image: -moz-linear-gradient(top, #ffffff, #c0c0c0); + background-image: -ms-linear-gradient(top, #ffffff, #c0c0c0); + background-image: -o-linear-gradient(top, #ffffff, #c0c0c0); + background-image: linear-gradient(top, #ffffff, #c0c0c0); + border: 1px solid #9e9e9e; + color: #444444; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#c0c0c0); + text-shadow: 0 1px 0 #ffffff; +} + +a.gray { + background-color: #696969; /* Dim Gray */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#696969)); + background-image: -webkit-linear-gradient(top, #939393, #696969); + background-image: -moz-linear-gradient(top, #939393, #696969); + background-image: -ms-linear-gradient(top, #939393, #696969); + background-image: -o-linear-gradient(top, #939393, #696969); + background-image: linear-gradient(top, #939393, #696969); + border: 1px solid #474747; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#939393, endColorstr=#696969); + text-shadow: 0 -1px 0 #474747; +} + +a.gray:hover { + background-color: #adadad; + background-image: -webkit-gradient(linear, left top, left bottom, from(#adadad), to(#696969)); + background-image: -webkit-linear-gradient(top, #adadad, #696969); + background-image: -moz-linear-gradient(top, #adadad, #696969); + background-image: -ms-linear-gradient(top, #adadad, #696969); + background-image: -o-linear-gradient(top, #adadad, #696969); + background-image: linear-gradient(top, #adadad, #696969); + border: 1px solid #474747; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#adadad, endColorstr=#696969); + text-shadow: 0 -1px 0 #474747; +} + +a.black { + background-color: #080808; /* Black */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#080808)); + background-image: -webkit-linear-gradient(top, #323232, #080808); + background-image: -moz-linear-gradient(top, #323232, #080808); + background-image: -ms-linear-gradient(top, #323232, #080808); + background-image: -o-linear-gradient(top, #323232, #080808); + background-image: linear-gradient(top, #323232, #080808); + border: 1px solid #000000; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#323232, endColorstr=#080808); + text-shadow: 0 -1px 0 #000000; +} + +a.black:hover { + background-color: #4c4c4c; + background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#080808)); + background-image: -webkit-linear-gradient(top, #4c4c4c, #080808); + background-image: -moz-linear-gradient(top, #4c4c4c, #080808); + background-image: -ms-linear-gradient(top, #4c4c4c, #080808); + background-image: -o-linear-gradient(top, #4c4c4c, #080808); + background-image: linear-gradient(top, #4c4c4c, #080808); + border: 1px solid #000000; + color: #ffffff; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c4c4c, endColorstr=#080808); + text-shadow: 0 -1px 0 #000000; +} + +/* =Info Boxes +-------------------------------------------------------------- */ +.info-box { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; + display: block; + margin: 20px 0; + padding: 15px; + text-align: left; +} + +.alert { + background-color: #faebeb; + border: 1px solid #dc7070; + color: #212121; +} + +.address { + background-color: #f6f5ef; + border: 1px solid #cdc9a5; + color: #212121; +} + +.notice { + background-color: #fbf9e9; + border: 1px solid #e3cf57; + color: #212121; +} + +.success { + background-color: #f9fde8; + border: 1px solid #a2bc13; + color: #212121; +} + +.download { + background-color: #fff4e5; + border: 1px solid #ff9912; + color: #212121; +} + +.information { + background-color: #eef3f6; + border: 1px solid #6ca6cd; + color: #212121; +} + +.required { + color: #d5243f; +} + +/* =WooCommerce +-------------------------------------------------------------- */ +#breadcrumb { + padding: 40px 0 0 0; +} + +#breadcrumb a { + color: #0066cc; + font-size: 12px; + font-weight: 400; +} + +#breadcrumb a:hover { + color: #444444; + text-decoration: none; +} + +#content-woocommerce { + margin-top: 40px; + margin-bottom: 20px; +} + +.products ul, ul.products { + margin-top: 40px; +} + +.cart-collaterals .shipping_calculator { + width: 100%; +} + +table.shop_table { + table-layout: fixed; + -ms-word-break: break-all; + word-break: break-all; + -webkit-hyphens: auto; + -moz-hyphens: auto; + hyphens: auto; +} + +@media screen and (max-width:767px) { + table.shop_table { + font-size: 10px; + } +} + +@media screen and (max-width:400px) { + table.shop_table { + font-size: 8px; + } +} + +table.cart td.actions .coupon .input-text, +table.cart td.actions .coupon .input-text { + cursor: text; +} + +/* =WPML +-------------------------------------------------------------- */ +.icl_languages_selector { + float: right; + text-align: left +} + +.rtl .icl_languages_selector { + float: left; + text-align: right +} + +@media screen and (max-width: 650px) { + .icl_languages_selector, + .rtl .icl_languages_selector { + float: none; + } +} + +/* =Polylang +-------------------------------------------------------------- */ +.widget_polylang li { + display: inline; + list-style-type: none; +} + +/* =Footer +-------------------------------------------------------------- */ +#footer { + font-size: 11px; + line-height: 1.5em; +} + +#footer a { + color: #333333; + font-weight: 400; +} + +#footer a:hover { + color: #444444; +} + +#footer-wrapper .grid.col-940 { + margin: 0; +} + +.scroll-top { + text-align: center; +} + +.copyright { + text-align: left; +} + +.powered { + text-align: right; +} + +#footer_widget .col-300:nth-child(3n+3) { + margin-right: 0; +} + +/* =Social Icons +-------------------------------------------------------------- */ +#footer .social-icons { + list-style: none; + line-height: normal; + padding: 0; + margin: 0; + text-align: right; +} + +#footer .rss-icon, +#footer .yelp-icon, +#footer .vimeo-icon, +#footer .youtube-icon, +#footer .twitter-icon, +#footer .facebook-icon, +#footer .linkedin-icon, +#footer .rss-feed-icon, +#footer .instagram-icon, +#footer .pinterest-icon, +#footer .foursquare-icon, +#footer .googleplus-icon, +#footer .google-plus-icon, +#footer .stumbleupon-icon, +#footer .stumble-upon-icon { + display: inline; + margin: 1px; + padding-left: 3px; +} + +/* =Alignments Extras +-------------------------------------------------------------- */ +.left { + float: left; +} + +.right { + float: right; +} + +.center { + text-align: center; +} + +/* =Clearfix +-------------------------------------------------------------- */ +.clearfix:after, +.clearfix:before, +#container:after, +#container:before, +.widget-wrapper:after, +.widget-wrapper:before { + content: ' '; + display: table; +} + +.clearfix:after, +#container:after, +.widget-wrapper:after { + clear: both; +} + +.ie7 .clearfix, +.ie7 #container, +.ie7 .widget-wrapper { + zoom: 1; +} + +.clear { + clear: both; +} + +/* =Begin bidirectionality settings (do not change) +-------------------------------------------------------------- */ +BDO[DIR="ltr"] { + direction: ltr; + unicode-bidi: bidi-override; +} + +BDO[DIR="rtl"] { + direction: rtl; + unicode-bidi: bidi-override; +} + +[DIR="ltr"] { + direction: ltr; + unicode-bidi: embed; +} + +[DIR="rtl"] { + direction: rtl; + unicode-bidi: embed; +} + +/* =Media Print + If you're working on a Child Theme, make sure that all + media queries are included in your style.css +-------------------------------------------------------------- */ +@media print { + + h1, h2, h3, h4, h5, h6 { + page-break-after: avoid; + } + + ul, ol, dl { + page-break-before: avoid; + } +} + +/* Retina (HiDPI) Display + http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html +-------------------------------------------------------------- */ +@media only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) { + + body { + } +} + +/*The last 29 days of the month are the hardest."- Nikola Tesla*/ \ No newline at end of file