commit c79e6f13c0d877e054b1c689fd5060d35300c5ed Author: leo <426742@gmail.com> Date: Mon Nov 4 21:27:10 2024 +0500 create diff --git a/Dockerfile b/Dockerfile new file mode 100755 index 0000000..12a719d --- /dev/null +++ b/Dockerfile @@ -0,0 +1,3 @@ +FROM nginx:1.27.0-alpine3.19 + +COPY html /usr/share/nginx/html \ No newline at end of file diff --git a/README.md b/README.md new file mode 100755 index 0000000..4ec692c --- /dev/null +++ b/README.md @@ -0,0 +1,13 @@ +## Tetris game + +Optimized for Firefox mobile for android + +*docker configuration* + +`docker-compose build` +`docker-compose up -d` + +Start: `sudo docker start tetris` +Start `sudo docker compose -f /data/tetris/docker-compose.yml up -d` + +Stop: `sudo docker stop tetris` \ No newline at end of file diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100755 index 0000000..a4efbb0 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,18 @@ +services: + brilliante: + container_name: brilliante + build: + context: . + restart: unless-stopped + networks: + - proxynet + labels: + - "traefik.enable=true" + - "traefik.http.routers.brilliante.rule=Host(`brilliante.${SERVER_DOMAIN}`)" + # For dev: + volumes: + - ./html:/usr/share/nginx/html + +networks: + proxynet: + external: true \ No newline at end of file diff --git a/html/brilliante.png b/html/brilliante.png new file mode 100755 index 0000000..2aa473c Binary files /dev/null and b/html/brilliante.png differ diff --git a/html/brilliante.psd b/html/brilliante.psd new file mode 100755 index 0000000..b488e4e Binary files /dev/null and b/html/brilliante.psd differ diff --git a/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.eot b/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.eot new file mode 100755 index 0000000..3ff2e6d Binary files /dev/null and b/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.eot differ diff --git a/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.svg b/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.svg new file mode 100755 index 0000000..fa37b2e --- /dev/null +++ b/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.svg @@ -0,0 +1,976 @@ + + + + +Created by FontForge 20120731 at Sun Mar 3 16:20:29 2013 + By Jenkins +Copyright (c) 1988, 1990, 1994, 2002 Adobe Systems Incorporated. All Rights Reserved. (c) 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.ttf b/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.ttf new file mode 100755 index 0000000..3ea1c86 Binary files /dev/null and b/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.ttf differ diff --git a/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.woff b/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.woff new file mode 100755 index 0000000..fe6d54b Binary files /dev/null and b/html/fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.woff differ diff --git a/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.eot b/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.eot new file mode 100755 index 0000000..086d4e1 Binary files /dev/null and b/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.eot differ diff --git a/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.svg b/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.svg new file mode 100755 index 0000000..57f5a85 --- /dev/null +++ b/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.svg @@ -0,0 +1,1378 @@ + + + + +Created by FontForge 20120731 at Sun Mar 3 16:23:50 2013 + By Jenkins +Copyright (c) 1988, 1990, 1995 Adobe Systems Incorporated. All Rights Reserved.Frutiger is a registered trademark of Linotype AG and/or its subsidiaries. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.ttf b/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.ttf new file mode 100755 index 0000000..2a4b0e3 Binary files /dev/null and b/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.ttf differ diff --git a/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.woff b/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.woff new file mode 100755 index 0000000..1c10717 Binary files /dev/null and b/html/fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.woff differ diff --git a/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.eot b/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.eot new file mode 100755 index 0000000..5b65a8c Binary files /dev/null and b/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.eot differ diff --git a/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.svg b/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.svg new file mode 100755 index 0000000..b43230c --- /dev/null +++ b/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.svg @@ -0,0 +1,7323 @@ + + + + +Created by FontForge 20120731 at Sun Mar 3 16:30:46 2013 + By Jenkins +Copyright 1992, 1994, 1997, 2000, 2004 Adobe Systems Incorporated. All rights reserved. Myriad is either a registered trademark or a trademark of Adobe Systems Incorporated in the United States and/or other countries. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.ttf b/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.ttf new file mode 100755 index 0000000..7f96948 Binary files /dev/null and b/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.ttf differ diff --git a/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.woff b/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.woff new file mode 100755 index 0000000..0fa6c02 Binary files /dev/null and b/html/fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.woff differ diff --git a/html/img/article_img_1.jpg b/html/img/article_img_1.jpg new file mode 100755 index 0000000..d771b35 Binary files /dev/null and b/html/img/article_img_1.jpg differ diff --git a/html/img/article_img_2.jpg b/html/img/article_img_2.jpg new file mode 100755 index 0000000..cbf1a70 Binary files /dev/null and b/html/img/article_img_2.jpg differ diff --git a/html/img/article_img_3.jpg b/html/img/article_img_3.jpg new file mode 100755 index 0000000..6a6436e Binary files /dev/null and b/html/img/article_img_3.jpg differ diff --git a/html/img/author.jpg b/html/img/author.jpg new file mode 100755 index 0000000..4c0aed6 Binary files /dev/null and b/html/img/author.jpg differ diff --git a/html/img/f_fb.png b/html/img/f_fb.png new file mode 100755 index 0000000..0b212f5 Binary files /dev/null and b/html/img/f_fb.png differ diff --git a/html/img/f_lastfm.png b/html/img/f_lastfm.png new file mode 100755 index 0000000..8ddc6f9 Binary files /dev/null and b/html/img/f_lastfm.png differ diff --git a/html/img/f_myspace.png b/html/img/f_myspace.png new file mode 100755 index 0000000..5cbe3ff Binary files /dev/null and b/html/img/f_myspace.png differ diff --git a/html/img/f_rss.png b/html/img/f_rss.png new file mode 100755 index 0000000..1d5c02b Binary files /dev/null and b/html/img/f_rss.png differ diff --git a/html/img/f_twitter.png b/html/img/f_twitter.png new file mode 100755 index 0000000..21876f5 Binary files /dev/null and b/html/img/f_twitter.png differ diff --git a/html/img/pencil_big.jpg b/html/img/pencil_big.jpg new file mode 100755 index 0000000..248af61 Binary files /dev/null and b/html/img/pencil_big.jpg differ diff --git a/html/img/pencil_min_1.jpg b/html/img/pencil_min_1.jpg new file mode 100755 index 0000000..4f42a60 Binary files /dev/null and b/html/img/pencil_min_1.jpg differ diff --git a/html/img/pencil_min_2.jpg b/html/img/pencil_min_2.jpg new file mode 100755 index 0000000..58d5559 Binary files /dev/null and b/html/img/pencil_min_2.jpg differ diff --git a/html/img/pencil_min_3.jpg b/html/img/pencil_min_3.jpg new file mode 100755 index 0000000..432d440 Binary files /dev/null and b/html/img/pencil_min_3.jpg differ diff --git a/html/index.html b/html/index.html new file mode 100755 index 0000000..7933734 --- /dev/null +++ b/html/index.html @@ -0,0 +1,230 @@ + + + + +Сайт + + + + +
+ +
+ + +
Grab our feeds
+ +
+ + +
+ + +
+

BRILLANTE

+
A Brilliant Website Design
+
+ +
+
A very short description about the website goes here. And that's it!
+ + +
+
+
HIRE US
+Pencil + +
+

It’s Brilliant!

+Brilliante, Lorem ipsum dolor sit amet, consectetur adipisicing elit, sf sed dos eiusmod lorem ipsum dolot sit amto! +
+ +
+Pencil +Pencil +Pencil +
+ +
+ + +
+

ABOUT THE AUTHOR

+ +
+ +Author + +
Mahmoud Khaled
+
Web & Graphics Designer
+
+sectetur adipisicing elit, sf sed dos eiusmod tempor incididunt utto po Web and graphics designer! +
+ +
+ +

SPONSORS

+ + + + +

CATEGORIES

+ + + + +
+ +
+ +

LATEST FROM THE BLOG

+ +
+

An Example Of a Post Goes Here.

+ +
+Posted in: Category One, Category Two
Date: 08 April 2010 +
+ +Article + +
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sf sed dos eiusmod tempor incididunt ut labore et dolorea ab magna aliqua. Utlo enim ad minim veniam, quis nostrudaw exercitation ullamco laboris nisi ut aliquip ex ea +
+ +
+Author: Mahmoud Khaled
+Reaction: 10 comments, 5 Pingback +READ MORE +
+
+ + +
+

An Example Of a Post Goes Here.

+ +
+Posted in: Category One, Category Two
Date: 08 April 2010 +
+ +Article + +
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sf sed dos eiusmod tempor incididunt ut labore et dolorea ab magna aliqua. Utlo enim ad minim veniam, quis nostrudaw exercitation ullamco laboris nisi ut aliquip ex ea +
+ +
+Author: Mahmoud Khaled
+Reaction: 10 comments, 5 Pingback +READ MORE +
+
+ + +
+

An Example Of a Post Goes Here.

+ +
+Posted in: Category One, Category Two
Date: 08 April 2010 +
+ +Article + +
+Lorem ipsum dolor sit amet, consectetur adipisicing elit, sf sed dos eiusmod tempor incididunt ut labore et dolorea ab magna aliqua. Utlo enim ad minim veniam, quis nostrudaw exercitation ullamco laboris nisi ut aliquip ex ea +
+ +
+Author: Mahmoud Khaled
+Reaction: 10 comments, 5 Pingback +READ MORE +
+
+ +
+ + +
+ + + +
+ + \ No newline at end of file diff --git a/html/style.css b/html/style.css new file mode 100755 index 0000000..14333f2 --- /dev/null +++ b/html/style.css @@ -0,0 +1,580 @@ +@font-face { + font-family: 'Frutiger CE Light'; + src: url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.eot'); + src: local('☺'), + url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.woff') format('woff'), + url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.ttf') format('truetype'), + url('fonts/Frutiger_CE_Light/Frutiger_CE_45_Light.svg') format('svg'); +} + +@font-face { + font-family: 'Frutiger CE Bold'; + src: url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.eot'); + src: local('☺'), + url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.woff') format('woff'), + url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.ttf') format('truetype'), + url('fonts/Frutiger_CE_Bold/Frutiger_CE_Bold.svg') format('svg'); +} + +@font-face { + font-family: 'MyraidPro BoldCond'; + src: url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.eot'); + src: local('☺'), + url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.woff') format('woff'), + url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.ttf') format('truetype'), + url('fonts/MyraidPro_BoldCond/MyriadPro-BoldCond.svg') format('svg'); +} + +body { + background: #282828; +} + +.container { + margin: auto; + width: 960px; + background: #ededed; +} + +header { + height: 64px; + background: #1a1e27; + box-shadow: 0 3px #fff; + float: left; + width: 100%; +} + +.logo-letter { + margin: 0; + font-family: "Frutiger CE Bold", sans-serif; + font-size: 31px; + margin: 0; + font-style: bold; +} + +.logo-letter a { + color: #1c1f27; + text-decoration: none; +} + +.logo-bottom { + font-family: Arial, sans-serif; + font-size: 13px; + margin: 0; + color: #1c1f27; + margin: -5px 3px; +} + +.logo-container { + float: left; + margin: 46px 23px 0 73px; +} + +.separator_title { + float: left; + height: 21px; + margin: 63px 0 0 ; + border-right: 1px solid #fcfcfc; + box-shadow: 1px 0 #d5d5d5; +} + +.about { + float: left; + width: 220px; + margin: 58px 20px 0; + font-family: Georgia, "Century Schoolbook L", Serif; + font-style: italic; + font-size: 13px; + color: #646464; +} + +.main_menu { + margin: 0; + float: left; + padding: 0 0 0 26px; +} + +.main_menu li { + float: left; + list-style-type: none; +} + +.menu_active { +background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEVGQjYyQzk2RjgxMTFFMjkxRDFDNTg4OEFGMTlFNkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEVGQjYyQ0E2RjgxMTFFMjkxRDFDNTg4OEFGMTlFNkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RUZCNjJDNzZGODExMUUyOTFEMUM1ODg4QUYxOUU2RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RUZCNjJDODZGODExMUUyOTFEMUM1ODg4QUYxOUU2RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkO0670AAAB2SURBVHjaYnz79i0DFsAOxD+xSTBhEVMB4h9A/J9YDbeR2G6ENNii8XcCMScuDSxAfAiLjUG4NHgzYAdLgFgWXYMwEG9gwA2K0DWkMOAHBUBsBmIwAuNBDkg/ZCAOMDKRoBgEDEAhIw/EJUDsQ0BxOhBfAAgwAM98E2p5kkcbAAAAAElFTkSuQmCC) no-repeat bottom center; +} + +.main_menu li a:hover { + color: #777; +} + +.main_menu li a { + color: #fff; + text-decoration: none; + font-family: "Frutiger CE Light", sans-serif; + font-size: 14px; + padding: 20px 5px 0 5px; + height: 47px; + display: inline-block; +} + +.slider { + width: 896px; + height: 238px; + background: #1d1f25; +} + +.content { + padding: 42px 31px 0 31px; + clear:both; +} + +.leftcol { + margin-right: 375px; +} + +.rightcol { + float: right; + width: 327px; +} + +footer { + background: #1a1e27; + box-shadow: 0 -3px #fff; +} + +.copyright { + float: right; + margin: 24px 32px; +} + +.footer { + height: 66px; + clear: both; + background: #ededed; +} + +.footer-menu { + margin-top: 24px; + float: left; + padding-left: 32px; +} + +.footer a { + text-decoration: none; + color: #1a1e27; + font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; + font-size: 15px; +} + +.footer { + color: #1a1e27; + font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; + font-size: 15px; +} + +.footer a:hover { + color: #646464; +} + +.footer-menu li { + display: inline-block; + height: 47px; +} + +.footer-left, .footer-right, .footer-center { + padding: 0 32px 0 32px; + color: #fff; +} + +.footer-left, .footer-right { + float: left; width: 256px; +} + +.footer-center { + margin: 0 320px; /* Ширина колонок */ +} + +.footer-right { + float: right; +} + +.footer-title { + font-family: "MyraidPro BoldCond", sans-serif; + font-size: 23px; + border-bottom: 1px solid #353637; + padding: 18px 0 11px 64px; +} + +.center-title { + text-align: center; + padding-left: 0; +} + +.footer-links a { + font-family: "Frutiger CE Light", sans-serif; + font-size: 14px; + text-decoration: none; + color: #fff; +} + +.footer-links a:hover { + color: #777; +} + +.footer-links li { + display: inline-block; + margin-bottom: 10px; +} + +.footer-links { + padding: 0; +} + +.social li{ + display: inline-block; + margin: 15px 5px; +} + +.social{ + padding: 0; +} + +.social img { + border: 0; +} + +.grab-our-feeds a { + font-family: "Frutiger CE Light", sans-serif; + font-size: 14px; + text-decoration: none; + color: #fff; + padding: 3px 30px 3px 0; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MURBRTY1RTA2RjgzMTFFMjg2NjlBRTJFNUUwOEZBNTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MURBRTY1RTE2RjgzMTFFMjg2NjlBRTJFNUUwOEZBNTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxREFFNjVERTZGODMxMUUyODY2OUFFMkU1RTA4RkE1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxREFFNjVERjZGODMxMUUyODY2OUFFMkU1RTA4RkE1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnJ8zvYAAAQnSURBVHjaVFRdaBxVFP7uzJ3dzWY3aTcbt7ZpmkLctFDQKrEBZUO10BK04INQ6osF7YOp0hbxTatYXwSRPlR8EZQKgtWCpShqpTRp6oPQSGxpYyJNwSakrZudJLszOz/3eu6d2ex24M6dn3u+853v/LAbRxIs1dF9uG1j8XNmGDAYwFoXoG9ql4gvehCyuUu1QoHa/M0j7mr5NJs5niklMusui+oiDN+HaRKAgSa4Ee1oAVQgQjQBRUg7t8Dau+Esl7dwFtRKYWUVRBI8ST/VYZ9AE/RuASaPmDZYyhjIkNFZIgim9sBHaM/TUWsHN+ivYsXJmHDhFB6HVxgCqguQ/91CYmUGGTqTTkfgIgZTu2iNgEdbICTnFJpULNViHpDf+RKye05oZp7nY/mfq1j+8yxWpr9FTtxHqq3J7iFZ1GXqCCRXLDUgopDDuYuojyVhru9FYsMT6N4+rJc9/xYe/PIh0rNfY1270posAhnJoYKQkRMtY8ObTogK4c4V+LQE6eunO2FuHgbfdRydvcPIvnoG85eGUL78DnKJGqTZkrgGawWsb3Gm1ZlVaz3u8k1YdC3UKjbkzHmE3+9D8NtRqo4qenaPgo98gYqX0jmA0Sw/o2WPHKgMk6bZwUPoeXuaWI1jZfB9/GsW4dZcsMlTCH46BNRtFJ4+AJROwnGJCIvrmMUOEFXGmi7qi+XbaPcW0NW/C30vnsCGw+N40D8K27Ng/H0W/q9vqkrHI8PH4G7ei7AeVU2jhnW+3ngKpdDHcxqc/ob3/oI3+RXE9HlKXBqpLUPo3DGCpVXS7fYlmPemIDu2gm/cCeQGYP/xpe4mP6BqIeZeIL8xVDeoYg/VUs9eAFmtILj9O5zvDqL+M2kpAzy6711U+1+BT4b1sY8gHRvZrYNgfXsQOLG9H9WvgbiYQZ7IFtQYuO8lsYA8HNLYv3IK3sQnWvzc3pOoproQLs7CvXFO69e2/QVQd0P6kT10t8V9HNIHQfo46V50vXYRm45Nwi0e0GG5Ex9DLM0h3d0H47H98OmcO/2j1i9dfB6h1aZtddQKVAHqtqMPIYXRUdyN/MCzyOZ7kHvyZRBZ+OUy3JsXNEiir6SCQv3ulH5PFgaAVEGTkjEWf6gjKFHOtR9Q23YGVr4f9fFPCZEkoTjduatIbhuBSTGGysZeQv3ONSqXFJiZ0q0rDMVUgl1/He+R6w90u0alpocLT9ItCGAkG93GwRIZ0o6mkVMlyWho8AxFyBC49E5lplLjm9jPyesUiyewTpieNCqTgR57a4ODKdErazUtSbwwWNH5UO0qaEmma36Wk5QXiOVpMhxVjKQRjTHF0LBilo1BLZvzVMSJVaJrLaH7/zMieYsLJZmJo+R4jMCf0UPCisaYjPWQreMtHtgidq4BA531CRpa55TP/wUYAAek/dP3B9rpAAAAAElFTkSuQmCC) right no-repeat; +} + +.grab-our-feeds { + position: absolute; + margin: 20px 0 0 599px; + padding-right: 22px; + width: 143px; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAApCAYAAADwH5PvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjY5MUZERkY2RjkzMTFFMkJEOTJFQ0MyMzQ2ODUxRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjY5MUZFMDA2RjkzMTFFMkJEOTJFQ0MyMzQ2ODUxRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjkxRkRGRDZGOTMxMUUyQkQ5MkVDQzIzNDY4NTFENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjkxRkRGRTZGOTMxMUUyQkQ5MkVDQzIzNDY4NTFENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkUqFjcAAACmSURBVHjadJJLDsIwDETHVlYcoUiw7LW5Fwdhg+KOXedXQSpLfh3PxKoq9+cOno31KQIUNi+DvRVCZJkBKg48RirZOxIwlGUsQCKgpiIZoOpvg2ZPnT09YIluSrRYx7CM8VH0Pee0VcEE+Av0qV/mH8NJhyCpeJQknH1AXN4gx9xTM20orA4RLXpRwoOLB20M+J2WG2CK9kULuoe1PeI/uLG+hwADACgye6PuG/wFAAAAAElFTkSuQmCC) right no-repeat; +} + +.grab-our-feeds a:hover { + color: #777; +} + +.content-title { + font-family: "Frutiger CE Bold", sans-serif; + font-size: 25px; + color: #fff; + background: #1a1e27; + display: inline-block; + padding: 0 2px; + margin: 41px 0 26px 0; +} + +.article-title { + margin: 1px 0; +} + +.article-title a { + font-family: "Frutiger CE Light", sans-serif; + font-size: 21px; + color: #242830; + text-decoration: none; +} + +.article-title a:hover { + color: #555; +} + +.article-preview { + margin: 0 0 41px 0; + font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; + font-size: 13px; +} + +.article-pre-text { + margin: 0 0 10px 153px; + border-bottom: 1px solid #cacaca; + padding-bottom: 10px; + width: 365px; + font-size: 14px; + text-align: justify; + line-height: 22px; +} + +.pre-article-img { + padding: 3px; + border: 1px solid #cccccc; + float: left; + width: 136px; + height: 134px; +} + +.date-separator { + display: inline-block; + border-right: 1px solid #fff; + width: 1px; + height: 17px; + box-shadow: 1px 0 #d5d5d5; + margin: 0 5px -4px 2px; +} + +.author{ + margin-left: 153px; +} + +.posted-in { + margin-bottom: 10px; +} + +.posted-in a, .author a { + font-family: Georgia, "Century Schoolbook L", Serif; + font-style: italic; + text-decoration: none; + font-size: 13px; + color: #646464; +} + +.posted-in a:hover, .author a:hover { + color: #222; +} + +.read-more { + padding: 4px 9px; + text-decoration: none; + background: #747474; + color: #fff !important; + float: right; + margin: -13px 5px 0 0; + font-family: "Frutiger CE Bold", sans-serif !important; + font-style: normal !important; + font-size: 15px !important; + background: -moz-linear-gradient(top, #808080,#656565); + background: -webkit-linear-gradient(top, #808080,#656565); + background: -o-linear-gradient(top, #808080,#656565); + background: -ms-linear-gradient(top, #808080,#656565); + background: linear-gradient(top, #808080,#656565); +} + +.read-more:hover:active { + background: -moz-linear-gradient(top, #656565, #808080); + background: -webkit-linear-gradient(top, #656565, #808080); + background: -o-linear-gradient(top, #656565, #808080); + background: -ms-linear-gradient(top, #656565, #808080); + background: linear-gradient(top, #656565, #808080); +} + +.read-more:hover { + background: -moz-linear-gradient(top, #777,#555); + background: -webkit-linear-gradient(top, #777,#555); + background: -o-linear-gradient(top, #777,#555); + background: -ms-linear-gradient(top, #777,#555); + background: linear-gradient(top, #777,#555); +} + +.about-author { + margin: 0; + font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; + font-size: 13px; + min-height: 104px; +} + +.author-img { + padding: 3px; + border: 1px solid #cccccc; + float: left; + width: 94px; + height: 96px; +} + +.author-name { + margin: 0 0 0 110px; + width: 365px; +} + +.author-name a { + font-family: "Frutiger CE Light", sans-serif; + font-size: 20px; + color: #6d6d6d; + text-decoration: none; +} + +.author-name a:hover { + color: #222; +} + +.author-description { + margin-left: 110px; + margin-top: -4px; + padding-bottom: 8px; + font-family: Georgia, "Century Schoolbook L", Serif; + font-style: italic; + font-size: 14px; + color: #818181; +} + +.author-more { + margin-left: 110px; + font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; + line-height: 22px; + font-size: 14px; +} + +.advert { + background: #1a1e27; + color: #e3e3e3; + font-size: 29px; + width: 156px; + height: 156px; + float: left; + text-align: center; + font-family: "Frutiger CE Bold", sans-serif; + padding-top: 52px; + line-height: 30px; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.advert-right { + margin-left: 172px; + float: none; +} + +.categories { + margin: 0; + padding-left: 16px; + list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQwQ0YzNkE2RjlBMTFFMkJFNjFFQTZEODEyQzM1MTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQwQ0YzNkI2RjlBMTFFMkJFNjFFQTZEODEyQzM1MTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDBDRjM2ODZGOUExMUUyQkU2MUVBNkQ4MTJDMzUxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDBDRjM2OTZGOUExMUUyQkU2MUVBNkQ4MTJDMzUxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhLqRMMAAAB7SURBVHjaYkxJSZFiYGDgBOK7DHgAExALAvEdIJ4NxDz4FMJAChB/BOJ0NHEMhTD+DCB+BsTW+BTCgDgQHwHiA0AshU8hDNgCcRAQM7LgUTQPiPOB+AuIg03hBSAOB+JbyILICr9ArdkDxP9x+boCiIWAeDc2RSAAEGAAN5YS36rfQPIAAAAASUVORK5CYII=); +} + +.categories li { + margin: 0 0 20px 0; +} + +.categories li a { + font-family: "Frutiger CE Light", sans-serif; + font-size: 15px; + color: #1a1e27; + text-decoration: none; +} + +.categories li a:hover { + color: #777; +} + +.slider-text { + border-bottom: 1px solid #28292d; + width: 272px; + padding: 19px 14px 16px 14px; + margin: 15px 15px 0 581px; + color: #ededed; + font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; + font-size: 14px; + line-height: 23px; + box-shadow: 0 1px #2c2d30; +} + +.slider-text h1 { + margin: 0 0 10px 0; + font-family: "Frutiger CE Light", sans-serif; + font-size: 25px; + color: #ebebeb; +} + +.pre-img{ + position: absolute; + margin: 6px 0 0 580px; + width: 309px; +} + +.pre-img img{ + border: 1px solid #e5e5e5; + border-radius: 1px; + margin: 16px; + cursor: pointer; +} + +.slider img { + float: left; +} + +.hire-us { + position: absolute; + font-family: "Frutiger CE Light", sans-serif; + font-size: 19px; + color: #ededed; + margin: 185px 0 0 3px; + padding: 6px 30px 6px 5px; + cursor: pointer; + background: #1a1e27 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FENkFEQkY2Rjk5MTFFMkFCMzBBMDJBQ0E3M0NERjIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FENkFEQzA2Rjk5MTFFMkFCMzBBMDJBQ0E3M0NERjIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQUQ2QURCRDZGOTkxMUUyQUIzMEEwMkFDQTczQ0RGMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQUQ2QURCRTZGOTkxMUUyQUIzMEEwMkFDQTczQ0RGMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnatMacAAAHVSURBVHjahNLPixJhGAfw5zVdscN6aPCSo8Eu/QVWtKuGBR3CbGFjKVhKi0FkazeXvXbp0N+w7KWgjMiKok4Rsa2XsA4udUiwS0Qh5EEJLJyZt+8r88LLOOoDH2feH/N933Fe1m63yaNmIQdnQAcTvsMbeA1/5cRIJEJ+xpg7wIC7oHmEG05YGZ7LTp8IcYjahh3QlH63GDyF23IDaojoLMr2vfsPqNX6Ni5I1B3IixDW6XTE9Qh8haDcYjpzVqxAuVyWrheuUDgc9vrvfsO8D0VwA4LO/ZAom3N68fIVXV4t0JPqM7Ism9Q5oEGedbtdMb8JR9UlFlKnR5aNRg/TWqlIp9JJtfst6/V6Adz8E6+mjpxMZmhcHT+WoM1bNykej4nmL5/zGsy1TZpU9Y+f6OGjx3LuAT9+/qC/5xywqaVph6hUNOh89hw5n/inPGzvYGnSw4FAgC6tXCTDuEYHQyF1qOZ3tl6ZFJJKLdJWeYN0Peo1XKHBYCAw+ABcSpxI8uyFZb77vsbVfpcqxzEg0zQlHdrAhUZjn/f7fS7bHpoQHoZYlqWag8/Ap9iDiHhmGGLbttsMrMMX4ApRdbgKPjlfhLBh0oQvCnHoww/nKIzUfwEGAH93PVZN/LzvAAAAAElFTkSuQmCC) no-repeat 93%; +} + +.search { +margin: 18px 33px; + width: 167px; + position: relative; + float: right; +} + +.search input { + border: none; +} + +/* стили для поля ввода */ +.search .input { + width: 100%; + padding: 3px 37px 4px 6px; + /* чтобы ширина поля ввода (100%) включала в себя внутренние отступы */ + -moz-box-sizing: border-box; + box-sizing: border-box; + border-radius: 5px; + background: #ededed; + font: 13px Arial, sans-serif; + color: #1a1e27; + outline: none; +} + +/* меняем оформление поля ввода при фокусе */ +.search .input:focus { + background: #eee; + color: #333; +} + +/* оформляем кнопку отправки */ +.search .submit { + position: absolute; + top: 0; + right: -6px; + width: 37px; + + /* растягиваем кнопку на всю высоту формы */ + height: 100%; + cursor: pointer; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkNGOUUyNzA2Rjk1MTFFMkEzODBBRDNGMEMwNDhGODUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkNGOUUyNzE2Rjk1MTFFMkEzODBBRDNGMEMwNDhGODUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Q0Y5RTI2RTZGOTUxMUUyQTM4MEFEM0YwQzA0OEY4NSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Q0Y5RTI2RjZGOTUxMUUyQTM4MEFEM0YwQzA0OEY4NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pr/QslUAAADLSURBVHjanNO7DgFBGIbhWdmoJEQj0VBpJLKt3j2glakUOjehUyMq6yKoRKFSKXRoJBqHRiV4J5lphOz+vuRJJrv5Moed9bTWaaVUBUu8lCAJtLHAFmVpOWnHJWwQIhO3/JkmLujCl5ZdejihBk9aNslihjUK0rJLgD0GSEnLLho3tMxWpGU34QjFf8rmEKvYScoPu9w8VpI9D+3FGePpHvoRJTNDA4dvL3+Vz6hjLr1hHeSiim7mux1P7R92jXuCptzHBEfpN3sLMAD4EyF8mG6HsQAAAABJRU5ErkJggg==) 50% no-repeat; +} + +/* при наведении курсора меняем прозрачность кнопки отправки */ +.search .submit:hover { + opacity: 0.8; +} + +/* что бы в Chrome и Safari можно было стилизовать инпуты */ +input[type="search"] { + -webkit-appearance: none; +} + +input[type="search"]::-webkit-input-placeholder { + color: #1a1e27; + font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; + font-style: italic; +} + +input[type="search"]:-moz-placeholder { + color: #1a1e27; + font: 14px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; + font-style: italic; +} + + +