Skip to content

valencia
valencia
Commit 99080ceb authored by Pietro Albini's avatar Pietro Albini
Browse files
Options

A consistent indentation isn't such a bad thing...

parent dd5f9e65
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 448 additions and 439 deletions
sass/_classes.scss
View file @ 99080ceb
...@@ -3,23 +3,23 @@ ...@@ -3,23 +3,23 @@
//-------------------------------------------------- //--------------------------------------------------
.page-description { .page-description {
background: none repeat scroll 0 0 $light-grey; background: none repeat scroll 0 0 $light-grey;
border: 1px solid $warm-grey; border: 1px solid $warm-grey;
padding: em-calc(10 10 12); padding: em-calc(10 10 12);
@include rounded-corners; @include rounded-corners;
@include font-size; @include font-size;
line-height: em-calc(22); line-height: em-calc(22);
} }
.middleinfo { .middleinfo {
padding: em-calc(8); padding: em-calc(8);
margin-bottom: em-calc(6); margin-bottom: em-calc(6);
@include rounded-corners; @include rounded-corners;
&.gray { &.gray {
background: $warm-grey; background: $warm-grey;
border: 1px solid $light-grey; border: 1px solid $light-grey;
} }
} }
//-------------------------------------------------- //--------------------------------------------------
......
sass/_functions.scss
View file @ 99080ceb
...@@ -4,16 +4,16 @@ ...@@ -4,16 +4,16 @@
// Strip unit. // Strip unit.
@function strip-unit( $num ) { @function strip-unit( $num ) {
@return $num / ($num * 0 + 1); @return $num / ($num * 0 + 1);
} }
// Convert to em. // Convert to em.
@function convert-to-em( $value ) { @function convert-to-em( $value ) {
$value: strip-unit( $value ) / strip-unit( $em-base ) * 1em; $value: strip-unit( $value ) / strip-unit( $em-base ) * 1em;
@if ( $value == 0em ) { @if ( $value == 0em ) {
$value: 0; // Turn 0em to 0 $value: 0; // Turn 0em to 0
} }
@return $value; @return $value;
} }
//-------------------------------------------------- //--------------------------------------------------
...@@ -32,15 +32,15 @@ ...@@ -32,15 +32,15 @@
//-------------------------------------------------- //--------------------------------------------------
@function em-calc($values) { @function em-calc($values) {
$max: length($values); $max: length($values);
@if $max == 1 { @if $max == 1 {
@return convert-to-em( nth( $values, 1 ) ); @return convert-to-em( nth( $values, 1 ) );
} }
$em-values: (); $em-values: ();
@for $i from 1 through $max { @for $i from 1 through $max {
$em-values: append( $em-values, convert-to-em( nth( $values, $i ) ) ); $em-values: append( $em-values, convert-to-em( nth( $values, $i ) ) );
} }
@return $em-values; @return $em-values;
} }
\ No newline at end of file
sass/_mixins.scss
View file @ 99080ceb
...@@ -5,24 +5,24 @@ ...@@ -5,24 +5,24 @@
*/ */
@mixin transition($transition: all .5s) { @mixin transition($transition: all .5s) {
-webkit-transition:$transition; -webkit-transition:$transition;
-moz-transition:$transition; -moz-transition:$transition;
transition:$transition; transition:$transition;
} }
@mixin placeholder($color) { @mixin placeholder($color) {
&::-webkit-input-placeholder { &::-webkit-input-placeholder {
color: $color; color: $color;
} }
&:-moz-placeholder { // Firefox 18- &:-moz-placeholder { // Firefox 18-
color: $color; color: $color;
} }
&::-moz-placeholder { // Firefox 19+ &::-moz-placeholder { // Firefox 19+
color: $color; color: $color;
} }
&:-ms-input-placeholder { &:-ms-input-placeholder {
color: $color; color: $color;
} }
} }
@mixin box-shadow($shadow) { @mixin box-shadow($shadow) {
......
sass/style.scss
View file @ 99080ceb
...@@ -8,13 +8,13 @@ ...@@ -8,13 +8,13 @@
// Override default text selection color // Override default text selection color
::selection { ::selection {
background:lighten($ubuntu-orange, 10%); background:lighten($ubuntu-orange, 10%);
} }
a { a {
&::selection, &::selection,
& *::selection { & *::selection {
background:$warm-grey; background:$warm-grey;
} }
} }
// Remove unwanted "x"es from search box (webkit and ie) // Remove unwanted "x"es from search box (webkit and ie)
...@@ -26,14 +26,14 @@ input[type="search"]::-webkit-search-results-button, ...@@ -26,14 +26,14 @@ input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; } input[type="search"]::-webkit-search-results-decoration { display: none; }
.logo { .logo {
position:absolute; position:absolute;
top:0; top:0;
left:0; left:0;
z-index:10; z-index:10;
body.toolbar & { body.toolbar & {
top:30px; top:30px;
} }
} }
// Custom background for community pages // Custom background for community pages
...@@ -42,7 +42,7 @@ body.node-type-community-page { ...@@ -42,7 +42,7 @@ body.node-type-community-page {
} }
header.banner { header.banner {
margin-bottom:0; margin-bottom:0;
.nav-primary { .nav-primary {
ul { ul {
li { li {
...@@ -52,94 +52,94 @@ header.banner { ...@@ -52,94 +52,94 @@ header.banner {
} }
} }
&.inverted { &.inverted {
background: $light-grey; background: $light-grey;
margin-bottom:20px; margin-bottom:20px;
margin-top:-4px; // Ugly fix for gap between navbar margin-top:-4px; // Ugly fix for gap between navbar
.nav-primary { .nav-primary {
ul { ul {
border-color:lighten($light-grey, 10%); border-color:lighten($light-grey, 10%);
margin-top:1px; margin-top:1px;
li { li {
&, &:last-child { &, &:last-child {
border-color:darken($light-grey, 5%); border-color:darken($light-grey, 5%);
} }
a { a {
&:link, &:link,
&:visited { &:visited {
border-color:lighten($light-grey, 7%); border-color:lighten($light-grey, 7%);
color:darken($warm-grey, 10%); color:darken($warm-grey, 10%);
} }
&:hover { &:hover {
background:darken($light-grey, 5%); background:darken($light-grey, 5%);
color:lighten($cool-grey, 7%); color:lighten($cool-grey, 7%);
} }
} }
} }
} }
a { a {
&.active, &.active,
&:active { &:active {
border-color:darken($light-grey, 5%); border-color:darken($light-grey, 5%);
background:darken($light-grey, 5%); background:darken($light-grey, 5%);
} }
} }
} }
.header-search { .header-search {
overflow:hidden; overflow:hidden;
// padding:7px 0 7px 14px; // padding:7px 0 7px 14px;
max-width:240px; max-width:240px;
float:right; float:right;
input[type="search"] { input[type="search"] {
@include box-sizing(border-box); @include box-sizing(border-box);
-webkit-appearance:none; -webkit-appearance:none;
float:left; float:left;
display:block; display:block;
@include font-size(16); @include font-size(16);
height:2.1em; height:2.1em;
@include rounded-corners(4px); @include rounded-corners(4px);
width:100%; width:100%;
border:none; border:none;
margin-bottom:0; margin-bottom:0;
background-color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0);
@include box-shadow(inset 0 1px 4px rgba(0,0,0,.2)); @include box-shadow(inset 0 1px 4px rgba(0,0,0,.2));
@include transition(); // Use defaults @include transition(); // Use defaults
padding:.5em 2.5em .5em .5em; padding:.5em 2.5em .5em .5em;
color:#555; color:#555;
&:focus { &:focus {
background: rgba(0, 0, 0, 0.05); background: rgba(0, 0, 0, 0.05);
} }
@include placeholder(#555); @include placeholder(#555);
} }
button[type="submit"] { button[type="submit"] {
padding:3px 2px; padding:3px 2px;
line-height:0; line-height:0;
float:left; float:left;
margin-left:-40px; margin-left:-40px;
display:block; display:block;
background:none; background:none;
overflow:visible; overflow:visible;
} }
} }
} }
.site-name { .site-name {
float:right; float:right;
.logo-ubuntuit { .logo-ubuntuit {
@include font-size(36); @include font-size(36);
margin-bottom:0; margin-bottom:0;
position:relative; position:relative;
text-transform:lowercase; text-transform:lowercase;
margin:0; margin:0;
display:inline-block; display:inline-block;
margin-left:20px; margin-left:20px;
font-weight:300; font-weight:300;
} }
} }
} }
template.php
View file @ 99080ceb
This diff is collapsed.
tpl/html.tpl.php
View file @ 99080ceb
...@@ -42,21 +42,24 @@ ...@@ -42,21 +42,24 @@
* *
* @ingroup themeable * @ingroup themeable
*/ */
?><!DOCTYPE html> ?>
<!DOCTYPE html>
<html lang="<?php print $language->language; ?>"> <html lang="<?php print $language->language; ?>">
<head profile="<?php print $grddl_profile; ?>"> <head profile="<?php print $grddl_profile; ?>">
<?php print $head; ?> <?php print $head; ?>
<title><?php print $head_title; ?></title> <title><?php print $head_title; ?></title>
<?php print $styles; ?> <?php print $styles; ?>
<?php print $scripts; ?> <?php print $scripts; ?>
</head> </head>
<body class="<?php print $classes; ?>" <?php print $attributes;?>>
<div id="skip-link"> <body class="<?php print $classes; ?>" <?php print $attributes;?>>
<a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a> <div id="skip-link">
</div> <a href="#main-content" class="element-invisible element-focusable"><?php print t('Skip to main content'); ?></a>
<?php print $page_top; ?> </div>
<?php print $page; ?> <?php print $page_top; ?>
<?php print $page_bottom; ?> <?php print $page; ?>
</body> <?php print $page_bottom; ?>
</body>
</html> </html>
tpl/page.tpl.php
View file @ 99080ceb
...@@ -75,37 +75,38 @@ ...@@ -75,37 +75,38 @@
*/ */
?> ?>
<header class="banner global" role="banner"> <header class="banner global" role="banner">
<nav class="nav-primary" role="navigation"> <nav class="nav-primary" role="navigation">
<?php print theme('links__system_main_menu', array( <?php print theme('links__system_main_menu', array(
'links' => $valencia_menu, 'links' => $valencia_menu,
'id' => 'header' 'id' => 'header'
));?> ));?>
<div class="site-name"> <div class="site-name">
<a class="logo-ubuntuit" href="<?php print $front_page; ?>"> <a class="logo-ubuntuit" href="<?php print $front_page; ?>">
<span>ubuntu-it</span> <span>ubuntu-it</span>
</a> </a>
</div> </div>
</nav> </nav>
</header> </header>
<header class="banner global inverted" role="banner"> <header class="banner global inverted" role="banner">
<nav class="nav-primary nav-left" role="navigation"> <nav class="nav-primary nav-left" role="navigation">
<?php print theme('links__system_main_menu', array( <?php print theme('links__system_main_menu', array(
'links' => $valencia_menu, 'links' => $valencia_menu,
'id' => 'subheader' 'id' => 'subheader'
));?> ));?>
<form action="/search" id="search-form" class="header-search"> <form action="/search" id="search-form" class="header-search">
<input type="search" maxlength="255" name="q" id="edit-keys" class="form-text" placeholder="Cerca&hellip;" value="" /> <input type="search" maxlength="255" name="q" id="edit-keys" class="form-text" placeholder="Cerca&hellip;" value="" />
<button type="submit"> <button type="submit">
<img src="http://assets.ubuntu.com/sites/ubuntu/1044/u/img/search-black.svg" alt="Search" height="28" /> <img src="http://assets.ubuntu.com/sites/ubuntu/1044/u/img/search-black.svg" alt="Search" height="28" />
</button> </button>
</form> </form>
</nav> </nav>
</header> </header>
<div class="wrapper"> <div class="wrapper">
<div id="main-content" class="inner-wrapper"> <div id="main-content" class="inner-wrapper">
<?php print $messages; // Error messages ?> <?php print $messages; // Error messages ?>
<nav role="navigation" class="nav-secondary clearfix"> <nav role="navigation" class="nav-secondary clearfix">
<?php print theme('links__system_main_menu', array( <?php print theme('links__system_main_menu', array(
...@@ -114,37 +115,42 @@ ...@@ -114,37 +115,42 @@
));?> ));?>
</nav> </nav>
<div id="main-wrapper"><div id="main" class="clearfix"> <div id="main-wrapper">
<div id="main" class="clearfix">
<div id="content" class="column"><div class="section"> <div id="content" class="column">
<a id="main-content"></a> <div class="section">
<?php if ($title): ?><h1 class="row" id="page-title"><?php print $title; ?></h1><?php endif; ?> <a id="main-content"></a>
<?php if ($tabs): ?><div class="tabs"><?php print render($tabs); ?></div><?php endif; ?> <?php if ($title): ?><h1 class="row" id="page-title"><?php print $title; ?></h1><?php endif; ?>
<?php print render($page['help']); ?> <?php if ($tabs): ?><div class="tabs"><?php print render($tabs); ?></div><?php endif; ?>
<?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?> <?php print render($page['help']); ?>
<?php print render($page['content']); ?> <?php if ($action_links): ?><ul class="action-links"><?php print render($action_links); ?></ul><?php endif; ?>
<?php print $feed_icons; ?> <?php print render($page['content']); ?>
</div></div> <!-- /.section, /#content --> <?php print $feed_icons; ?>
</div>
</div>
</div></div> <!-- /#main, /#main-wrapper --> </div>
</div>
</div></div> <!-- /#main-content, /.wrapper --> </div>
</div>
<footer class="global clearfix"> <footer class="global clearfix">
<nav role="navigation"> <nav role="navigation">
<div class="footer-a"> <div class="footer-a">
<div class="clearfix"> <div class="clearfix">
<?php print theme('links__system_main_menu', array( <?php print theme('links__system_main_menu', array(
'links' => $valencia_menu, 'links' => $valencia_menu,
'id' => 'footer' 'id' => 'footer'
));?> ));?>
</div> </div> <!-- /.clearfix, /.footer-a --> </div>
<div class="legal clearfix"> </div>
<p class="twelve-col">&copy; Ubuntu e Canonical sono marchi registrati da Canonical Ltd.</p> <div class="legal clearfix">
<p class="twelve-col">Sito realizzato con &hearts; dal Gruppo Web di ubuntu-it, con <a href="http://drupal.org" target="_blank">Drupal</a> e <a href="http://www.postgresql.org/" target="_blank">PostgreSQL</a>.</p> <p class="twelve-col">&copy; Ubuntu e Canonical sono marchi registrati da Canonical Ltd.</p>
<p class="twelve-col"><a href="http://code.ubuntu-it.org/ubuntu-it-web/valencia/issues" target="_blank">Segnala un errore</a> | <a href="http://code.ubuntu-it.org/ubuntu-it-web/www-test" target="_blank">Scarica il codice</a> | <a href="http://wiki.ubuntu-it.org/GruppoWeb/Contribuire" target="_blank">Collabora con noi</a> <p class="twelve-col">
</div> <!-- /.legal .clearfix --> Sito realizzato con &hearts; dal Gruppo Web di ubuntu-it, con <a href="http://drupal.org" target="_blank">Drupal</a> e <a href="http://www.postgresql.org/" target="_blank">PostgreSQL</a>.
<span class="accessibility-aid"><a href="#">Got to the top of the page</a></span> </p>
</nav> <!-- /nav --> <p class="twelve-col"><a href="http://code.ubuntu-it.org/ubuntu-it-web/valencia/issues" target="_blank">Segnala un errore</a> | <a href="http://code.ubuntu-it.org/ubuntu-it-web/www-test" target="_blank">Scarica il codice</a> | <a href="http://wiki.ubuntu-it.org/GruppoWeb/Contribuire" target="_blank">Collabora con noi</a>
</footer> <!-- /footer --> </div>
<span class="accessibility-aid"><a href="#">Got to the top of the page</a></span>
</nav>
</footer>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment