DISTRHO
/
Website
mirror of https://github.com/DISTRHO/Website
1
0
Fork 0
Code Releases 0 Activity
Browse Source

Tinker with initial CSS, no more custom font 

Signed-off-by: falkTX <falktx@falktx.com>
master
falkTX 3 years ago
parent
abb493271e
commit
f81d69e1fa
Signed by: falkTX <falktx@falktx.com> GPG Key ID: CDBAA37ABC74FBA0
8 changed files with 143 additions and 149 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +14
    -18
      css/reset.css
  2. +0
    -36
      css/style-mini-news.css
  3. +34
    -0
      css/style-news-full.css
  4. +33
    -0
      css/style-news-mini.css
  5. +48
    -77
      css/style.css
  6. BIN
      images/date-none.gif
  7. +11
    -17
      inc_footer.php
  8. +3
    -1
      inc_header.php

+ 14
- 18
css/reset.css View File

@@ -18,29 +18,25 @@ s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt, table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, u, ul,
var { var {
background:transparent;
border:0 none;
font-size:100%;
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:top;
background: transparent;
font-size: 100%;
border: none;
margin: 0;
outline: 0;
padding: 0;
vertical-align: top;
} }
ol, ul { ol, ul {
list-style:none;
list-style: none;
} }
blockquote, q { blockquote, q {
quotes:none;
quotes: none;
} }
table, table td { table, table td {
padding:0;
border:none;
border-collapse:collapse;
border: none;
border-collapse: collapse;
padding: 0;
} }
img {
vertical-align:top;
}
embed {
vertical-align:top;
img, embed {
vertical-align: top;
} }

+ 0
- 36
css/style-mini-news.css View File

@@ -1,36 +0,0 @@
.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; /* WHITE color:#272727; */
float:right;
margin-right:7px;
}

+ 34
- 0
css/style-news-full.css View File

@@ -0,0 +1,34 @@
.news li {
overflow: hidden;
position: relative;
padding: 0 0 10px 84px;
}
.news li:last-child {
padding-bottom: 0;
}
.news li figure {
font-weight: 300;
width: 65px;
height: 65px;
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/* XX-WHITE #272727 */;
float: right;
margin-right: 3px;
}

+ 33
- 0
css/style-news-mini.css View File

@@ -0,0 +1,33 @@
.news li {
overflow: hidden;
position: relative;
padding: 0 0 5px 84px;
}
.news li figure {
color: #818181;
font-weight: 300;
width: 65px;
height: 65px;
position: absolute;
left: 0;
top: 0;
text-align: center;
text-transform: uppercase;
}
.news li figure p {
color: #f9f9f9; /* WHITE color:#272727; */
display: inline;
float: right;
font-weight: bold;
/* font-size: 1.1rem; */
line-height: 1em;
margin-right: 7px;
}
.news li figure strong {
display: inline;
/* font-size: 1.1rem; */
line-height: 1.6em;
}
.news li p {
font-size: 0.92rem;
}

+ 48
- 77
css/style.css View File

@@ -1,22 +1,51 @@
/* Getting the new tags to behave */ /* 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; }
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 ======================================================== */ /* Global properties ======================================================== */
body { body {
background:#F4F4F4;
font-family: 'Raleway', sans-serif;
font-weight: 200;
font-size:100%;
line-height:1.125em;
color:#BABABA; /* XX-WHITE #272727 | #7A7A7A */;
display:flex;
flex-direction:column;
color: #BABABA; /* XX-WHITE #272727 | #7A7A7A */;
display: flex;
flex-direction: column;
font-family: sans-serif;
font-weight: normal;
font-size: 20px;
line-height: 1.125em;
}
html {
/* FIXME */
min-width: 750px;
}
html, body {
height: 100%;
/*background-color: #1E1F1F;*/
background-color: #F4F4F4;
}
hr {
color: #191A1A4D/* XX-WHITE #D6D6D64D */;
background-color: transparent;
} }
html { min-width:750px;}
html, body { height:100%;background-color:#1E1F1F; }
hr { color:#191A1A4D/* XX-WHITE #D6D6D64D */; background-color:transparent; }
/*===== footer =====*/
footer {
color: #fff;
background-color: #1E1F1F;
border-top: 5px solid #1A1A1A /* XX-WHITE #D6D6D6 */;
font-size: 0.9rem;
padding: 18px 0 18px 0;
text-align: center;
}
footer a {
color: #A3B6B6;
}
footer a:hover {
color: #ffffff;
}
/* Global Structure ============================================================= */ /* Global Structure ============================================================= */
.container { .container {
@@ -92,10 +121,6 @@ hr { color:#191A1A4D/* XX-WHITE #D6D6D64D */; background-color:transparent; }
margin:0px 52px 0 0; margin:0px 52px 0 0;
} }
/* Footer */ /* Footer */
footer{
padding:18px 0 18px 0;
border-top: 5px solid #1A1A1A /* XX-WHITE #D6D6D6 */;
}
@@ -123,7 +148,7 @@ hr { color:#191A1A4D/* XX-WHITE #D6D6D64D */; background-color:transparent; }
/*----- form defaults -----*/ /*----- form defaults -----*/
input, select, textarea { input, select, textarea {
font-family: 'Raleway', sans-serif;
font-family: sans-serif;
font-size:1em; font-size:1em;
vertical-align:middle; vertical-align:middle;
font-weight:normal; font-weight:normal;
@@ -201,7 +226,7 @@ h1 {
text-decoration:none; text-decoration:none;
} }
h2.pointer a{ h2.pointer a{
font-family: 'Raleway', sans-serif;
font-family: sans-serif;
font-size:30px; font-size:30px;
line-height:1.2em; line-height:1.2em;
font-weight:200; font-weight:200;
@@ -212,7 +237,7 @@ h2.pointer a:hover{
color:#8a8a8a; color:#8a8a8a;
} }
h2 { h2 {
font-family: 'Raleway', sans-serif;
font-family: sans-serif;
font-size:30px; font-size:30px;
line-height:1.2em; line-height:1.2em;
font-weight:200; font-weight:200;
@@ -228,7 +253,7 @@ h2 {
color:#8a8a8a; color:#8a8a8a;
} }
h3 { h3 {
font-family: 'Raleway', sans-serif;
font-family: sans-serif;
font-weight: 300; font-weight: 300;
font-size:120%; font-size:120%;
margin-bottom:6px; margin-bottom:6px;
@@ -292,7 +317,7 @@ header nav {
float:left; float:left;
} }
header nav ul li a { header nav ul li a {
font-family:'Raleway', sans-serif;
font-family:sans-serif;
font-weight: 300; font-weight: 300;
font-size:22px; font-size:22px;
color:#fff/* XX-WHITE #ddd */; color:#fff/* XX-WHITE #ddd */;
@@ -393,45 +418,6 @@ header nav {
} }
/*--- 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/* XX-WHITE #272727 */;
float:right;
margin-right:3px;
}
.team-list li { .team-list li {
width:100%; width:100%;
overflow:hidden; overflow:hidden;
@@ -479,21 +465,6 @@ header nav {
/*#imagens { width:295px; height:170px; overflow:hidden; position:relative;}*/ /*#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 -----*/ /*----- forms -----*/
#contacts-form { #contacts-form {
clear:right; clear:right;
@@ -596,7 +567,7 @@ width:300px;
background-color: #040404/* XX-WHITE #ffffff */; background-color: #040404/* XX-WHITE #ffffff */;
} }
.the_menu li a { .the_menu li a {
font-family:'Raleway', sans-serif;
font-family:sans-serif;
font-weight: 200; font-weight: 200;
color:#5D9BAA/* XX-WHITE #2D5B7A */; color:#5D9BAA/* XX-WHITE #2D5B7A */;
text-decoration:none; text-decoration:none;


BIN
images/date-none.gif View File

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

+ 11
- 17
inc_footer.php View File

@@ -1,21 +1,15 @@
<footer> <footer>
<div class="container">
<div class="wrapper">
<p>
&#0169;
2012-2021 DISTRHO
&nbsp; &nbsp;
<span style="float:right;">
Hosted and maintained by
<a href="https://kx.studio/" target="_blank">KXStudio</a>
&nbsp; &nbsp;|&nbsp; &nbsp;
All the plugins and Linux/LV2 ports here are free and open-source, please consider a
<a href="https://kx.studio/Donations" target="_blank">donation</a>
if possible.
</span>
</p>
</div>
</div>
<span>
&#0169; 2012-2021 DISTRHO
</span>
<span>
Hosted and maintained by
<a href="https://kx.studio/" target="_blank">KXStudio</a>
&nbsp; &nbsp;|&nbsp; &nbsp;
All the plugins and Linux/LV2 ports here are free and open-source, please consider a
<a href="https://kx.studio/Donations" target="_blank">donation</a>
if possible.
</span>
</footer> </footer>
</body> </body>
</html> </html>

+ 3
- 1
inc_header.php View File

@@ -21,7 +21,9 @@ $URL_PORTS = "https://github.com/DISTRHO/DISTRHO-Ports/releases/download/" . $VE
<link rel="stylesheet" href="<?php echo $ROOT; ?>/css/reset.css" type="text/css" media="all"> <link rel="stylesheet" href="<?php echo $ROOT; ?>/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="<?php echo $ROOT; ?>/css/style.css" type="text/css" media="all"> <link rel="stylesheet" href="<?php echo $ROOT; ?>/css/style.css" type="text/css" media="all">
<?php if ($CURRENT_PAGE == "index") { ?> <?php if ($CURRENT_PAGE == "index") { ?>
<link rel="stylesheet" href="<?php echo $ROOT; ?>/css/style-mini-news.css" type="text/css" media="all">
<link rel="stylesheet" href="<?php echo $ROOT; ?>/css/style-news-mini.css" type="text/css" media="all">
<?php } else if ($CURRENT_PAGE == "plugins") { ?>
<link rel="stylesheet" href="<?php echo $ROOT; ?>/css/style-news-full.css" type="text/css" media="all">
<?php } ?> <?php } ?>
<link rel='stylesheet' href='<?php echo $ROOT; ?>/fonts/fonts.css' type='text/css' media="all"> <link rel='stylesheet' href='<?php echo $ROOT; ?>/fonts/fonts.css' type='text/css' media="all">
</head> </head>


Write Preview
Loading…
Cancel
Save