Zeropoint, CTI Flex, Views Fluid Grid
Zeropoint, CTI Flex, Views Fluid GridZeropoint
Alla tõmmata, enable, set default.
Diable -> Site name, site slogan.
Style Sky, Layout width – adaptive width, Sidebar layouts – variable asymmetrical sidebars (wide), Themed blocks – sidebars only, Rounded corners, header image rotator, 0point login/reg links (paneb ilusad vähemärgatavad lingid yles paremasse nurka).
Roteeruvad pildid asuvad kataloogis ...(peakataloog)/sites/all/themes/zeropoint/_custom/headerimages.
Pildi mõõt on 846x200.
200 kõrguseks on oluline, pildid võivad ka pikemad olla, eelduselt et vasak ots on must (kaob hiire alla).
Üldiselt on praktiliselt kõik lisamudru kataloogis (peakataloog)/sites/all/themes/zeropoint/_custom/ (seal on footer, läbipaistev hiir ja kõik muu).
Logo ja favicon (hiicon) on kataloogis (peakataloog)/sites/default/files
Veel on vahetatud ikoonid ja üldse paisus custom.css nii suureks, et see on eraldi ära toodud.
CTI Flex + NB! ZEN - see ei tööta ilma ;-)
CTI Flex on ZENi alamteema. Zeni ei ole vaja enableda, aga see peab masinas olemas olema.
Default confis ainult White+Blue, rounded corners 3px, ja muidugi logoks Logo_hiir_64.png (upload) ja icoks hiicon.jpg (selle võib lihtsalt kirjutada, see olemas ju). User menu, slogan, name ja breadcrumbs kah keelata.
Siis Structure -> Blocks -> CTIFLex ->help minema ja main menu sisualalt ära!
Suurem konf hetkel tegemata.
Views Fluid Grid
Noh, see pole teema, aga sellega on ka trikke tehtud -- VFG enda kataloogis on esiteks VFG_taust.png ja css-i on moditud.
NB! Selleks, et näiteks laiusi juurde teha, tuleb otsida fail css/views_fluid_grid.size.css ja kirjutada sinna juurde näiteks rida:
ul.views-fluid-grid-items-width-120 li.views-fluid-grid-item { width: 120px; }
ja lisaks tuleb võtta fail views/views.fluid.grid.plugin.style.inc ja kirjutada sinna lisaks see boldiga osa:
$items_width_options = array('' => t('Auto')) + drupal_map_assoc(variable_get('views_fluid_grid_plugin_style_widths', array(100, 120, 150, 180, 200, 250, 300, 350, 400, 450, 500)));
ZP Custom CSS
ZP Custom CSS/* Atsi custom style.css */
/* proovisin seda fonti, milles Algernoni logo. Igavad inimesed h22letasid mu maha...
@font-face
{
font-family:Hanger;
src: url('../_custom/hanger.ttf');
}*/
/* Kqigepealt main.css-i ylekirjutused */
/****************************/
body {
/* font-family: Georgia, Times New Roman, Times, serif;
font-size: 100%;
line-height: 125%; siit l2heb vaidlus serif/sans-s vahel, eks ole... praegu muudan ainult v2rvi tumedaks*/
color: #1d1d24;}
/*vahe kitsamaks. Oli 0.9 & 0.5*/
p {
margin-top: 0.4em;
margin-bottom: 0.2em;
}
/*igalt poolt bold v‰lja rookida ja selle asemel suurus*/
h1 {
font-size: 240%;
font-weight:normal;
/* font-family:Hanger;*/
}
h2 {
font-size: 180%;
font-weight:normal;
/* font-family:Hanger;*/
}
h3 {
font-size: 140%;
font-weight:normal;
}
h4 {
font-size: 120%;
font-weight:normal;
}
/*neid 2 kasutatakse ainult kujunduses*/
h5 {
font-size: 100%;
margin: 5px 0 0 10px;
font-weight:normal;
}
h6 {
font-style: italic;
font-weight:normal;
font-size: 90%;
margin: 1px 0 0 10px;
}
/*et kusagil poleks suuri t‰hti*/
.themed-block .title {
font-size: 240%;
/* color: #055065;
font-family:Hanger; */
text-transform: none;}
/*et igalt poolt bold v‰lja rookida*/
.block h2.title a {
font-weight: normal;
}
.title, .title a {
font-weight: normal;
}
.terms ul.taxonomy li.vocab {
font-weight: normal;
}
.view .view-comments-recent .views-field-subject {
font-weight: normal;
}
.uc-store-admin-panel .panel-title {
font-weight: normal;
}
/* To modify the side column widths and the col divider widths, the values that are marked
"Critical Left (Right) divider dimension value = cLddv (cRddv)" and
"Critical Left (Right) col width value = cLcwv (cRcwv) also refer to the desired mod MUST be changed as a group. */
/* Variable asyimmetrical sidebars (wide) (default)
Siin on sisuliselt vasaku ja parema poole laius ‰ra vahetatud */
.colleft {
float: left;
position: relative;
width: 278px; /*** cLcwv ** 204*/
margin-left: -278px; /*** cLcwv ***/ /*** cLddv ** 204*/
}
.colright {
float: right;
position: relative;
width: 204px; /*** cRcwv ** 278*/
margin-right: -204px; /*** cRcwv ***/ /*** cRddv ** 278 */
}
body.two-sidebars .outer {
margin-left: 274px; /*** cLcwv ** 204*/
margin-right: 204px; /*** cLcwv ** 274*/
}
body.sidebar-first .outer {
margin-left: 344px; /*** cLcwv ** 294*/
}
body.sidebar-second .outer {
margin-right: 294px; /*** cLcwv ** 344*/
}
body.sidebar-first .colleft {
width: 344px; /*** cLcwv ** 294*/
margin-left: -344px; /*** cLcwv ***/ /*** cLddv ** 294*/
}
body.sidebar-second .colright {
width: 294px; /*** cRcwv ** 344*/
margin-right: -294px; /*** cRcwv ***/ /*** cRddv ** 344*/
}
/* search headerile paika NB! Vajab ehk torkimist! Absolute t66tab eri brauseritel erinevalt... .region-header .block-search float:right lykkab lihtsalt paremale */
#search-block-form {
/* position:absolute;
bottom: 20px;
right: 20px;*/
float:right;
}
/* Ats: siit algab p2ris custom.css */
/****************************/
/*vesim2rk v2lja kommenteeritud; proovisin l2bipaistvat hiirt, ei qigustanud
#wrapper {
background: transparent url(../_custom/hiir_brt.png) 99% 99% no-repeat;
}*/
/*footeri osa - seda polnud vaja, viskasin v2lja
#brand {
background: url(../_custom/footer_6.png) center center no-repeat;
position: relative;
margin: 5px auto 0; proovisin, kas tqmbab kokku
width: cover; proovisin 100% = fail, auto t66tas
height: 50px; proovisin auto
}*/
/* Sellega m22ratakse Arhiivi kqrgus ja muudetakse nimekiri scrollitavaks
N2idis koodijupp (see t66tas, aga tegi kasti inetuks)
#block-menu-menu-xxx {
height: 200px;
overflow:scroll;}
#block-menu-menu-arhiiv ul {
height: 110px;
overflow-y:scroll;
} */
/* uudisvoog esilehe allservas - kqrgus 2ra piirata ja srolliriba; ei tulnud v2lja...
#block-nodeblock-82 {
height: 600px;
overflow-x:scroll; */
/* HEADER IMAGE ROTATOR */
/************************/
.himg #headimg {
background: #000 url(headerimg/rotate.php) no-repeat 100% 100%; /* rotates images in the headerimg folder. NB! Siit on 2ra vahetatud taustav2rv: oli #fff, ehk valge, panin 000 ehk must */
border-bottom: 1px solid #000; /*millegip2rast oli siin eee*/
}
/* DROP DOWN SHADOW */
ul.firstsublayer,
ul.sublayer {
background: url(../images/menushadow.png) no-repeat 7px 5px;
}
/* UPDATE ICONS FOR NEW BLOCKS */
/*#block-block-XXX .block-icon {
background: transparent url(../images/contact_48.png) no-repeat;
} Blokinumbreid saab teada brauserist Inspectiga ;-)
#block-menu-menu-liivakast .block-icon {
background: transparent url(../_custom/icons/ikoonike_11_32x32.png) no-repeat;
}*/
#block-views-selles_numbris-block_1 .block-icon {
background: transparent url(../_custom/icons/ikoonike_2_32x32.png) no-repeat;
}
#block-views-uudisvoog-block_1 .block-icon {
background: transparent url(../_custom/icons/ikoonike_1_32x32.png) no-repeat;
}
#block-menu-menu-arhiiv .block-icon {
background: transparent url(../_custom/icons/ikoonike_9_32x32.png) no-repeat;
}
#block-views-autorid-block .block-icon {
background: transparent url(../_custom/icons/ikoonike_3_32x32.png) no-repeat;
}
#block-views-autori_teosed-block_1 .block-icon {
background: transparent url(../_custom/icons/ikoonike_8_32x32.png) no-repeat;
}
#block-book-navigation .block-icon {
background: transparent url(../_custom/icons/ikoonike_10_32x32.png) no-repeat;
}
/* SKY ylekirjutused */
/****************/
#body_bg {
border-bottom: 1px solid #eee;
}
td.section.divider {
border-left: 1px dashed #eee;
}
.node.teaser {
border-bottom: 1px dashed #eee;
}
.submitted, .links {
color: #21323F;
}
.by, .by a, .by a:hover {
color: #eee !important;
}
#forum td.topics, #forum td.last-reply {
background-color: #eee;
}
/* MENU & link STYLES */
#subnavlist a {
background-color: #eee;
}
#subnavlist li.menu-550 a {
color: #f2f2f2 !important;
}
/* GRAPHICS CSS */
/****************/
/* siin ja 3 j2rgmises asendatud images/sky _custom-Äôiga; sinna on muidugi ka uued kopeeritud... */
#top_bg {
background: black; /* url(../_custom/fill_top_c.png) 0 100% repeat-x; */
}
#top_left {
background: black; /* url(../_custom/fill_top_left.png) 0 100% no-repeat; */
}
#top_right {
background: black; /* url(../_custom/fill_top_right.png) 100% 100% no-repeat; */
}
h1, h2, h3 {
color: #405080; /* 244864 ja vahepeal tumesinine 0B0B61 */
}
h4, h5, h6 {
color: #2B4051; /* 244864 ja vahepeal tumesinine 0B0B61 */
}
a, a:link,
.title, .title a,
.node .terms,
#aggregator .news-item .categories, #aggregator .source, #aggregator .age,
#forum td .name,
div.admin-panel .description {
color: #405080; /* 2f71a2 */
}
/* headeri sisselogimislink valgeks! */
#user_links a, #user_links a:link {
color: #fff !important;
}
.block.themed-block {
background: #eff2f4; /*url(../_custom/fill_block.png) 0 100% repeat-x*/
border: 1px solid #eee;
}
/* Siin kommenteerisin v2lja fondim22rangu, kuid millegip2rast tekkis serifidega font; panen tagasi. Tausta l2bipaistvus toimib */
#navlinks ul li a, #navlist a {
color: #fff !important;
text-transform: none;
font-family: sans-serif, Arial, Verdana, Helvetica;
font-size: 110%;
background-color: rgb(16, 20, 40);
background-color: rgba(16, 20, 40, .3);}
#navlinks ul li a:hover, #navlist li a:hover {
color: #fff !important;
background-color: #408EC8;
}
/* DROP DOWN LI */
/* set li width & color */
#navlinks ul li.expanded ul li {
border-left: 1px solid #78868E; /*oli 3c90bb*/
border-top: 1px solid #78868E; /*oli 3c90bb*/
border-right: 1px solid #78868E; /*oli 176992*/
border-bottom: 1px solid #78868E; /*oli 176992*/
}
/* DROP DOWN Anchors */
/* first level */
#navlinks ul li.expanded a.expandfirst {
background-color: rgb(2f, 71, a2);
background-color: rgba(2f, 71, a2, .7);
background: url(../images/nav-down.png) no-repeat 7px 50%; /*korraks oli 162040*/
}
#navlinks ul li.expanded a.expandfirst:hover {
background: #408EC8 url(../images/nav-down.png) no-repeat 7px 50%;
}
/* sublevels */
#navlinks ul li.expanded a {
background: rgb(16, 20, 40);
background: rgba(16, 20, 40, .7); /*oli 2f71a2*/
}
#navlinks ul li ul li a:hover {
color: #fff !important;
background: #408EC8;
}
#navlinks ul li.expanded a.expand,
#navlinks ul li.expanded ul li a.expand {
background: url(../images/nav-right.png) no-repeat 95% 9px;
background-color: rgb(2f, 71, a2);
background-color: rgba(2f, 71, a2, .7); /* oli 2f71a2 */
}
#navlinks ul li ul li.expanded a.expand:hover {
background: #408EC8 url(../images/nav-right.png) no-repeat 95% 9px;
}
/* Mitmesogast...*/
/**************/
.front #main h2.title {
font-size: 240%;
margin-top: 0.7em;
/* color: #055065;
font-family:Hanger;*/}
#pid-autorid h1.title, #pid-uudisvoog h1.title {
font-size: 240%;
margin-top: 0.58em;
/* color: #055065;
font-family:Hanger;*/}
.node-type-esileht #main .title {
font-size: 240%;
margin-top: 0.2em;
/* font-family:Hanger;
color: #055065;*/}
.views-field-field-inline-image {
float:left;
padding:8px 14px;}
.region-user5, .region-user6, .region-user7, .region-user8 {
padding: 4px;
/*margin-bottom: 4px;*/
background: #eff2f4; /*url(../_custom/fill_block.png) 0 100% repeat-x*/
border: 1px solid #ddd;
border-radius:4px;}
.region-user5 .title, .region-user6 .title, .region-user7 .title, .region-user8 .title {
font-size: 240%;
padding: 4px;
/* color: #055065;
font-family:Hanger;*/}
.region-user5 .content, .region-user6 .content, .region-user7 .content, .region-user8 .content {
padding: 4px;}
views_fluid_grid.base.css
views_fluid_grid.base.css/* Fluid grid container. Hm, ei n2i efekti omavat.*/
div.views-fluid-grid {
overflow: ellipsis;
}
/* View title, label of grouping field. Minu lisand!*/
div.views-fluid-grid h1 h2 h3 h4 h5 h6 p {
margin-top: 0.2em; margin-bottom: 0.1em;}
div.views-fluid-grid h1 {
font-size: 120%;}
div.views-fluid-grid h2 {
font-size: 115%;}
div.views-fluid-grid h3 {
font-size: 110%;}
div.views-fluid-grid h4 {
font-size: 105%;}
/* Fluid grid is based on an HTML list. */
ul.views-fluid-grid-list {
margin: 0;
padding: 0;
}
/* Default item style. */
li.views-fluid-grid-item {
/* width and height properties are defined at views_fluid_grid.size.css. */
padding: 10px;
overflow: hidden; /* Proovisin selle asemel ellipsis, aga ei t66ta... */
list-style-type: none;
/* background-image: none; */
vertical-align: top;
color: #283648; /* 444 vahetasin 2ra */
background: #f2f4f7 /* url(../uudis_fill.png) 0 100% repeat-x; kui ma tegin selle heledaks, k2x inetux; oli: background-color: #f0f0f0*/
border: 1px solid #ddd; /* aaa vahetasin ära! */
}
/**
* List items use inline block style.
* Works in all modern browsers (except IE7 and lower).
*/
li.views-fluid-grid-inline {
/* inline-block does not work when applied to block elements in IE7 and lower. */
display: inline-block;
}
/**
* Targeting IE7.
* 1) html > body selector hides declaration from IE6 and lower.
* 2) Asterisk Hack exploits a bug in IE7 and lower.
*/
html > body li.views-fluid-grid-inline {
*display: inline;
*zoom: 1;
}
/**
* Targeting IE4-6 (excluding MacIE5).
*
* 1) Commented Backslash Hack hides declaration from MacIE5.
* 2) * html selector exploits a bug in IE4-6.
* 3) Enforce hasLayout using display inline and zoom applied to block elements.
* \*/
* html li.views-fluid-grid-inline {
display: inline;
zoom: 1;
}
/* Ends Commented Backslash Hack. */