DISTRHO
/
Website
mirror of https://github.com/DISTRHO/Website
1
0
Fork 0
Code Releases 0 Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 Commits
1 Branch
7.5MB
Tree: 0dd502ce1d
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '0dd502ce1d'
${ noResults }
Website/css-white/style.css

764 lines
21KB
Raw Blame History 

  1. /* Getting the new tags to behave */

  2. article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }

  3. mark, rp, rt, ruby, summary, time { display: inline; }

  4. 

  5. /* Global properties ======================================================== */

  6. body {

  7.         background:#F4F4F4;

  8.         font-family: 'Raleway', sans-serif;

  9.         font-weight: 200;

  10.         font-size:100%;

  11.         line-height:1.125em;

  12.         color: #272727/*#7A7A7A*/;

  13. }

  14. html { min-width:1000px;}

  15. html, body { height:100%;background-color:#1E1F1F;}

  16. 

  17. 

  18. 

  19. /* Global Structure ============================================================= */

  20. .container {

  21.         margin: 0 auto;

  22.         position: relative;

  23.         width: 1000px;

  24.         font-size:.8125em;

  25. }

  26. 

  27.         /* Header */

  28.         header{

  29.                 height:72px;

  30.                 overflow:hidden;

  31.                 background:url(../images/header-bg_white.gif) 0 0 repeat-x;

  32.         }

  33. 

  34.         /*Gallery*/

  35.         #gallery {

  36.                 height:496px;

  37.                 overflow:hidden;

  38.                 background:url(../images/gallerry-bg_white.jpg) 0 0 repeat-x;

  39.         }

  40.         #gallery_plugins {

  41.                 height:296px;

  42.                 overflow:hidden;

  43.                 background:url(../images/gallerry-bg_white.jpg) 0 0 repeat-x;

  44.         }

  45. 		.individual_plugin_container{

  46. 				position:absolute;

  47. 				left:0;

  48. 				top:60px;

  49. 		}

  50. 		.text_download{

  51. 				/*font-family: 'Cutive Mono', sans-serif;*/

  52. 				z-index:100;

  53. 				position:absolute;

  54. 				color:#cfcdcd; /* FIXME */

  55. 				font-size:100%;

  56. 				left:45px;

  57. 				top:215px;

  58. 		}

  59. 		.text_download a{

  60. 				color:#cfcdcd; /* FIXME */

  61. 		}

  62. 		.text_download a:hover{

  63. 				color:#9eb2c5; /* FIXME */

  64. 		}

  65. 		.linuxLogo{

  66. 				background:url(../images/logo_linux.png) 100% 0 no-repeat;

  67. 		}

  68. 		.windowsLogo{

  69. 				background:url(../images/windowsLogo.png) 50% 0 no-repeat;

  70. 		}

  71. 

  72.         /* Content */

  73.         .content {

  74.                 float: left;

  75.                 width: 572px;

  76.         }

  77. 

  78.         /* Sidebar */

  79.         aside{

  80.                 float: left;

  81.                 width: 302px;

  82.                 margin:60px 52px 0 0;

  83.         }

  84.          .homeAside{

  85.                 float: left;

  86.                 width: 302px;

  87.                 margin:0px 52px 0 0;

  88.         }

  89.         /* Footer */

  90.         footer{

  91.                 padding:18px 0 18px 0;

  92.                 border-top: 5px solid #D6D6D6;

  93.         }

  94. 

  95. 

  96. 

  97. 

  98. /* Left & Right alignment */

  99. 

  100. .fleft { float:left;font-size:100%;vertical-align:text-bottom;}

  101. .fright { float:right;}

  102. .clear { clear:both;}

  103. 

  104. .col-1, .col-2, .col-3 { float:left;}

  105. 

  106. .alignright { text-align:right;}

  107. .aligncenter { text-align:center;}

  108. 

  109. .wrapper {

  110.         width:100%;

  111.         overflow:hidden;

  112. }

  113. 

  114. /* The inside class provides consistent padding. To be used often! */

  115. .inside{ padding: 20px 37px 30px 37px; }

  116. 

  117. .imagebox{ padding:50px 0px 0px 0px;}

  118. 

  119. /*----- form defaults -----*/

  120. input, select, textarea {

  121.         font-family: 'Raleway', sans-serif;

  122.         font-size:1em;

  123.         vertical-align:middle;

  124.         font-weight:normal;

  125. }

  126. 

  127. /*----- other -----*/

  128. figure {

  129. 

  130.         margin-bottom:5px;

  131. 

  132. }

  133. 

  134. img {padding:0px;}

  135. 

  136. legend {

  137.   padding-top:0;

  138.   padding-left:6px;

  139.   float:right; }

  140. 

  141. .img-indent {

  142.         margin:0 20px 0 0;

  143.         float:left;

  144. }

  145. .img-box {

  146.         width:100%;

  147.         overflow:hidden;

  148.         padding-bottom:15px;

  149. }

  150.         .img-box figure {

  151.                 float:left;

  152.                 margin:0 20px 0 0;

  153.                 padding:0;

  154.         }

  155. 

  156. .extra-wrap {

  157.         overflow:hidden;

  158. }

  159. 

  160. p {margin-bottom:18px;}

  161. .p1 { margin-bottom:9px;}

  162. .p2 { margin-bottom:18px;}

  163. .p3 { margin-bottom:27px;}

  164. 

  165. pmain{

  166.        margin-bottom:18px;

  167.        font-size:120%;

  168. 

  169. }

  170. 

  171. /*----- txt, links, lines, titles -----*/

  172. a {

  173.         color:#2D5B7A;

  174.         outline:none;

  175. 	text-decoration:none;

  176. }

  177. a:hover{

  178.         text-decoration:none;

  179. 	color:#8a8a8a;

  180. }

  181. 

  182. h1 {

  183.         font-size:34px;

  184.         line-height:1.2em;

  185.         color:#fff;

  186.         font-weight:normal;

  187. /*        background:url(../images/logo.png) no-repeat 0 0;*/

  188.         padding:6px 0 8px 0px;

  189.         position:absolute;

  190.         left: 0px;

  191.         top:6px;

  192. 

  193. }

  194.         h1 a {

  195.                 color:#fff;

  196.                 text-decoration:none;

  197.         }

  198. h2.pointer a{

  199. 		font-family: 'Raleway', sans-serif;

  200.         font-size:30px;

  201.         line-height:1.2em;

  202.         font-weight:200;

  203.         color:#2D5B7A;

  204.         margin-bottom:22px;

  205. }

  206. h2.pointer a:hover{

  207. 		color:#8a8a8a;

  208. }

  209. h2 {

  210. 		font-family: 'Raleway', sans-serif;

  211.         font-size:30px;

  212.         line-height:1.2em;

  213.         font-weight:200;

  214.         color:#212222;

  215.         margin-bottom:22px;

  216. }

  217.         h2 a {

  218.                 color:#212222;

  219.                 text-decoration:none;

  220.                 font-size:24px;

  221.         }

  222.         h2 span {

  223.                 color:#8a8a8a;

  224.         }

  225. h3 {

  226. 		font-family: 'Raleway', sans-serif;

  227. 		font-weight: 300;

  228.         font-size:120%;

  229.         margin-bottom:6px;

  230. 	    color:#212222;

  231. }

  232.         h3 a {

  233. 	        text-decoration:none;

  234. 	        color:#212222; }

  235.         h3 a:hover {

  236.                 color:#8a8a8a;

  237.         }

  238. 

  239. #loopedSlider a {

  240.         color:#ff0000;

  241.         outline:none;

  242. 	text-decoration:none;

  243. }

  244. #loopedSlider a:hover{

  245.         color:#212222;

  246.         text-decoration:none;

  247. }

  248. 

  249. /*==================boxes====================*/

  250. .main-box {

  251.         border-top:5px solid #f9f9f9;

  252.         background:#f9f9f9;

  253.         width:100%;

  254. /*         min-height:80%; */

  255. }

  256. 

  257. 

  258. .contacts {

  259.         padding-bottom:20px;

  260. }

  261.         .contacts li {

  262.                 width:100%;

  263.                 overflow:hidden;

  264.         }

  265.                 .contacts li strong {

  266.                         float:left;

  267.                         width:95px;

  268.                 }

  269. 

  270. 

  271. .list1 {

  272.         margin-left:12px;

  273.         padding-bottom:18px;

  274. }

  275. .list1 li {

  276.         background:url(../images/arrow1.gif) no-repeat 0 6px;

  277.         padding:0 0 0 12px;

  278. }

  279. 

  280. 

  281. 

  282. /*===== header =====*/

  283. header nav {

  284.         float:right;

  285. }

  286.                 header nav ul li {

  287.                         float:left;

  288.                 }

  289.                         header nav ul li a {

  290. 								font-family:'Raleway', sans-serif;

  291. 								font-weight: 300;

  292.                                 font-size:22px;

  293.                                 color:#ddd;

  294.                                 height:67px;

  295.                                 line-height:67px;

  296.                                 text-decoration:none;

  297.                                 width:101px;

  298.                                 text-align:center;

  299.                                 float:left;

  300.                                 background:#0B1C27;

  301.                                 background-image: gradient(top, #091720, #0B1C27); /* FF3.6 */

  302.                                 background-image: -moz-linear-gradient(top, #091720, #0B1C27); /* FF3.6 */

  303.                                 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #091720),color-stop(1, #0B1C27)); /* Saf4+, Chrome */

  304.         filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#091720', EndColorStr='#0B1C27'); /* IE6,IE7 */

  305.         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#091720', EndColorStr='#0B1C27')"; /* IE8 */

  306.                 }

  307.                 header nav ul li a.current, header nav ul li a:hover {

  308.                         padding-bottom:5px;

  309.                 }

  310. 

  311.                 header nav ul li:nth-of-type(2) a {

  312.                         background:#102634;

  313.                         background-image: -moz-linear-gradient(top, #102634, #132D3E); /* FF3.6 */

  314.                         background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #102634),color-stop(1, #132D3E)); /* Saf4+, Chrome */

  315.                         filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#102634', EndColorStr='#132D3E'); /* IE6,IE7 */

  316.                         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#102634', EndColorStr='#132D3E')"; /* IE8 */

  317.                 }

  318. 

  319.                 header nav ul li:nth-of-type(3) a {

  320.                         background:#343233;

  321.                         background-image: -moz-linear-gradient(top, #343233, #464344); /* FF3.6 */

  322.                         background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #343233),color-stop(1, #464344)); /* Saf4+, Chrome */

  323.                         filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#343233', EndColorStr='#464344'); /* IE6,IE7 */

  324.                         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#343233', EndColorStr='#464344')"; /* IE8 */

  325.                 }

  326.                 header nav ul li:nth-of-type(4) a {

  327.                         background:#4F4842;

  328.                         background-image: -moz-linear-gradient(top, #4F4842, #605750); /* FF3.6 */

  329.                         background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4F4842),color-stop(1, #605750)); /* Saf4+, Chrome */

  330.                         filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#4F4842', EndColorStr='#605750'); /* IE6,IE7 */

  331.                         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4F4842', EndColorStr='#605750')"; /* IE8 */

  332.                 }

  333.                 header nav ul li:nth-of-type(5) a {

  334.                         background:#746C55;

  335.                         background-image: -moz-linear-gradient(top, #746C55, #7E755C); /* FF3.6 */

  336.                         background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #746C55),color-stop(1, #7E755C)); /* Saf4+, Chrome */

  337.                         filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#746C55', EndColorStr='#7E755C'); /* IE6,IE7 */

  338.                         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#746C55', EndColorStr='#7E755C')"; /* IE8 */

  339.                 }

  340.                 header nav ul li:nth-of-type(6) a {

  341.                         background:#90866A;

  342.                         background-image: -moz-linear-gradient(top, #90866A, #A89D7B); /* FF3.6 */

  343.                         background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #90866A),color-stop(1, #A89D7B)); /* Saf4+, Chrome */

  344.                         filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#90866A', EndColorStr='#A89D7B'); /* IE6,IE7 */

  345.                         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#90866A', EndColorStr='#A89D7B')"; /* IE8 */

  346.                 }

  347. 

  348. 

  349. 

  350. 

  351. /*===== gallery =====*/

  352. .roundabout-holder  {

  353.         width:850px;

  354.         height:496px;

  355.         margin:0 auto;

  356. }

  357. .roundabout-moveable-item {

  358.    width: 646px;

  359.    height: 416px;

  360.    cursor: pointer;

  361.          border:3px solid #ccc;

  362.          border:3px solid rgba(0, 0, 0, 0.08);

  363.    border-radius:4px;

  364.          -moz-border-radius:4px;

  365.          -webkit-border-radius:4px;

  366. }

  367.         .roundabout-moveable-item img{

  368.                 width:100%;

  369.         }

  370. .roundabout-in-focus {

  371.         border:3px solid rgba(0, 0, 0, 0.2);

  372. }

  373. 

  374. 

  375. /*===== content =====*/

  376. .content {

  377. 

  378. }

  379.         .content img, aside img {

  380.                 border:1px solid #EBEBEB;

  381. 				padding:2px;

  382.                 border-radius:4px;

  383.                 -moz-border-radius:4px;

  384.                 -webkit-border-radius:4px;

  385.         }

  386.         .content img:hover {

  387.                 border-color:#bbb;

  388.         }

  389. 

  390. 

  391. /*--- news list styles ---*/

  392.         .news li {

  393.                 overflow:hidden;

  394.                 position:relative;

  395.                 padding:0 0 10px 84px;

  396.         }

  397.         .news li:last-child {

  398.                 padding-bottom:0;

  399.         }

  400. 

  401.                 .news li figure {

  402. 						font-family: 'Raleway', sans-serif;

  403. 						font-weight: 300;

  404.                         width:65px;

  405.                         height:65px;

  406.                         background:url(../images/date-none.gif) no-repeat 0 0;

  407.                         position:absolute;

  408.                         left:0;

  409.                         top:0;

  410.                         text-align:center;

  411.                         color:#818181;

  412.                         text-transform:uppercase;

  413.                 }

  414.                         .news li figure strong {

  415.                                 display:inline;

  416.                                 font-size:17px;

  417.                                 line-height:2.0em;

  418.                                 margin-bottom:-7px;

  419.                                 padding-top:4px;

  420.                         }

  421.                         .news li figure p {

  422.                                 display:inline;

  423.                                 font-size:17px;

  424.                                 line-height:0.1em;

  425. 								color:#272727;

  426. 								float:right;

  427. 								margin-right:3px;

  428.                         }

  429. 

  430. .team-list li {

  431.         width:100%;

  432.         overflow:hidden;

  433.         padding-bottom:43px;

  434. }

  435. .team-list li:last-child {

  436.         padding-bottom:0;

  437. }

  438.         .team-list li figure {

  439.                 float:left;

  440.                 margin:0 20px 0 0;

  441.                 padding:0;

  442.         }

  443. 

  444. 

  445. /*--- loopedSlider styles ---*/

  446. /*

  447.  * Required

  448. */

  449. #loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}

  450. #loopedSlider .slides { position:absolute; top:0; left:0; }

  451. #loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }

  452. /*

  453.  * Optional

  454. */

  455. #loopedSlider { width:295px; position:relative; clear:both; }

  456. #loopedSlider .nav-controls {

  457.         width:100%;

  458.         overflow:hidden;

  459.         padding-top:10px;

  460. }

  461. #loopedSlider li {

  462.         display:inline;

  463. }

  464. #loopedSlider li a.previous {

  465.         float:left;

  466. }

  467. #loopedSlider li a.next {

  468.         float:right;

  469. }

  470. 

  471. /*--- images styles ---*/

  472. 

  473. 

  474. /*#imagens { width:295px; height:170px; overflow:hidden; position:relative;}*/

  475. 

  476. 

  477. /*===== footer =====*/

  478. footer {

  479.         color:#fff;

  480. 	background-color:#1E1F1F;

  481. }

  482.         footer .fleft {

  483.                 padding-left:40px;

  484.         }

  485.         footer .fright {

  486.                 padding-right:0px;

  487.         }

  488. footer a{color:#A3B6B6;}

  489. 

  490. footer a:hover{color:#ffffff;}

  491. 

  492. /*----- forms -----*/

  493. #contacts-form {

  494.         clear:right;

  495.         width:100%;

  496.         overflow:hidden;

  497. }

  498.         #contacts-form fieldset {

  499.                 border:none;

  500.                 float:left;

  501.         }

  502.                 #contacts-form .field {

  503.                         clear:both;

  504.                 }

  505.                         #contacts-form label {

  506.                                 float:left;

  507.                                 width:110px;

  508.                                 line-height:18px;

  509.                                 padding-bottom:6px;

  510.                                 font-weight:bold;

  511.                         }

  512.                         #contacts-form input {

  513.                                 width:205px;

  514.                                 padding:1px 0 1px 3px;

  515.                                 background:none;

  516.                                 border:1px solid #e5e5e5;

  517.                                 color:#616161;

  518.                                 float:left

  519.                         }

  520.                         #contacts-form input:invalid {

  521.                                 border-color:red;

  522.                         }

  523.                         #contacts-form textarea {

  524.                                 width:450px;

  525.                                 height:215px;

  526.                                 padding:1px 0 1px 3px;

  527.                                 background:none;

  528.                                 border:1px solid #e5e5e5;

  529.                                 color:#616161;

  530.                                 margin-bottom:12px;

  531.                                 overflow:auto;

  532.                                 float:left;

  533.                         }

  534.                         #contacts-form div:last-child {

  535.                                 padding-left:110px;

  536.                         }

  537. 

  538. /*==================lightbox========================*/

  539. 

  540. #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

  541. #lightbox img{ width: auto; height: auto;}

  542. #lightbox a img{ border: none; }

  543. 

  544. #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

  545. #imageContainer{ padding: 10px; }

  546. 

  547. #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

  548. #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

  549. #imageContainer>#hoverNav{ left: 0;}

  550. #hoverNav a{ outline: none;}

  551. 

  552. #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(../images/nolabel.gif); /* Trick IE into showing hover */ display: block; }

  553. #prevLink { left: 0; float: left;}

  554. #nextLink { right: 0; float: right;}

  555. #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }

  556. #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

  557. 

  558. #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

  559. 

  560. #imageData{	padding:0 10px; color: #666; }

  561. #imageData #imageDetails{ width: 70%; float: left; text-align: left; }

  562. #imageData #caption{ font-weight: bold;	}

  563. #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}

  564. #imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

  565. 

  566. #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

  567. a.hidden{ display:none;}

  568. 

  569. /*==================menuslider========================*/

  570. 

  571. .button {

  572. position:absolute;

  573. }

  574. .button img {

  575. margin-bottom:10px;

  576. }

  577. 

  578. .menu_button {

  579. height: 16px;

  580. width: 92px;

  581. margin: auto;

  582. }

  583. 

  584. .menu_class {

  585. }

  586. .the_menu {

  587. display:none;

  588. width:300px;

  589. }

  590. .the_menu li {

  591. background-color: #ffffff;

  592. }

  593. .the_menu li a {

  594. font-family:'Raleway', sans-serif;

  595. font-weight: 200;

  596. color:#2D5B7A;

  597. text-decoration:none;

  598. padding:0px 10px 0px 5px;

  599. display:block;

  600. font-size:100%;

  601. }

  602. .the_menu li a:hover {

  603. padding:0px 10px 0px 5px;

  604. color: #8a8a8a;

  605. }

  606. .formleftside{

  607. position:relative;

  608. left:10px;

  609. bottom:5px;

  610. }

  611. .rslides {

  612.   position: relative;

  613.   list-style: none;

  614.   overflow: hidden;

  615.   width: 100%;

  616.   padding: 0;

  617.   margin: 0;

  618.   }

  619. 

  620. .rslides li {

  621.   -webkit-backface-visibility: hidden;

  622.   position: absolute;

  623.   display: none;

  624.   width: 100%;

  625.   left: 0;

  626.   top: 0;

  627.   }

  628. 

  629. .rslides li:first-child {

  630.   position: relative;

  631.   display: block;

  632.   float: left;

  633.   }

  634. 

  635. .rslides img {

  636.   display: block;

  637.   height: auto;

  638.   float: left;

  639.   width: 100%;

  640.   border: 0;

  641.   }

  642. 

  643.   .centered-btns_nav {

  644.   z-index: 10;

  645.   position: absolute;

  646.   -webkit-tap-highlight-color: rgba(0,0,0,0);

  647.   top: 50%;

  648.   left: 0;

  649.   opacity: 0.7;

  650.   text-indent: -9999px;

  651.   overflow: hidden;

  652.   text-decoration: none;

  653.   height: 61px;

  654.   width: 38px;

  655.   background: transparent url(../images/themes.gif) no-repeat left top;

  656.   margin-top: -45px;

  657.   }

  658. 

  659. .centered-btns_nav:active {

  660.   opacity: 1.0;

  661.   }

  662. 

  663. .centered-btns_nav.next {

  664.   left: auto;

  665.   background-position: right top;

  666.   right: 0;

  667.   }

  668. 

  669. .transparent-btns_nav {

  670.   z-index: 3;

  671.   position: absolute;

  672.   -webkit-tap-highlight-color: rgba(0,0,0,0);

  673.   top: 0;

  674.   left: 0;

  675.   display: block;

  676.   background: #fff; /* Fix for IE6-9 */

  677.   opacity: 0;

  678.   filter: alpha(opacity=1);

  679.   width: 48%;

  680.   text-indent: -9999px;

  681.   overflow: hidden;

  682.   height: 91%;

  683.   }

  684. 

  685. .transparent-btns_nav.next {

  686.   left: auto;

  687.   right: 0;

  688.   }

  689. 

  690. .large-btns_nav {

  691.   z-index: 10;

  692.   position: absolute;

  693.   -webkit-tap-highlight-color: rgba(0,0,0,0);

  694.   opacity: 0.6;

  695.   text-indent: -9999px;

  696.   overflow: hidden;

  697.   top: 0;

  698.   bottom: 0;

  699.   left: 0;

  700.   background: #000 url(../images/themes.gif) no-repeat left 50%;

  701.   width: 38px;

  702.   }

  703. 

  704. .large-btns_nav:active {

  705.   opacity: 1.0;

  706.   }

  707. 

  708. .large-btns_nav.next {

  709.   left: auto;

  710.   background-position: right 50%;

  711.   right: 0;

  712.   }

  713. 

  714. .centered-btns_nav:focus,

  715. .transparent-btns_nav:focus,

  716. .large-btns_nav:focus {

  717.   outline: none;

  718.   }

  719. 

  720. .centered-btns_tabs,

  721. .transparent-btns_tabs,

  722. .large-btns_tabs {

  723.   margin-top: 10px;

  724.   text-align: right;

  725.   }

  726. 

  727. .centered-btns_tabs li,

  728. .transparent-btns_tabs li,

  729. .large-btns_tabs li {

  730.   display: inline;

  731.   float: none;

  732.   _float: left;

  733.   *float: left;

  734.   margin-right: 5px;

  735.   }

  736. 

  737. .centered-btns_tabs a,

  738. .transparent-btns_tabs a,

  739. .large-btns_tabs a {

  740.   text-indent: -9999px;

  741.   overflow: hidden;

  742.   -webkit-border-radius: 15px;

  743.   -moz-border-radius: 15px;

  744.   border-radius: 15px;

  745.   background: #ccc;

  746.   background: rgba(0,0,0, .2);

  747.   display: inline-block;

  748.   _display: block;

  749.   *display: block;

  750.   -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  751.   -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  752.   box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);

  753.   width: 6px;

  754.   height: 6px;

  755.   }

  756. 

  757. .centered-btns_here a,

  758. .transparent-btns_here a,

  759. .large-btns_here a {

  760.   background: #222;

  761.   background: rgba(0,0,0, .8);

  762.   }

  763.