Fresh.css

Uit De Vliegende Brigade
Naar navigatie springen Naar zoeken springen
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

fresh.css is de gebruikelijke naam van een css-bestand met eigen instellingen voor een Drupal-theme.

Waar?

Als je een apart beheerders-theme gebruikt, en je wilt bv. het lettertype van de admin-balk vergroten, dan moet je dat dáár doen (bv. themes/seven), en niet in het theme dat gebruikers zien!

Mijn fresh.css-bestand

Meestal sleep ik m'n oude fresh.css-bestand van project naar project. Dit bestand is specifiek bedoeld voor Garland:

/**
 * Eigen toevoegingen
 * Jeroen Strompf - info at devliegendebrigade.nl
 */

/**
 * Maak het admin-menu groter
 *
 * Ik hoef alleen de grote van het lettertype aan te passen
 * Regelhoogte e.d. worden automatisch bijgewerkt
 */
#admin-menu {
    font-size: 14px;
}

/**
 * Misschien specifiek Drupal 7, maar onderstaande regel
 * werkt, waar de regel hierboven niet werkt.
 * - Januari 2016
 */
#admin-menu-wrapper {
    font-size: 14px;
}

/**
 * Verwijder strepen rondom nodes in Garland
 */

#tabs-wrapper {
    border-bottom: 0px
}

.node {
    border-bottom: 0px
}

/**
 * Variaties lettertype Tagadelic aanpassen
 *
 */

.tagadelic.level6 {
    font-size: 2.5em;
}
.tagadelic.level5 {
    font-size: 2.2em;
}
.tagadelic.level4 {
    font-size: 1.8em;
}
.tagadelic.level3 {
    font-size: 1.5em;
}
.tagadelic.level2 {
    font-size: 1.25em;
}
.tagadelic.level1 {
    font-size: 1em;
}

/**
 * Content ProductHomePageView centreren
 */

.view-ProductsHomePage {
    text-align: center;
}

.centreer-view {
   text-align: center;
}

/**
 * Home page compacter maken
 */

.node {
    padding-top: 0px;
    padding-bottom: 0px;
}