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.
36 Commits
1 Branch
7.5MB
Tree: fdfc7c064c
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'fdfc7c064c'
${ noResults }
Website/css-white/style.css

769 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.         display:flex;

  14.         flex-direction:column;

  15. }

  16. html { min-width:750px;}

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

  18. hr { color:#D6D6D64D; background-color:transparent; }

  19. 

  20. 

  21. /* Global Structure ============================================================= */

  22. .container {

  23.         margin: 0 auto;

  24.         position: relative;

  25.         min-width: 750px;

  26.         max-width: 1000px;

  27.         font-size:.8125em;

  28. }

  29. 

  30.         /* Header */

  31.         header{

  32.                 height:72px;

  33.                 min-height:72px;

  34.                 overflow:hidden;

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

  36.         }

  37. 

  38.         /*Gallery*/

  39.         #gallery {

  40.                 height:380px;

  41.                 min-height:380px;

  42.                 overflow:hidden;

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

  44.         }

  45.         #gallery_plugins {

  46.                 height:296px;

  47.                 overflow:hidden;

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

  49.         }

  50. 		.individual_plugin_container{

  51. 				position:absolute;

  52. 				left:0;

  53. 				top:60px;

  54. 		}

  55. 		.text_download{

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

  57. 				z-index:100;

  58. 				position:absolute;

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

  60. 				font-size:100%;

  61. 				left:45px;

  62. 				top:215px;

  63. 		}

  64. 		.text_download a{

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

  66. 		}

  67. 		.text_download a:hover{

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

  69. 		}

  70. 		.linuxLogo{

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

  72. 		}

  73. 		.windowsLogo{

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

  75. 		}

  76. 

  77.         /* Content */

  78.         .content {

  79.                 float: left;

  80.                 width: 572px;

  81.         }

  82. 

  83.         /* Sidebar */

  84.         aside{

  85.                 float: left;

  86.                 width: 302px;

  87.                 margin: 0px 52px 0 0;

  88.         }

  89.          .homeAside{

  90.                 float: left;

  91.                 width: 302px;

  92.                 margin:0px 52px 0 0;

  93.         }

  94.         /* Footer */

  95.         footer{

  96.                 padding:18px 0 18px 0;

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

  98.         }

  99. 

  100. 

  101. 

  102. 

  103. /* Left & Right alignment */

  104. 

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

  106. .fright { float:right;}

  107. .clear { clear:both;}

  108. 

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

  110. 

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

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

  113. 

  114. .wrapper {

  115.         width:100%;

  116.         overflow:hidden;

  117. }

  118. 

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

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

  121. 

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

  123. 

  124. /*----- form defaults -----*/

  125. input, select, textarea {

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

  127.         font-size:1em;

  128.         vertical-align:middle;

  129.         font-weight:normal;

  130. }

  131. 

  132. /*----- other -----*/

  133. figure {

  134. 

  135.         margin-bottom:5px;

  136. 

  137. }

  138. 

  139. img {padding:0px;}

  140. 

  141. legend {

  142.   padding-top:0;

  143.   padding-left:6px;

  144.   float:right; }

  145. 

  146. .img-indent {

  147.         margin:0 20px 0 0;

  148.         float:left;

  149. }

  150. .img-box {

  151.         width:100%;

  152.         overflow:hidden;

  153.         padding-bottom:15px;

  154. }

  155.         .img-box figure {

  156.                 float:left;

  157.                 margin:0 20px 0 0;

  158.                 padding:0;

  159.         }

  160. 

  161. .extra-wrap {

  162.         overflow:hidden;

  163. }

  164. 

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

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

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

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

  169. 

  170. pmain{

  171.        margin-bottom:18px;

  172.        font-size:120%;

  173. 

  174. }

  175. 

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

  177. a {

  178.         color:#2D5B7A;

  179.         outline:none;

  180. 	text-decoration:none;

  181. }

  182. a:hover{

  183.         text-decoration:none;

  184. 	color:#8a8a8a;

  185. }

  186. 

  187. h1 {

  188.         font-size:34px;

  189.         line-height:1.2em;

  190.         color:#fff;

  191.         font-weight:normal;

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

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

  194.         position:absolute;

  195.         left: 0px;

  196.         top:6px;

  197. 

  198. }

  199.         h1 a {

  200.                 color:#fff;

  201.                 text-decoration:none;

  202.         }

  203. h2.pointer a{

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

  205.         font-size:30px;

  206.         line-height:1.2em;

  207.         font-weight:200;

  208.         color:#2D5B7A;

  209.         margin-bottom:22px;

  210. }

  211. h2.pointer a:hover{

  212. 		color:#8a8a8a;

  213. }

  214. h2 {

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

  216.         font-size:30px;

  217.         line-height:1.2em;

  218.         font-weight:200;

  219.         color:#212222;

  220.         margin-bottom:22px;

  221. }

  222.         h2 a {

  223.                 color:#212222;

  224.                 text-decoration:none;

  225.                 font-size:24px;

  226.         }

  227.         h2 span {

  228.                 color:#8a8a8a;

  229.         }

  230. h3 {

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

  232. 		font-weight: 300;

  233.         font-size:120%;

  234.         margin-bottom:6px;

  235. 	    color:#212222;

  236. }

  237.         h3 a {

  238. 	        text-decoration:none;

  239. 	        color:#212222; }

  240.         h3 a:hover {

  241.                 color:#8a8a8a;

  242.         }

  243. 

  244. #loopedSlider a {

  245.         color:#ff0000;

  246.         outline:none;

  247. 	text-decoration:none;

  248. }

  249. #loopedSlider a:hover{

  250.         color:#212222;

  251.         text-decoration:none;

  252. }

  253. 

  254. /*==================boxes====================*/

  255. .main-box {

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

  257.         background:#f9f9f9;

  258.         width:100%;

  259.         flex:1;

  260. }

  261. 

  262. 

  263. .contacts {

  264.         padding-bottom:20px;

  265. }

  266.         .contacts li {

  267.                 width:100%;

  268.                 overflow:hidden;

  269.         }

  270.                 .contacts li strong {

  271.                         float:left;

  272.                         width:95px;

  273.                 }

  274. 

  275. 

  276. .list1 {

  277.         margin-left:12px;

  278.         padding-bottom:18px;

  279. }

  280. .list1 li {

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

  282.         padding:0 0 0 12px;

  283. }

  284. 

  285. 

  286. 

  287. /*===== header =====*/

  288. header nav {

  289.         float:right;

  290. }

  291.                 header nav ul li {

  292.                         float:left;

  293.                 }

  294.                         header nav ul li a {

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

  296. 								font-weight: 300;

  297.                                 font-size:22px;

  298.                                 color:#ddd;

  299.                                 height:67px;

  300.                                 line-height:67px;

  301.                                 text-decoration:none;

  302.                                 width:101px;

  303.                                 text-align:center;

  304.                                 float:left;

  305.                                 background:#0B1C27;

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

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

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

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

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

  311.                 }

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

  313.                         padding-bottom:5px;

  314.                 }

  315. 

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

  317.                         background:#102634;

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

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

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

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

  322.                 }

  323. 

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

  325.                         background:#343233;

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

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

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

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

  330.                 }

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

  332.                         background:#4F4842;

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

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

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

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

  337.                 }

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

  339.                         background:#746C55;

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

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

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

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

  344.                 }

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

  346.                         background:#90866A;

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

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

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

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

  351.                 }

  352. 

  353. 

  354. 

  355. 

  356. /*===== gallery =====*/

  357. .roundabout-holder  {

  358.         width:850px;

  359.         height:496px;

  360.         margin:0 auto;

  361. }

  362. .roundabout-moveable-item {

  363.    width: 646px;

  364.    height: 416px;

  365.    cursor: pointer;

  366.          border:3px solid #ccc;

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

  368.    border-radius:4px;

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

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

  371. }

  372.         .roundabout-moveable-item img{

  373.                 width:100%;

  374.         }

  375. .roundabout-in-focus {

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

  377. }

  378. 

  379. 

  380. /*===== content =====*/

  381. .content {

  382. 

  383. }

  384.         .content img, aside img {

  385.                 border:1px solid #EBEBEB;

  386. 				padding:2px;

  387.                 border-radius:4px;

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

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

  390.         }

  391.         .content img:hover {

  392.                 border-color:#bbb;

  393.         }

  394. 

  395. 

  396. /*--- news list styles ---*/

  397.         .news li {

  398.                 overflow:hidden;

  399.                 position:relative;

  400.                 padding:0 0 10px 84px;

  401.         }

  402.         .news li:last-child {

  403.                 padding-bottom:0;

  404.         }

  405. 

  406.                 .news li figure {

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

  408. 						font-weight: 300;

  409.                         width:65px;

  410.                         height:65px;

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

  412.                         position:absolute;

  413.                         left:0;

  414.                         top:0;

  415.                         text-align:center;

  416.                         color:#818181;

  417.                         text-transform:uppercase;

  418.                 }

  419.                         .news li figure strong {

  420.                                 display:inline;

  421.                                 font-size:17px;

  422.                                 line-height:2.0em;

  423.                                 margin-bottom:-7px;

  424.                                 padding-top:4px;

  425.                         }

  426.                         .news li figure p {

  427.                                 display:inline;

  428.                                 font-size:17px;

  429.                                 line-height:0.1em;

  430. 								color:#272727;

  431. 								float:right;

  432. 								margin-right:3px;

  433.                         }

  434. 

  435. .team-list li {

  436.         width:100%;

  437.         overflow:hidden;

  438.         padding-bottom:43px;

  439. }

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

  441.         padding-bottom:0;

  442. }

  443.         .team-list li figure {

  444.                 float:left;

  445.                 margin:0 20px 0 0;

  446.                 padding:0;

  447.         }

  448. 

  449. 

  450. /*--- loopedSlider styles ---*/

  451. /*

  452.  * Required

  453. */

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

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

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

  457. /*

  458.  * Optional

  459. */

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

  461. #loopedSlider .nav-controls {

  462.         width:100%;

  463.         overflow:hidden;

  464.         padding-top:10px;

  465. }

  466. #loopedSlider li {

  467.         display:inline;

  468. }

  469. #loopedSlider li a.previous {

  470.         float:left;

  471. }

  472. #loopedSlider li a.next {

  473.         float:right;

  474. }

  475. 

  476. /*--- images styles ---*/

  477. 

  478. 

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

  480. 

  481. 

  482. /*===== footer =====*/

  483. footer {

  484.         color:#fff;

  485. 	background-color:#1E1F1F;

  486. }

  487.         footer .fleft {

  488.                 padding-left:40px;

  489.         }

  490.         footer .fright {

  491.                 padding-right:0px;

  492.         }

  493. footer a{color:#A3B6B6;}

  494. 

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

  496. 

  497. /*----- forms -----*/

  498. #contacts-form {

  499.         clear:right;

  500.         width:100%;

  501.         overflow:hidden;

  502. }

  503.         #contacts-form fieldset {

  504.                 border:none;

  505.                 float:left;

  506.         }

  507.                 #contacts-form .field {

  508.                         clear:both;

  509.                 }

  510.                         #contacts-form label {

  511.                                 float:left;

  512.                                 width:110px;

  513.                                 line-height:18px;

  514.                                 padding-bottom:6px;

  515.                                 font-weight:bold;

  516.                         }

  517.                         #contacts-form input {

  518.                                 width:205px;

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

  520.                                 background:none;

  521.                                 border:1px solid #e5e5e5;

  522.                                 color:#616161;

  523.                                 float:left

  524.                         }

  525.                         #contacts-form input:invalid {

  526.                                 border-color:red;

  527.                         }

  528.                         #contacts-form textarea {

  529.                                 width:450px;

  530.                                 height:215px;

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

  532.                                 background:none;

  533.                                 border:1px solid #e5e5e5;

  534.                                 color:#616161;

  535.                                 margin-bottom:12px;

  536.                                 overflow:auto;

  537.                                 float:left;

  538.                         }

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

  540.                                 padding-left:110px;

  541.                         }

  542. 

  543. /*==================lightbox========================*/

  544. 

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

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

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

  548. 

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

  550. #imageContainer{ padding: 10px; }

  551. 

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

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

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

  555. #hoverNav a{ outline: none;}

  556. 

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

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

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

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

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

  562. 

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

  564. 

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

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

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

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

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

  570. 

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

  572. a.hidden{ display:none;}

  573. 

  574. /*==================menuslider========================*/

  575. 

  576. .button {

  577. position:absolute;

  578. }

  579. .button img {

  580. margin-bottom:10px;

  581. }

  582. 

  583. .menu_button {

  584. height: 16px;

  585. width: 92px;

  586. margin: auto;

  587. }

  588. 

  589. .menu_class {

  590. }

  591. .the_menu {

  592. display:none;

  593. width:300px;

  594. }

  595. .the_menu li {

  596. background-color: #ffffff;

  597. }

  598. .the_menu li a {

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

  600. font-weight: 200;

  601. color:#2D5B7A;

  602. text-decoration:none;

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

  604. display:block;

  605. font-size:100%;

  606. }

  607. .the_menu li a:hover {

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

  609. color: #8a8a8a;

  610. }

  611. .formleftside{

  612. position:relative;

  613. left:10px;

  614. bottom:5px;

  615. }

  616. .rslides {

  617.   position: relative;

  618.   list-style: none;

  619.   overflow: hidden;

  620.   width: 100%;

  621.   padding: 0;

  622.   margin: 0;

  623.   }

  624. 

  625. .rslides li {

  626.   -webkit-backface-visibility: hidden;

  627.   position: absolute;

  628.   display: none;

  629.   width: 100%;

  630.   left: 0;

  631.   top: 0;

  632.   }

  633. 

  634. .rslides li:first-child {

  635.   position: relative;

  636.   display: block;

  637.   float: left;

  638.   }

  639. 

  640. .rslides img {

  641.   display: block;

  642.   height: auto;

  643.   float: left;

  644.   width: 100%;

  645.   border: 0;

  646.   }

  647. 

  648.   .centered-btns_nav {

  649.   z-index: 10;

  650.   position: absolute;

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

  652.   top: 50%;

  653.   left: 0;

  654.   opacity: 0.7;

  655.   text-indent: -9999px;

  656.   overflow: hidden;

  657.   text-decoration: none;

  658.   height: 61px;

  659.   width: 38px;

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

  661.   margin-top: -45px;

  662.   }

  663. 

  664. .centered-btns_nav:active {

  665.   opacity: 1.0;

  666.   }

  667. 

  668. .centered-btns_nav.next {

  669.   left: auto;

  670.   background-position: right top;

  671.   right: 0;

  672.   }

  673. 

  674. .transparent-btns_nav {

  675.   z-index: 3;

  676.   position: absolute;

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

  678.   top: 0;

  679.   left: 0;

  680.   display: block;

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

  682.   opacity: 0;

  683.   filter: alpha(opacity=1);

  684.   width: 48%;

  685.   text-indent: -9999px;

  686.   overflow: hidden;

  687.   height: 91%;

  688.   }

  689. 

  690. .transparent-btns_nav.next {

  691.   left: auto;

  692.   right: 0;

  693.   }

  694. 

  695. .large-btns_nav {

  696.   z-index: 10;

  697.   position: absolute;

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

  699.   opacity: 0.6;

  700.   text-indent: -9999px;

  701.   overflow: hidden;

  702.   top: 0;

  703.   bottom: 0;

  704.   left: 0;

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

  706.   width: 38px;

  707.   }

  708. 

  709. .large-btns_nav:active {

  710.   opacity: 1.0;

  711.   }

  712. 

  713. .large-btns_nav.next {

  714.   left: auto;

  715.   background-position: right 50%;

  716.   right: 0;

  717.   }

  718. 

  719. .centered-btns_nav:focus,

  720. .transparent-btns_nav:focus,

  721. .large-btns_nav:focus {

  722.   outline: none;

  723.   }

  724. 

  725. .centered-btns_tabs,

  726. .transparent-btns_tabs,

  727. .large-btns_tabs {

  728.   margin-top: 10px;

  729.   text-align: right;

  730.   }

  731. 

  732. .centered-btns_tabs li,

  733. .transparent-btns_tabs li,

  734. .large-btns_tabs li {

  735.   display: inline;

  736.   float: none;

  737.   _float: left;

  738.   *float: left;

  739.   margin-right: 5px;

  740.   }

  741. 

  742. .centered-btns_tabs a,

  743. .transparent-btns_tabs a,

  744. .large-btns_tabs a {

  745.   text-indent: -9999px;

  746.   overflow: hidden;

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

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

  749.   border-radius: 15px;

  750.   background: #ccc;

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

  752.   display: inline-block;

  753.   _display: block;

  754.   *display: block;

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

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

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

  758.   width: 6px;

  759.   height: 6px;

  760.   }

  761. 

  762. .centered-btns_here a,

  763. .transparent-btns_here a,

  764. .large-btns_here a {

  765.   background: #222;

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

  767.   }

  768.