Browse Source

Initial commit

master
falkTX 7 years ago
parent
commit
bb7985ab11
100 changed files with 11428 additions and 4 deletions
  1. +1
    -0
      .gitignore
  2. +0
    -4
      README.md
  3. +3
    -0
      _distrho-kdev.kdev4
  4. +47
    -0
      about.php
  5. +2
    -0
      css-black/ie/ie6.css
  6. +47
    -0
      css-black/reset.css
  7. +45
    -0
      css-black/style-mini-news.css
  8. +735
    -0
      css-black/style.css
  9. +2
    -0
      css-white/ie/ie6.css
  10. +46
    -0
      css-white/reset.css
  11. +45
    -0
      css-white/style-mini-news.css
  12. +777
    -0
      css-white/style.css
  13. BIN
      images/_distrho-logo.png
  14. BIN
      images/_old_about_white.png
  15. BIN
      images/about_black.png
  16. BIN
      images/about_white.png
  17. BIN
      images/button_black.png
  18. BIN
      images/button_blacks.png
  19. BIN
      images/button_white.png
  20. BIN
      images/closelabel.gif
  21. BIN
      images/date-none.gif
  22. BIN
      images/distrho-logo.png
  23. BIN
      images/distrho-logos.png
  24. BIN
      images/gallerry-bg.gif
  25. BIN
      images/gallerry-bg.jpg
  26. BIN
      images/header-bg_black.gif
  27. BIN
      images/header-bg_white.gif
  28. BIN
      images/header-bg_white.jpg
  29. BIN
      images/individual-plugin.jpg
  30. BIN
      images/individual-plugin.png
  31. BIN
      images/loading.gif
  32. BIN
      images/logo_linux.png
  33. BIN
      images/nextlabel.gif
  34. BIN
      images/nolabel.gif
  35. BIN
      images/plugins/noisemaker.jpg
  36. BIN
      images/plugins/tal_dub_3.png
  37. BIN
      images/plugins/tal_filter.jpg
  38. BIN
      images/plugins/tal_filter_2.jpg
  39. BIN
      images/plugins/tal_filter_2.png
  40. BIN
      images/plugins/tal_reverb.jpg
  41. BIN
      images/plugins/tal_reverb_2.jpg
  42. BIN
      images/plugins/tal_reverb_3.jpg
  43. BIN
      images/plugins/tal_vocoder_2.jpg
  44. BIN
      images/prevlabel.gif
  45. BIN
      images/remover/about_blacks.png
  46. BIN
      images/remover/button_whites.png
  47. BIN
      images/themes.gif
  48. BIN
      images/thumb_3bandeq.png
  49. BIN
      images/thumb_arctican.png
  50. BIN
      images/thumb_drowaudio.png
  51. BIN
      images/thumb_highlife.png
  52. BIN
      images/thumb_hybridreverb2.png
  53. BIN
      images/thumb_juced.png
  54. BIN
      images/thumb_pingpongpan.png
  55. BIN
      images/thumb_tal.png
  56. BIN
      images/thumb_wolpertinger.png
  57. BIN
      images/windowsLogo.png
  58. +18
    -0
      inc_footer.php
  59. +96
    -0
      inc_header.php
  60. +74
    -0
      index.php
  61. +6
    -0
      js/IE9.js
  62. +136
    -0
      js/builder.js
  63. +1123
    -0
      js/effects.js
  64. +6
    -0
      js/gallery_init.js
  65. +34
    -0
      js/html5.js
  66. +154
    -0
      js/jquery-1.4.2.min.js
  67. +496
    -0
      js/lightbox.js
  68. +6081
    -0
      js/prototype.js
  69. +7
    -0
      js/remover/Humanst521_BT_400.font.js
  70. +7
    -0
      js/remover/Humanst521_Lt_BT_400.font.js
  71. +8
    -0
      js/remover/cufon-replace.js
  72. +7
    -0
      js/remover/cufon-yui.js
  73. +391
    -0
      js/responsiveslides.min.js
  74. +503
    -0
      js/roundabout.js
  75. +150
    -0
      js/roundabout_shapes.js
  76. +68
    -0
      js/scriptaculous.js
  77. +68
    -0
      news.php
  78. +52
    -0
      plugins.php
  79. +193
    -0
      ports.php
  80. BIN
      screenshots/3bandeq.png
  81. BIN
      screenshots/3bandsplitter.png
  82. BIN
      screenshots/capsaicin.png
  83. BIN
      screenshots/drowaudio-distortion.png
  84. BIN
      screenshots/drowaudio-distortionshaper.png
  85. BIN
      screenshots/drowaudio-flanger.png
  86. BIN
      screenshots/drowaudio-reverb.png
  87. BIN
      screenshots/drowaudio-tremolo.png
  88. BIN
      screenshots/drumsynth.png
  89. BIN
      screenshots/eqinox.png
  90. BIN
      screenshots/highlife.png
  91. BIN
      screenshots/hybridreverb2.png
  92. BIN
      screenshots/pingpongpan.png
  93. BIN
      screenshots/tal-dub-3.png
  94. BIN
      screenshots/tal-filter-2.png
  95. BIN
      screenshots/tal-filter.png
  96. BIN
      screenshots/tal-noisemaker.png
  97. BIN
      screenshots/tal-reverb-2.png
  98. BIN
      screenshots/tal-reverb-3.png
  99. BIN
      screenshots/tal-reverb.png
  100. BIN
      screenshots/tal-vocoder-2.png

+ 1
- 0
.gitignore View File

@@ -0,0 +1 @@
backup/

+ 0
- 4
README.md View File

@@ -1,4 +0,0 @@
distrho-web
===========

DISTRHO Website

+ 3
- 0
_distrho-kdev.kdev4 View File

@@ -0,0 +1,3 @@
[Project]
Manager=KDevGenericManager
Name=DISTRHO

+ 47
- 0
about.php View File

@@ -0,0 +1,47 @@
<?php
$CURRENT_PAGE = "about";
include dirname(__FILE__) . DIRECTORY_SEPARATOR . "inc_header.php";
?>
<div class="main-box"><div class="container"><div class="inside"><div class="wrapper">
<table><tr><td>
<!-- intro -->
<aside class="homeAside">
<h2>About <span>The Project</span></h2>
<div class="">
<figure><img src="images/about_<?php echo $GLOBALS["THEME"]; ?>.png" alt="" style="border:0;"></figure>
</div>
<p>DISTRHO is an open-source project that provides Cross-Platform Audio Plugins, using <a href="http://www.rawmaterialsoftware.com/juce.php" target="_blank">Juce</a> and <a href="http://qt.nokia.com/products/" target="_blank">Qt4</a>.</p>
<p>Our main target platform is Linux, but we support Windows and Mac too. We plan to support, at least, the LV2 and VST plugin standards.</p>
<p>Our entire source code is available in Git, follow <a href="http://distrho.git.sourceforge.net/git/gitweb-index.cgi">this link</a> for the web interface. The Git URL is <code>git://distrho.git.sf.net/gitroot/distrho/distrho</code></p>
<p>Third parties are welcome to share their code with us if they want to see a Linux port. Contact the project leader, falkTX, if you're interested on this.</p>
</aside>
</td><td>
<!-- content -->
<section id="content">
<article>
<h2>About <span>The Team</span></h2>
<!-- .team-list -->
<ul class="team-list">
<li>
<figure><img src="https://graph.facebook.com/falktx/picture?type=normal" alt=""></figure>
<h3><a href="http://www.facebook.com/falktx" target="blank">Filipe Coelho (aka 'falkTX')</a></h3>
<p>He is the leader of this project, doing the main code and overall management. He is also the leader of <a href="http://kxstudio.sf.net">KXStudio</a>, <a href="http://festige.sf.net">FeSTige</a>, <a href="http://qtsixa.sf.net">QtSixA</a> and a few other opensource projects.</p>
<p>Contact: <a href="mailto:falktx@gmail.com">falktx@gmail.com</a></p>
</li>
<li>
<figure><img src="https://graph.facebook.com/melmaquiano/picture?type=normal" alt=""></figure>
<h3><a href="http://www.facebook.com/melmaquiano" target="blank">Ant&oacute;nio Saraiva (aka 'nieee')</a></h3>
<p>He is in charge of all the graphics and design of our plugins, as well as the website itself.<br/><br/>
Contact: <a href="mailto:melmac_tree@hotmail.com">melmac_tree@hotmail.com</a></p>
</li>
</ul>
<!-- /.team-list -->
</article>
</section>
</td></tr></table>
</div></div></div></div>
<?php
include dirname(__FILE__) . DIRECTORY_SEPARATOR . "inc_footer.php";
?>

+ 2
- 0
css-black/ie/ie6.css View File

@@ -0,0 +1,2 @@
/* IE6 specific styles */
.extra-wrap, .news li {zoom:1;}

+ 47
- 0
css-black/reset.css View File

@@ -0,0 +1,47 @@
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var{
background:transparent;
border:0 none;
font-size:100%;
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:top;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
table, table td {
padding:0;
border:none;
border-collapse:collapse;
}
img {
vertical-align:top;
}
embed {
vertical-align:top;
}

+ 45
- 0
css-black/style-mini-news.css View File

@@ -0,0 +1,45 @@
.news li {
overflow:hidden;
position:relative;
padding:0 0 5px 84px;
}
.news li figure {
font-family: 'Raleway', sans-serif;
font-weight: 300;
width:59px;
height:59px;
background:url(../images/date-none.gif) no-repeat 0 0;
position:absolute;
left:0;
top:0;
text-align:center;
color:#818181;
text-transform:uppercase;
}
.news li figure strong {
display:inline;
font-size:14px;
line-height:1.6em;
/* margin-bottom:27px;
padding-top:4px;*/
}
.news li figure p {
font-family: 'Raleway', sans-serif;
font-weight: 300;
display:inline;
font-size:14px;
line-height:1em;
color:#f9f9f9;
float:right;
margin-right:7px;
}
/* .news li:nth-of-type(4n+2) figure {
background:url(../images/date-bg2.gif) no-repeat 0 0;
}
.news li:nth-of-type(4n+3) figure {
background:url(../images/date-bg3.gif) no-repeat 0 0;
}
.news li:nth-of-type(4n+4) figure {
background:url(../images/date-bg4.gif) no-repeat 0 0;
}*/

+ 735
- 0
css-black/style.css View File

@@ -0,0 +1,735 @@
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display:block; }
mark, rp, rt, ruby, summary, time { display:inline; }
/* Global properties ======================================================== */
body {
background:#F4F4F4;
font-family: 'Raleway', sans-serif;
font-weight: 200;
font-size:100%;
line-height:1.125em;
color:#BABABA;
}
html { min-width:1000px; }
html, body { height:100%;background-color:#1E1F1F; }
/* Global Structure ============================================================= */
.container {
margin: 0 auto;
position: relative;
width: 1000px;
font-size:.8125em;
}
/* Header */
header{
height:72px;
overflow:hidden;
background:url(../images/header-bg_black.gif) 0 0 repeat-x;
}
/*Gallery*/
#gallery {
height:496px;
overflow:hidden;
background:url(../images/gallerry-bg.gif) 0 0 repeat-x;
}
/* Content */
.content {
float: left;
width: 572px;
}
/* Sidebar */
aside{
float: left;
width: 302px;
margin:60px 52px 0 0;
}
.homeAside{
float: left;
width: 302px;
margin:0px 52px 0 0;
}
/* Footer */
footer{
padding:18px 0 18px 0;
border-top: 5px solid #1A1A1A;
}
/* Left & Right alignment */
.fleft { float:left;font-size:100%;vertical-align:text-bottom;}
.fright { float:right;}
.clear { clear:both;}
.col-1, .col-2, .col-3 { float:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper {
width:100%;
overflow:hidden;
}
/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 32px 37px 50px 37px; }
.imagebox{ padding:50px 0px 0px 0px;}
/*----- form defaults -----*/
input, select, textarea {
font-family: 'Raleway', sans-serif;
font-size:1em;
vertical-align:middle;
font-weight:normal;
}
/*----- other -----*/
figure {
margin-bottom:5px;
}
img {padding:0px;}
legend {
padding-top:0;
padding-left:6px;
float:right; }
.img-indent {
margin:0 20px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:15px;
}
.img-box figure {
float:left;
margin:0 20px 0 0;
padding:0;
}
.extra-wrap {
overflow:hidden;
}
p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;}
pmain{
margin-bottom:18px;
font-size:120%;
}
/*----- txt, links, lines, titles -----*/
a {
color:#5D8BAA;
outline:none;
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#8a8a8a;
}
h1 {
font-size:34px;
line-height:1.2em;
color:#fff;
font-weight:normal;
/* background:url(../images/logo.png) no-repeat 0 0;*/
padding:6px 0 8px 0px;
position:absolute;
left:39px;
top:6px;
}
h1 a {
color:#fff;
text-decoration:none;
}
h2.pointer a{
font-family: 'Raleway', sans-serif;
font-size:30px;
line-height:1.2em;
font-weight:200;
color: #5D8BAA;
margin-bottom:22px;
}
h2.pointer a:hover{
color:#8a8a8a;
}
h2 {
font-family: 'Raleway', sans-serif;
font-size:30px;
line-height:1.2em;
font-weight:200;
color:#F1F2F2;
margin-bottom:22px;
}
h2 a {
color:#F1F2F2;
text-decoration:none;
font-size:24px;
}
h2 span {
color:#8a8a8a;
}
h3 {
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size:120%;
margin-bottom:6px;
color:#E1E2E2;
}
h3 a {
text-decoration:none;
color:#FFFFFF; }
h3 a:hover {
color:#8a8a8a;
}
#loopedSlider a {
color:#ff0000;
outline:none;
text-decoration:none;
}
#loopedSlider a:hover{
color:#212222;
text-decoration:none;
}
/*==================boxes====================*/
.main-box {
border-top:5px solid #040404;
background:#040404;
width:100%;
/* min-height:80%; */
}
.contacts {
padding-bottom:20px;
}
.contacts li {
width:100%;
overflow:hidden;
}
.contacts li strong {
float:left;
width:95px;
}
.list1 {
margin-left:12px;
padding-bottom:18px;
}
.list1 li {
background:url(../images/arrow1.gif) no-repeat 0 6px;
padding:0 0 0 12px;
}
/*===== header =====*/
header nav {
float:right;
}
header nav ul li {
float:left;
}
header nav ul li a {
font-family:'Raleway', sans-serif;
font-weight: 300;
font-size:22px;
color:#fff;
height:67px;
line-height:67px;
text-decoration:none;
width:101px;
text-align:center;
float:left;
background:#0B1C27;
background-image: gradient(top, #091720, #0B1C27); /* FF3.6 */
background-image: -moz-linear-gradient(top, #091720, #0B1C27); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #091720),color-stop(1, #0B1C27)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#091720', EndColorStr='#0B1C27'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#091720', EndColorStr='#0B1C27')"; /* IE8 */
}
header nav ul li a.current, header nav ul li a:hover {
padding-bottom:5px;
}
header nav ul li:nth-of-type(2) a {
background:#102634;
background-image: -moz-linear-gradient(top, #102634, #132D3E); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #102634),color-stop(1, #132D3E)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#102634', EndColorStr='#132D3E'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#102634', EndColorStr='#132D3E')"; /* IE8 */
}
header nav ul li:nth-of-type(3) a {
background:#343233;
background-image: -moz-linear-gradient(top, #343233, #464344); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #343233),color-stop(1, #464344)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#343233', EndColorStr='#464344'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#343233', EndColorStr='#464344')"; /* IE8 */
}
header nav ul li:nth-of-type(4) a {
background:#4F4842;
background-image: -moz-linear-gradient(top, #4F4842, #605750); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4F4842),color-stop(1, #605750)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4F4842', EndColorStr='#605750'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4F4842', EndColorStr='#605750')"; /* IE8 */
}
header nav ul li:nth-of-type(5) a {
background:#746C55;
background-image: -moz-linear-gradient(top, #746C55, #7E755C); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #746C55),color-stop(1, #7E755C)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#746C55', EndColorStr='#7E755C'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#746C55', EndColorStr='#7E755C')"; /* IE8 */
}
header nav ul li:nth-of-type(6) a {
background:#90866A;
background-image: -moz-linear-gradient(top, #90866A, #A89D7B); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #90866A),color-stop(1, #A89D7B)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#90866A', EndColorStr='#A89D7B'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#90866A', EndColorStr='#A89D7B')"; /* IE8 */
}
/*===== gallery =====*/
.roundabout-holder {
width:850px;
height:496px;
margin:0 auto;
}
.roundabout-moveable-item {
width: 646px;
height: 416px;
cursor: pointer;
border:3px solid #ccc;
border:3px solid rgba(0, 0, 0, 0.08);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.roundabout-moveable-item img{
width:100%;
}
.roundabout-in-focus {
border:3px solid rgba(0, 0, 0, 0.2);
}
/*===== content =====*/
.content {
}
.content img, aside img {
border:1px solid #3B3B3B;
padding:2px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.content img:hover {
border-color:#bbb;
}
/*--- news list styles ---*/
.news li {
overflow:hidden;
position:relative;
padding:0 0 10px 84px;
}
.news li:last-child {
padding-bottom:0;
}
.news li figure {
font-family: 'Raleway', sans-serif;
font-weight: 300;
width:65px;
height:65px;
background:url(../images/date-none.gif) no-repeat 0 0;
position:absolute;
left:0;
top:0;
text-align:center;
color:#818181;
text-transform:uppercase;
}
.news li figure strong {
display:inline;
font-size:17px;
line-height:2.0em;
margin-bottom:-7px;
padding-top:4px;
}
.news li figure p {
display:inline;
font-size:17px;
line-height:0.1em;
color:#f9f9f9;
float:right;
margin-right:3px;
}
.team-list li {
width:100%;
overflow:hidden;
padding-bottom:43px;
}
.team-list li:last-child {
padding-bottom:0;
}
.team-list li figure {
float:left;
margin:0 20px 0 0;
padding:0;
}
/*--- loopedSlider styles ---*/
/*
* Required
*/
#loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }
/*
* Optional
*/
#loopedSlider { width:295px; position:relative; clear:both; }
#loopedSlider .nav-controls {
width:100%;
overflow:hidden;
padding-top:10px;
}
#loopedSlider li {
display:inline;
}
#loopedSlider li a.previous {
float:left;
}
#loopedSlider li a.next {
float:right;
}
/*--- images styles ---*/
/*#imagens { width:295px; height:170px; overflow:hidden; position:relative;}*/
/*===== footer =====*/
footer {
color:#fff;
background-color:#1E1F1F;
}
footer .fleft {
padding-left:40px;
}
footer .fright {
padding-right:0px;
}
footer a{color:#A3B6B6;}
footer a:hover{color:#ffffff;}
/*----- forms -----*/
#contacts-form {
clear:right;
width:100%;
overflow:hidden;
}
#contacts-form fieldset {
border:none;
float:left;
}
#contacts-form .field {
clear:both;
}
#contacts-form label {
float:left;
width:110px;
line-height:18px;
padding-bottom:6px;
font-weight:bold;
}
#contacts-form input {
width:205px;
padding:1px 0 1px 3px;
background:none;
border:1px solid #e5e5e5;
color:#616161;
float:left
}
#contacts-form input:invalid {
border-color:red;
}
#contacts-form textarea {
width:450px;
height:215px;
padding:1px 0 1px 3px;
background:none;
border:1px solid #e5e5e5;
color:#616161;
margin-bottom:12px;
overflow:auto;
float:left;
}
#contacts-form div:last-child {
padding-left:110px;
}
/*==================lightbox========================*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(../images/nolabel.gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
a.hidden{ display:none;}
/*==================menuslider========================*/
.button {
position:absolute;
}
.button img {
margin-bottom:10px;
}
.menu_button {
height: 16px;
width: 92px;
margin: auto;
}
.menu_class {
}
.the_menu {
display:none;
width:300px;
}
.the_menu li {
background-color: #040404;
}
.the_menu li a {
font-family:'Raleway', sans-serif;
font-weight: 200;
color:#5D9BAA;
text-decoration:none;
padding:0px 10px 0px 5px;
display:block;
font-size:100%;
}
.the_menu li a:hover {
padding:0px 10px 0px 5px;
color: #8a8a8a;
}
.formleftside{
position:relative;
left:10px;
bottom:5px;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.centered-btns_nav {
z-index: 10;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 50%;
left: 0;
opacity: 0.7;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url(../images/themes.gif) no-repeat left top;
margin-top: -45px;
}
.centered-btns_nav:active {
opacity: 1.0;
}
.centered-btns_nav.next {
left: auto;
background-position: right top;
right: 0;
}
.transparent-btns_nav {
z-index: 3;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 0;
left: 0;
display: block;
background: #fff; /* Fix for IE6-9 */
opacity: 0;
filter: alpha(opacity=1);
width: 48%;
text-indent: -9999px;
overflow: hidden;
height: 91%;
}
.transparent-btns_nav.next {
left: auto;
right: 0;
}
.large-btns_nav {
z-index: 10;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
opacity: 0.6;
text-indent: -9999px;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
background: #000 url(../images/themes.gif) no-repeat left 50%;
width: 38px;
}
.large-btns_nav:active {
opacity: 1.0;
}
.large-btns_nav.next {
left: auto;
background-position: right 50%;
right: 0;
}
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
outline: none;
}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
margin-top: 10px;
text-align: right;
}
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
display: inline;
float: none;
_float: left;
*float: left;
margin-right: 5px;
}
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
text-indent: -9999px;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ccc;
background: rgba(0,0,0, .2);
display: inline-block;
_display: block;
*display: block;
-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
width: 6px;
height: 6px;
}
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
background: #222;
background: rgba(0,0,0, .8);
}

+ 2
- 0
css-white/ie/ie6.css View File

@@ -0,0 +1,2 @@
/* IE6 specific styles */
.extra-wrap, .news li {zoom:1;}

+ 46
- 0
css-white/reset.css View File

@@ -0,0 +1,46 @@
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul,
var{
background: transparent;
border: 0 none;
font-size: 100%;
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: top; }
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
table, table td {
padding:0;
border:none;
border-collapse:collapse;
}
img {
vertical-align:top;
}
embed {
vertical-align:top;
}

+ 45
- 0
css-white/style-mini-news.css View File

@@ -0,0 +1,45 @@
.news li {
overflow:hidden;
position:relative;
padding:0 0 5px 84px;
}
.news li figure {
font-family: 'Raleway', sans-serif;
font-weight: 300;
width:59px;
height:59px;
background:url(../images/date-none.gif) no-repeat 0 0;
position:absolute;
left:0;
top:0;
text-align:center;
color:#818181;
text-transform:uppercase;
}
.news li figure strong {
display:inline;
font-size:14px;
line-height:1.6em;
/* margin-bottom:27px;
padding-top:4px;*/
}
.news li figure p {
font-family: 'Raleway', sans-serif;
font-weight: 300;
display:inline;
font-size:14px;
line-height:1em;
color:#272727;
float:right;
margin-right:7px;
}
/* .news li:nth-of-type(4n+2) figure {
background:url(../images/date-bg2.gif) no-repeat 0 0;
}
.news li:nth-of-type(4n+3) figure {
background:url(../images/date-bg3.gif) no-repeat 0 0;
}
.news li:nth-of-type(4n+4) figure {
background:url(../images/date-bg4.gif) no-repeat 0 0;
}*/

+ 777
- 0
css-white/style.css View File

@@ -0,0 +1,777 @@
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }
/* Global properties ======================================================== */
body {
background:#F4F4F4;
font-family: 'Raleway', sans-serif;
font-weight: 200;
font-size:120%;
line-height:1.125em;
color: #272727/*#7A7A7A*/;
}
html { min-width:1000px;}
html, body { height:100%;background-color:#1E1F1F;}
/* Global Structure ============================================================= */
.container {
margin: 0 auto;
position: relative;
width: 1000px;
font-size:.8125em;
}
/* Header */
header{
height:72px;
overflow:hidden;
background:url(../images/header-bg_white.gif) 0 0 repeat-x;
}
/*Gallery*/
#gallery {
height:496px;
overflow:hidden;
background:url(../images/gallerry-bg.jpg) 0 0 repeat-x;
}
#gallery_plugins {
height:296px;
overflow:hidden;
background:url(../images/gallerry-bg.jpg) 0 0 repeat-x;
}
.individual_plugin_container{
position:absolute;
left:0;
top:60px;
}
.text_download{
/*font-family: 'Cutive Mono', sans-serif;*/
z-index:100;
position:absolute;
color:#cfcdcd;
font-size:100%;
left:45px;
top:215px;
}
.text_download a{
color:#cfcdcd;
}
.text_download a:hover{
color:#9eb2c5;
}
.linuxLogo{
background:url(../images/logo_linux.png) 100% 0 no-repeat;
}
.windowsLogo{
background:url(../images/windowsLogo.png) 50% 0 no-repeat;
}
/* Content */
.content {
float: left;
width: 572px;
}
.content_463 {
float: left;
width: 443px;
padding-right:20px;
}
.content_463 img {
margin-bottom:15px;
}
.padlef50{
padding: 0 0 0 20px;
}
/* Sidebar */
aside{
float: left;
width: 302px;
margin:60px 52px 0 0;
}
.homeAside{
float: left;
width: 302px;
margin:0px 52px 0 0;
}
/* Footer */
footer{
padding:18px 0 18px 0;
border-top: 5px solid #D6D6D6;
}
/* Left & Right alignment */
.fleft { float:left;font-size:100%;vertical-align:text-bottom;}
.fright { float:right;}
.clear { clear:both;}
.col-1, .col-2, .col-3 { float:left;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper {
width:100%;
overflow:hidden;
}
/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 20px 37px 30px 37px; }
.imagebox{ padding:50px 0px 0px 0px;}
/*----- form defaults -----*/
input, select, textarea {
font-family: 'Raleway', sans-serif;
font-size:1em;
vertical-align:middle;
font-weight:normal;
}
/*----- other -----*/
figure {
margin-bottom:5px;
}
img {padding:0px;}
legend {
padding-top:0;
padding-left:6px;
float:right; }
.img-indent {
margin:0 20px 0 0;
float:left;
}
.img-box {
width:100%;
overflow:hidden;
padding-bottom:15px;
}
.img-box figure {
float:left;
margin:0 20px 0 0;
padding:0;
}
.extra-wrap {
overflow:hidden;
}
p {margin-bottom:18px;}
.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;}
pmain{
margin-bottom:18px;
font-size:120%;
}
/*----- txt, links, lines, titles -----*/
a {
color:#2D5B7A;
outline:none;
text-decoration:none;
}
a:hover{
text-decoration:none;
color:#8a8a8a;
}
h1 {
font-size:34px;
line-height:1.2em;
color:#fff;
font-weight:normal;
/* background:url(../images/logo.png) no-repeat 0 0;*/
padding:6px 0 8px 0px;
position:absolute;
left: 0px;
top:6px;
}
h1 a {
color:#fff;
text-decoration:none;
}
h2.pointer a{
font-family: 'Raleway', sans-serif;
font-size:30px;
line-height:1.2em;
font-weight:200;
color:#2D5B7A;
margin-bottom:22px;
}
h2.pointer a:hover{
color:#8a8a8a;
}
h2 {
font-family: 'Raleway', sans-serif;
font-size:30px;
line-height:1.2em;
font-weight:200;
color:#212222;
margin-bottom:22px;
}
h2 a {
color:#212222;
text-decoration:none;
font-size:24px;
}
h2 span {
color:#8a8a8a;
}
h3 {
font-family: 'Raleway', sans-serif;
font-weight: 300;
font-size:120%;
margin-bottom:6px;
color:#212222;
}
h3 a {
text-decoration:none;
color:#212222; }
h3 a:hover {
color:#8a8a8a;
}
#loopedSlider a {
color:#ff0000;
outline:none;
text-decoration:none;
}
#loopedSlider a:hover{
color:#212222;
text-decoration:none;
}
/*==================boxes====================*/
.main-box {
border-top:5px solid #f9f9f9;
background:#f9f9f9;
width:100%;
/* min-height:80%; */
}
.contacts {
padding-bottom:20px;
}
.contacts li {
width:100%;
overflow:hidden;
}
.contacts li strong {
float:left;
width:95px;
}
.list1 {
margin-left:12px;
padding-bottom:18px;
}
.list1 li {
background:url(../images/arrow1.gif) no-repeat 0 6px;
padding:0 0 0 12px;
}
/*===== header =====*/
header nav {
float:right;
}
header nav ul li {
float:left;
}
header nav ul li a {
font-family:'Raleway', sans-serif;
font-weight: 300;
font-size:22px;
color:#ddd;
height:67px;
line-height:67px;
text-decoration:none;
width:101px;
text-align:center;
float:left;
background:#0B1C27;
background-image: gradient(top, #091720, #0B1C27); /* FF3.6 */
background-image: -moz-linear-gradient(top, #091720, #0B1C27); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #091720),color-stop(1, #0B1C27)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#091720', EndColorStr='#0B1C27'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#091720', EndColorStr='#0B1C27')"; /* IE8 */
}
header nav ul li a.current, header nav ul li a:hover {
padding-bottom:5px;
}
header nav ul li:nth-of-type(2) a {
background:#102634;
background-image: -moz-linear-gradient(top, #102634, #132D3E); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #102634),color-stop(1, #132D3E)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#102634', EndColorStr='#132D3E'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#102634', EndColorStr='#132D3E')"; /* IE8 */
}
header nav ul li:nth-of-type(3) a {
background:#343233;
background-image: -moz-linear-gradient(top, #343233, #464344); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #343233),color-stop(1, #464344)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#343233', EndColorStr='#464344'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#343233', EndColorStr='#464344')"; /* IE8 */
}
header nav ul li:nth-of-type(4) a {
background:#4F4842;
background-image: -moz-linear-gradient(top, #4F4842, #605750); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #4F4842),color-stop(1, #605750)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4F4842', EndColorStr='#605750'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4F4842', EndColorStr='#605750')"; /* IE8 */
}
header nav ul li:nth-of-type(5) a {
background:#746C55;
background-image: -moz-linear-gradient(top, #746C55, #7E755C); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #746C55),color-stop(1, #7E755C)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#746C55', EndColorStr='#7E755C'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#746C55', EndColorStr='#7E755C')"; /* IE8 */
}
header nav ul li:nth-of-type(6) a {
background:#90866A;
background-image: -moz-linear-gradient(top, #90866A, #A89D7B); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #90866A),color-stop(1, #A89D7B)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#90866A', EndColorStr='#A89D7B'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#90866A', EndColorStr='#A89D7B')"; /* IE8 */
}
/*===== gallery =====*/
.roundabout-holder {
width:850px;
height:496px;
margin:0 auto;
}
.roundabout-moveable-item {
width: 646px;
height: 416px;
cursor: pointer;
border:3px solid #ccc;
border:3px solid rgba(0, 0, 0, 0.08);
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.roundabout-moveable-item img{
width:100%;
}
.roundabout-in-focus {
border:3px solid rgba(0, 0, 0, 0.2);
}
/*===== content =====*/
.content {
}
.content img, aside img {
border:1px solid #EBEBEB;
padding:2px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.content img:hover {
border-color:#bbb;
}
/*--- news list styles ---*/
.news li {
overflow:hidden;
position:relative;
padding:0 0 10px 84px;
}
.news li:last-child {
padding-bottom:0;
}
.news li figure {
font-family: 'Raleway', sans-serif;
font-weight: 300;
width:65px;
height:65px;
background:url(../images/date-none.gif) no-repeat 0 0;
position:absolute;
left:0;
top:0;
text-align:center;
color:#818181;
text-transform:uppercase;
}
.news li figure strong {
display:inline;
font-size:17px;
line-height:2.0em;
margin-bottom:-7px;
padding-top:4px;
}
.news li figure p {
display:inline;
font-size:17px;
line-height:0.1em;
color:#272727;
float:right;
margin-right:3px;
}
.team-list li {
width:100%;
overflow:hidden;
padding-bottom:43px;
}
.team-list li:last-child {
padding-bottom:0;
}
.team-list li figure {
float:left;
margin:0 20px 0 0;
padding:0;
}
/*--- loopedSlider styles ---*/
/*
* Required
*/
#loopedSlider .wrap { width:295px; height:295px; overflow:hidden; position:relative;}
#loopedSlider .slides { position:absolute; top:0; left:0; }
#loopedSlider .slides div { position:absolute; top:0; width:295px; display:none; }
/*
* Optional
*/
#loopedSlider { width:295px; position:relative; clear:both; }
#loopedSlider .nav-controls {
width:100%;
overflow:hidden;
padding-top:10px;
}
#loopedSlider li {
display:inline;
}
#loopedSlider li a.previous {
float:left;
}
#loopedSlider li a.next {
float:right;
}
/*--- images styles ---*/
/*#imagens { width:295px; height:170px; overflow:hidden; position:relative;}*/
/*===== footer =====*/
footer {
color:#fff;
background-color:#1E1F1F;
}
footer .fleft {
padding-left:40px;
}
footer .fright {
padding-right:0px;
}
footer a{color:#A3B6B6;}
footer a:hover{color:#ffffff;}
/*----- forms -----*/
#contacts-form {
clear:right;
width:100%;
overflow:hidden;
}
#contacts-form fieldset {
border:none;
float:left;
}
#contacts-form .field {
clear:both;
}
#contacts-form label {
float:left;
width:110px;
line-height:18px;
padding-bottom:6px;
font-weight:bold;
}
#contacts-form input {
width:205px;
padding:1px 0 1px 3px;
background:none;
border:1px solid #e5e5e5;
color:#616161;
float:left
}
#contacts-form input:invalid {
border-color:red;
}
#contacts-form textarea {
width:450px;
height:215px;
padding:1px 0 1px 3px;
background:none;
border:1px solid #e5e5e5;
color:#616161;
margin-bottom:12px;
overflow:auto;
float:left;
}
#contacts-form div:last-child {
padding-left:110px;
}
/*==================lightbox========================*/
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(../images/nolabel.gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
a.hidden{ display:none;}
/*==================menuslider========================*/
.button {
position:absolute;
}
.button img {
margin-bottom:10px;
}
.menu_button {
height: 16px;
width: 92px;
margin: auto;
}
.menu_class {
}
.the_menu {
display:none;
width:300px;
}
.the_menu li {
background-color: #ffffff;
}
.the_menu li a {
font-family:'Raleway', sans-serif;
font-weight: 200;
color:#2D5B7A;
text-decoration:none;
padding:0px 10px 0px 5px;
display:block;
font-size:100%;
}
.the_menu li a:hover {
padding:0px 10px 0px 5px;
color: #8a8a8a;
}
.formleftside{
position:relative;
left:10px;
bottom:5px;
}
.rslides {
position: relative;
list-style: none;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0;
}
.rslides li {
-webkit-backface-visibility: hidden;
position: absolute;
display: none;
width: 100%;
left: 0;
top: 0;
}
.rslides li:first-child {
position: relative;
display: block;
float: left;
}
.rslides img {
display: block;
height: auto;
float: left;
width: 100%;
border: 0;
}
.centered-btns_nav {
z-index: 10;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 50%;
left: 0;
opacity: 0.7;
text-indent: -9999px;
overflow: hidden;
text-decoration: none;
height: 61px;
width: 38px;
background: transparent url(../images/themes.gif) no-repeat left top;
margin-top: -45px;
}
.centered-btns_nav:active {
opacity: 1.0;
}
.centered-btns_nav.next {
left: auto;
background-position: right top;
right: 0;
}
.transparent-btns_nav {
z-index: 3;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
top: 0;
left: 0;
display: block;
background: #fff; /* Fix for IE6-9 */
opacity: 0;
filter: alpha(opacity=1);
width: 48%;
text-indent: -9999px;
overflow: hidden;
height: 91%;
}
.transparent-btns_nav.next {
left: auto;
right: 0;
}
.large-btns_nav {
z-index: 10;
position: absolute;
-webkit-tap-highlight-color: rgba(0,0,0,0);
opacity: 0.6;
text-indent: -9999px;
overflow: hidden;
top: 0;
bottom: 0;
left: 0;
background: #000 url(../images/themes.gif) no-repeat left 50%;
width: 38px;
}
.large-btns_nav:active {
opacity: 1.0;
}
.large-btns_nav.next {
left: auto;
background-position: right 50%;
right: 0;
}
.centered-btns_nav:focus,
.transparent-btns_nav:focus,
.large-btns_nav:focus {
outline: none;
}
.centered-btns_tabs,
.transparent-btns_tabs,
.large-btns_tabs {
margin-top: 10px;
text-align: right;
}
.centered-btns_tabs li,
.transparent-btns_tabs li,
.large-btns_tabs li {
display: inline;
float: none;
_float: left;
*float: left;
margin-right: 5px;
}
.centered-btns_tabs a,
.transparent-btns_tabs a,
.large-btns_tabs a {
text-indent: -9999px;
overflow: hidden;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background: #ccc;
background: rgba(0,0,0, .2);
display: inline-block;
_display: block;
*display: block;
-webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
-moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
width: 6px;
height: 6px;
}
.centered-btns_here a,
.transparent-btns_here a,
.large-btns_here a {
background: #222;
background: rgba(0,0,0, .8);
}

BIN
images/_distrho-logo.png View File

Before After
Width: 240  |  Height: 50  |  Size: 9.1KB

BIN
images/_old_about_white.png View File

Before After
Width: 290  |  Height: 55  |  Size: 8.7KB

BIN
images/about_black.png View File

Before After
Width: 290  |  Height: 55  |  Size: 11KB

BIN
images/about_white.png View File

Before After
Width: 290  |  Height: 55  |  Size: 8.8KB

BIN
images/button_black.png View File

Before After
Width: 92  |  Height: 16  |  Size: 3.5KB

BIN
images/button_blacks.png View File

Before After
Width: 92  |  Height: 16  |  Size: 3.4KB

BIN
images/button_white.png View File

Before After
Width: 92  |  Height: 16  |  Size: 3.5KB

BIN
images/closelabel.gif View File

Before After
Width: 66  |  Height: 22  |  Size: 979B

BIN
images/date-none.gif View File

Before After
Width: 59  |  Height: 59  |  Size: 920B

BIN
images/distrho-logo.png View File

Before After
Width: 250  |  Height: 50  |  Size: 11KB

BIN
images/distrho-logos.png View File

Before After
Width: 179  |  Height: 35  |  Size: 7.6KB

BIN
images/gallerry-bg.gif View File

Before After
Width: 1  |  Height: 496  |  Size: 163B

BIN
images/gallerry-bg.jpg View File

Before After
Width: 1  |  Height: 496  |  Size: 11KB

BIN
images/header-bg_black.gif View File

Before After
Width: 1  |  Height: 72  |  Size: 102B

BIN
images/header-bg_white.gif View File

Before After
Width: 1  |  Height: 72  |  Size: 111B

BIN
images/header-bg_white.jpg View File

Before After
Width: 1  |  Height: 72  |  Size: 11KB

BIN
images/individual-plugin.jpg View File

Before After
Width: 1000  |  Height: 180  |  Size: 52KB

BIN
images/individual-plugin.png View File

Before After
Width: 1000  |  Height: 170  |  Size: 37KB

BIN
images/loading.gif View File

Before After
Width: 32  |  Height: 32  |  Size: 2.7KB

BIN
images/logo_linux.png View File

Before After
Width: 38  |  Height: 42  |  Size: 4.9KB

BIN
images/nextlabel.gif View File

Before After
Width: 63  |  Height: 32  |  Size: 1.2KB

BIN
images/nolabel.gif View File

Before After
Width: 63  |  Height: 32  |  Size: 877B

BIN
images/plugins/noisemaker.jpg View File

Before After
Width: 90  |  Height: 90  |  Size: 19KB

BIN
images/plugins/tal_dub_3.png View File

Before After
Width: 90  |  Height: 90  |  Size: 12KB

BIN
images/plugins/tal_filter.jpg View File

Before After
Width: 90  |  Height: 90  |  Size: 21KB

BIN
images/plugins/tal_filter_2.jpg View File

Before After
Width: 90  |  Height: 90  |  Size: 15KB

BIN
images/plugins/tal_filter_2.png View File

Before After
Width: 90  |  Height: 90  |  Size: 9.6KB

BIN
images/plugins/tal_reverb.jpg View File

Before After
Width: 90  |  Height: 90  |  Size: 18KB

BIN
images/plugins/tal_reverb_2.jpg View File

Before After
Width: 90  |  Height: 90  |  Size: 19KB

BIN
images/plugins/tal_reverb_3.jpg View File

Before After
Width: 90  |  Height: 90  |  Size: 18KB

BIN
images/plugins/tal_vocoder_2.jpg View File

Before After
Width: 90  |  Height: 90  |  Size: 17KB

BIN
images/prevlabel.gif View File

Before After
Width: 63  |  Height: 32  |  Size: 1.2KB

BIN
images/remover/about_blacks.png View File

Before After
Width: 290  |  Height: 55  |  Size: 8.3KB

BIN
images/remover/button_whites.png View File

Before After
Width: 92  |  Height: 16  |  Size: 3.4KB

BIN
images/themes.gif View File

Before After
Width: 76  |  Height: 61  |  Size: 359B

BIN
images/thumb_3bandeq.png View File

Before After
Width: 200  |  Height: 190  |  Size: 58KB

BIN
images/thumb_arctican.png View File

Before After
Width: 200  |  Height: 135  |  Size: 37KB

BIN
images/thumb_drowaudio.png View File

Before After
Width: 200  |  Height: 120  |  Size: 18KB

BIN
images/thumb_highlife.png View File

Before After
Width: 200  |  Height: 110  |  Size: 35KB

BIN
images/thumb_hybridreverb2.png View File

Before After
Width: 200  |  Height: 132  |  Size: 34KB

BIN
images/thumb_juced.png View File

Before After
Width: 200  |  Height: 123  |  Size: 23KB

BIN
images/thumb_pingpongpan.png View File

Before After
Width: 200  |  Height: 74  |  Size: 23KB

BIN
images/thumb_tal.png View File

Before After
Width: 200  |  Height: 196  |  Size: 64KB

BIN
images/thumb_wolpertinger.png View File

Before After
Width: 200  |  Height: 288  |  Size: 54KB

BIN
images/windowsLogo.png View File

Before After
Width: 38  |  Height: 42  |  Size: 2.8KB

+ 18
- 0
inc_footer.php View File

@@ -0,0 +1,18 @@
<footer>
<div class="container">
<div class="wrapper">
<div style="position:relative; top: 0px;left: 0px;">
<form class="formleftside" action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post">
<input type="submit" name="changeColorNow" value="Switch color-theme"/>
</form>
</div>
<div><p style="font-size: 90%;">&#0169; 2012 DISTRHO&nbsp; &nbsp;<span style="float:right;"> Sponsored by <a href="http://kxstudio.sf.net" target="_blank">KXStudio</a>&nbsp; &nbsp;|&nbsp; &nbsp;All the plugins and linux ports here are free, please consider a <a href="http://sourceforge.net/donate/index.php?group_id=539284" target="_blank">donation</a> if possible.</p></span></div>
</div>
</div>
</footer>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>

+ 96
- 0
inc_header.php View File

@@ -0,0 +1,96 @@
<?php

if (isset($_COOKIE["color-theme"]))
$GLOBALS["THEME"] = htmlspecialchars($_COOKIE["color-theme"]);
else
$GLOBALS["THEME"] = "white";

function changeColor()
{
if ($GLOBALS["THEME"] == "white")
$GLOBALS["THEME"] = "black";
else
$GLOBALS["THEME"] = "white";

setcookie("color-theme", $GLOBALS["THEME"], time() + (365 * 24 * 60 * 60)); // expires in 1 year
}

if (isset($_POST['changeColorNow']))
changeColor();

?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>DISTRHO - Cross-Platform Audio Plugins</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css-<?php echo $GLOBALS["THEME"]; ?>/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css-<?php echo $GLOBALS["THEME"]; ?>/style.css" type="text/css" media="all">
<?php if ($CURRENT_PAGE == "index") { ?>
<link rel="stylesheet" href="css-<?php echo $GLOBALS["THEME"]; ?>/style-mini-news.css" type="text/css" media="all">
<?php } ?>
<script type="text/javascript" src="js/jquery-1.4.2.min.js" ></script>
<link href='http://fonts.googleapis.com/css?family=Raleway:200,300' rel='stylesheet' type='text/css'>
<!--<link href='http://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>-->
<?php if ($CURRENT_PAGE == "index") { ?>
<script type="text/javascript" src="js/roundabout.js"></script>
<script type="text/javascript" src="js/roundabout_shapes.js"></script>
<script type="text/javascript" src="js/gallery_init.js"></script>
<script type="text/javascript" src="js/responsiveslides.min.js"></script>
<?php } else if ($CURRENT_PAGE == "plugins" || $CURRENT_PAGE == "ports") { ?>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript">
<?php
if ($CURRENT_PAGE == "plugins")
$menu_classes = array("distrho");
else if ($CURRENT_PAGE == "ports")
$menu_classes = array("arctican", "drowaudio", "juced", "tal", "highlife", "hybridreverb2", "wolpertinger");
else
$menu_classes = array();
?>
jQuery(document).ready(function() {
<?php for ($i = 0; $i < count($menu_classes); $i++) { ?>
jQuery('img.menu_class_<?php echo $menu_classes[$i]; ?>').click(function () {
jQuery('ul.the_menu_<?php echo $menu_classes[$i]; ?>').slideToggle('fast');
});
<?php } ?>
});
</script>
<?php } ?>
<script>

$(function () {
// Slideshow 1
$(".rslides").responsiveSlides({
nav: false,
pager: true,
namespace: "centered-btns"
});
});
</script>
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="all">
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<script type="text/javascript" src="js/IE9.js"></script>
<![endif]-->
</head>
<body>
<header>
<div class="container">
<h1><a href="index.html"><img src="images/distrho-logo.png" alt="DISTRHO"/></a></h1>
<nav>
<ul>
<li><a href="index.php" <?php if ($CURRENT_PAGE == "index") { ?> class="current" <?php } ?>>Home</a></li>
<li><a href="news.php" <?php if ($CURRENT_PAGE == "news") { ?> class="current" <?php } ?>>News</a></li>
<li><a href="plugins.php" <?php if ($CURRENT_PAGE == "plugins") { ?> class="current" <?php } ?>>Plugins</a></li>
<li><a href="ports.php" <?php if ($CURRENT_PAGE == "ports") { ?> class="current" <?php } ?>>Ports</a></li>
<li><a href="about.php" <?php if ($CURRENT_PAGE == "about") { ?> class="current" <?php } ?>>About</a></li>
</ul>
</nav>
</div>
<p style="color:white; font-size:1.2em;"> &nbsp;THIS PAGE IS UNDER CONSTRUCTION</p>
</header>

+ 74
- 0
index.php View File

@@ -0,0 +1,74 @@
<?php
$CURRENT_PAGE = "index";
include dirname(__FILE__) . DIRECTORY_SEPARATOR . "inc_header.php";
?>
<!-- #gallery -->
<section id="gallery">
<div class="container" style="padding-top:60px;">
<div class="rslides_container">
<ul class="rslides" id="slider1">
<li><img src="slider/mini-series.jpg" alt=""></li>
<li><img src="slider/drowaudio.jpg" alt=""></li>
<li><a href="tal_plugins.php"><img src="slider/tal-plugins.jpg" alt=""></a></li>
<li><img src="slider/pitcheddelay.jpg" alt=""></li>
<li><img src="slider/klangfalter.jpg" alt=""></li>
</ul>
</div>
</div>
</section>
<!-- /#gallery -->
<div class="main-box"><div class="container"><div class="inside"><div class="wrapper">
<!-- aside -->
<aside class="homeAside">
<h2>Recent <span>News</span></h2>
<!-- .news -->
<ul class="news">
<li>
<figure><strong>18 May</strong><p>2012<p></figure>
<h3>New release pack</h3>
<p>We just released our own custom plugins and more ports now with LV2 versions</p>
</li>
<li>
<figure><strong>07 Oct</strong><p>2011<p></figure>
<h3>Updated ports, added more</h3>
<p>We updated the Linux ports, and added a few more too.</p>
</li>
<li>
<figure><strong>13 Sept</strong><p>2011<p></figure>
<h3>Standalone versions</h3>
<p>Standalone versions of the Arctican and TAL Plugins.</p>
</li>
<li>
<figure><strong>13 Sept</strong><p>2011<p></figure>
<h3>Arctican Plugins - Linux Port</h3>