/**************************************************************************** ____ __ ______ __ _________ __ __ / __ \/ / / / __ )/ / / _/ ___// / / / / /_/ / / / / __ / / / / \__ \/ /_/ / / ____/ /_/ / /_/ / /____/ / ___/ / __ / /_/ \____/_____/_____/___//____/_/ /_/ __ _____ __ / |/ /\ \/ / / /|_/ / \ / / / / / / / /_/ /_/ /_/ ____ ___ _________ / __ \/ |/_ __/ | / / / / /| | / / / /| | / /_/ / ___ |/ / / ___ | /_____/_/ |_/_/ /_/ |_| By SWIRRL, baby. v2.5 2014 ****************************************************************************/ // NB - including stylsheet should specify @charset "UTF-8" to support icons // ========================================================================== // DEFAULTS (override these in your application .scss) // ========================================================================== $pmdconfig_typeface_bodycopy: "Myriad Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !default; $pmdconfig_typeface_monospace: Inconsolata, Monaco, Menlo, Consolas, "Courier New", monospace !default; $pmdconfig_font-size: 16px !default; $pmdconfig_space_vertical: 24px !default; $pmdconfig_border_thickness_heavy: 4px !default; $pmdconfig_colour_body_background: white !default; // main page background $pmdconfig_colour_body_text: #000 !default; // main page bodycopy $pmdconfig_colour_page_furniture: #eee !default; // section dividers etc $pmdconfig_colour_link: #2064c4 !default; $pmdconfig_colour_link_hover: black !default; $pmdconfig_colour_table_borders: #eee !default; $pmdconfig_colour_table_header_text: black !default; $pmdconfig_colour_label: #bbb !default; // labels (eg 'Abstract', 'Description', 'Tags' etc) // Configure navigation colours $pmdconfig_colour_nav_top_background: #ccc !default; $pmdconfig_colour_nav_top_text: black !default; $pmdconfig_colour_nav_top_background_hover: #aaa !default; $pmdconfig_colour_nav_top_text_hover: white !default; $pmdconfig_colour_nav_background: #eee !default; $pmdconfig_colour_nav_text: black !default; $pmdconfig_colour_nav_selected_text: black !default; $pmdconfig_colour_nav_selected_background: white !default; $pmdconfig_colour_badge_text: white !default; // Configure section colours (used for badges and stripes on head and footer) $pmdconfig_colour_page_data: #718d96 !default; $pmdconfig_colour_page_datasets: #7aa6ae !default; $pmdconfig_colour_page_dataset: #33a6b2 !default; $pmdconfig_colour_page_resource: #d0e64b !default; $pmdconfig_colour_page_ontology: #ff7700 !default; $pmdconfig_colour_page_concept: #ff7700 !default; $pmdconfig_colour_page_type: #9ac836 !default; $pmdconfig_colour_page_theme: #718d96 !default; // Configure data grid colours $pmdconfig_colour_slickgrid_headers: #f6f6f6 !default; $pmdconfig_colour_slickgrid_header_borders: #eee !default; $pmdconfig_colour_slickgrid_header_inside_borders: #ddd !default; $pmdconfig_colour_slickgrid_borders: #eee !default; $pmdconfig_colour_slickgrid_outline: #eee !default; $pmdconfig_colour_slickgrid_alternate_row_bg: #fcfcfc !default; $pmdconfig_colour_slickgrid_content_links: $pmdconfig_colour_link !default; $pmdconfig_colour_slickgrid_content_links_hover: $pmdconfig_colour_link_hover !default; // ========================================================================== // SCOPE - just style PMD, or style whole page // ========================================================================== // if $pmdconfig_scope_control is true, pmd styles will be scoped inside the // class, otherwise, they will be in global scope. // STOMP on global styles // set $pmdconfig_scope_global: true... // when you want the framework and/or html reset to spill out // // ie when you're not providing another stylesheet and want to use pmd // as the basis of the whole site's styles without reimcluding the framework // NOSTOMP on global styles // set $pmdconfig_scope_global: false... // when you are including a sitewide stylesheet // // eg when re-using a pre-existing navigation and its styles (read: Wordpress skin) // so the framework and reset don't stomp on the site's styling $pmdconfig_scope_global: false !default; $scope: ""; @if $pmdconfig_scope_global{ $scope: "html"; } @else { $scope: ".pmd" } // ========================================================================== // FRAMEWORK (add a facade to sit PMD on your favorite css framework) // ========================================================================== @import "publish_my_data/facades/bootstrap"; // ========================================================================== // REQUIRED PMD STYLING COMPONENTS // ========================================================================== @import "publish_my_data/core/0500-icon-font"; @import "publish_my_data/core/1000-utilities"; #{$scope}{ @import "publish_my_data/core/1500-icons"; @import "publish_my_data/core/2000-elements"; @import "publish_my_data/core/4000-layout"; @import "publish_my_data/core/5000-styling"; @import "publish_my_data/core/6000-datagrid"; @import "publish_my_data/core/6200-sparqlconsole"; @import "publish_my_data/core/7000-experimental"; @import "publish_my_data/core/8000-colour"; } @import "publish_my_data/core/8500-colourbars"; // ========================================================================== // TODO list // ========================================================================== // // consolidate error styles // consolidate the different types of code, kbd, uri etc