History: CartoGraf_Theme

View page

Source of version: 5 (current)

! Theme for the CartoGraf Profile

Currently it is being attached as a zipped package to the ((CartoGraf)) page.

Here is the CSS code found in the -+CartoGraf.css+- file:
{CODE()}
/* CartoGraf Theme v1.0 build12 - Design to Tiki theme ported by luci */

/* Import layout foundation CSS file. */
@import url("lite/lite.css");

/* Then import the default layout properties file: */
@import url("layout/layout.css");
 
/* Import design defaults. */
@import url("layout/design.css");

* a {
	color: #06609C;
}
* a:visited {
	color: #690;
}
* a:hover, * a:visited:hover {
	color: #999
}

h1, h2, h3, h4, h5, h6 {
	margin: 5px 0;
}

.highlight {
	padding: .5em;
	border-radius: 10px;
}

/*
 ***** Common Menus *****
 */

/* Some default values for basic CSS menus design */
.menuLevel1 a {
	background: #fff;
	line-height: 2em;
}

/* END Common Menus */

/*
 ***** Header *****
 */
.header_outer {
	background: transparent;
}
#header {
	background: transparent url("CartoGraf/menuFond.gif") repeat-x;
	height: 230px;
}
/* Site Logo module */
.box-logo {
	position: relative;
}
#sitelogo {
	position: absolute;
	z-index: 1000;
}
#sitelogo
	a {
		display: block;
		margin-left: 52px;
		width: 292; height: 91px;
}
#sitelogo
	a
		img {margin-top: 0}

.siteloginbar_popup .tabmark {
	background: transparent;
	margin: 0;
}
.siteloginbar_poppedup {
	background: rgba(139,139,139,0.8) !important;
	border: solid 6px rgba(255,255,255,1);
	border-top: none;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 5px 3px -3px rgba(0, 0, 0, .5);
	left: 8em !important;
	top: 0 !important;
	padding: 5px !important;
	width: 25em !important;
}
.siteloginbar_poppedup * {line-height: 2em;}
.siteloginbar_poppedup label {
	color: #fff;
	font-size: 10px;
	position: relative;
}
.siteloginbar_poppedup div.register,
.siteloginbar_poppedup div.pass {font-size: .6em; line-height: 1em; width: auto;}
.siteloginbar_poppedup a {color: #fff !important}
.siteloginbar_poppedup input {
	border: none;
	border-top: solid 1px #999;
	border-radius: 10px;
	height: 20px;
	padding: 0 10px;
}
.siteloginbar_poppedup input,
.siteloginbar_poppedup .button:hover,
.siteloginbar_poppedup button:hover,
.siteloginbar_poppedup input[type=reset]:hover,
.siteloginbar_poppedup input[type=submit]:hover {
	margin: inherit;
	padding: 0 10px;
}

.siteloginbar_poppedup .tabcontent {
	background: transparent;
	padding: 0
}
.tabmark a.login_link {
	text-decoration: underline;
}
a.login_link .sf-sub-indicator {
	display: none;
	bottom: 7px;
}

/*
 ***** Live OpenStreet Map module in the header *****
 */
#TheLiveHeaderMap {height: 188px}
/* Overwrite OpenLayers Maps CSS */
#TheLiveHeaderMap .olControlPanZoom {
	display: none !important;
}
#TheLiveHeaderMap .olControlAttribution {
	bottom: 5px;
}
#top_modules .box-LiveHeaderMap {
	position: absolute;
	top: 42px; left: 0;
	width: 100%; height: 188px;
/*	z-index: -1;*/
}
/* make sure h3 title of module is not displayed */
#top_modules .box-LiveHeaderMap h3 {
	display: none;
}
/* END Live OpenStreet Map module */

#top_modules .box-login_box {
	float: left;
	position: static;
}

/* Map Location Search */
#top_modules .map-location-search {
	float: right;
	margin: 7px 350px 7px 15px;
}
#top_modules .map-location-search label, #top_modules .map-location-search img {display: none}
#top_modules .map-location-search input {
	background: #fff url("CartoGraf/menuRecherche_loupe.gif") no-repeat center right;
	border: none;
	border-top: solid 1px #999;
	border-radius: 10px;
	height: 20px;
	padding: 0 10px;
}
#top_modules .map-location-search input[type=submit] {display: none}
/* END Map Location Search */

#top_modules .cssmenu_horiz a, #top_modules .box-login_box a {
	color: #333;
	font-size: 14px;
	line-height: 38px;
	padding: 0 15px;
}
#TopMenu {
	margin: 0 15px;
}
#quickadmin {
	background: #fff;
	border-radius: 0 0 10px 10px;
	margin-top: 1px;
	padding: 5px 10px 7px 5px;
}
#top_modules .box-quickadmin {
	top: 0;
}
/* END Header */

/*
 ***** Middle *****
 */
#middle {
	background: #E8E8E8 url("CartoGraf/pageFond.gif") repeat-x;
	padding: 5px 0;
}

/* UI dialogs, e.g. for the Tiki Draw too */
.ui-widget-overlay {
	z-index: 100000 !important;
}
.ui-dialog {
	z-index: 100001 !important;
}

/* Errors boxes should be visible on top of all */
#error_report {
    margin: auto;
    position: relative !important;
    width: 90%;
    z-index: 999999 !important;
}

#role_main {
	min-height: 400px;
	padding: 10px;
}
#page_3 #role_main {
	padding: 0;
}
#role_main fieldset {
	border-radius: 0 15px 15px 15px;
}

/* Left map controls under the zoom bar need a little tweak not to overlap (when using OpenStreetMap it has larger zoom scale) */
.olControlNavToolbar {
	top: 315px !important;
}

/* Where the actual Lat/Lon displays over the map */
.olControlMousePosition {
	top: 3px; right: 3px !important;
	width: 20em; height: 15px; line-height: 15px;
	padding: 2px 5px;
	background: rgba(0, 0, 0, .75);
	border-radius: 10px;
	color: #fff;
	text-align: center;
}

/* This sprite overwrites the default map controls icons */
.olControlNavToolbar div, .olControlEditingToolbar div {
    background-image: url("CartoGraf/img/editing_tool_bar.png") !important;
}

/* CSS for our Maps AppFrame and Overlays */
#appframe {
	position: absolute !important;
	top: -42px !important;
	bottom: 42px !important;
	margin-top: 82px !important;
}

.overlay a.active img.icon {
	background-color: #fff;
	border-radius: 5px;
}
.overlay img.icon {
	width: 22px !important;
	height: 19px !important;
	padding: 2px;
}

#marker_contentDiv th {display: none}

/* Map in Edit dialog */
.ui-dialog .map-container {
	width: 100% !important;
	height: 220px !important;
}
.ui-dialog .edit-zone textarea {height: 100px}
.ui-dialog fieldset {padding: 10px}
.ui-dialog fieldset input[type=text], .ui-dialog fieldset input[type=url] {width: 99% !important}

/* Map Anchors */
h3.anchor-head {
	clear: both;
	float: right;
	line-height: 61px; height: 61px;
	margin: 10px 0 0; padding: 0;
}
h3.anchor-head a {
	display: block;
	float: left;
	line-height: 61px; height: 61px;
	vertical-align: middle;
}
h3.anchor-head span {
	background: rgb(5, 111, 138);
	border-bottom: solid 4px rgb(125, 169, 178);
	border-top: solid 4px rgb(125, 169, 178);
	color: rgb(223, 246, 253);
	display: block;
	float: right;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 20px;
	line-height: 53px; height: 53px;
	padding: 0 20px;
	vertical-align: middle;
	min-width: 180px;
}
.anchor-content {
	background-color: rgba(255,255,255,1);
	border-radius: 0 0 0 20px;
	box-shadow: 0 5px 3px -3px rgba(0, 0, 0, .5);
	clear: both;
	float: right;
	padding: 5px 10px 20px;
	width: 220px;
	overflow: hidden;
}
.anchor-content h2 {
	font-size: 19px;
}
.anchor-content h3 {
	font-size: 16px;
}
.anchor-content h4 {
	font-size: 13px;
}
.anchor-content ul {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
#map-legend li {
	min-height: 40px;
	line-height: 18px;
	padding: 0 4em 0 40px;
	position: relative;
}
#map-legend li img {
	clear: both;
	margin-right: 5px;
	position: absolute;
	top: 1px; left: 1px;
	vertical-align: middle;
}
#map-legend li a.editlink {
	background: rgba(95, 139, 5, .5);
	border-radius: 15px;
	color: #fff;
	float: right;
	font-size: 9px;
	line-height: 12px;
	margin: 5px; padding: 5px;
	position: absolute;
	top: 0; right: 0;
	text-decoration: none;
}
#map-legend li a.editlink:hover {
	background: rgba(95, 139, 5, 1);
}
.anchor-content .icon_edit_section {
	display: none;
}
#map-legend-add {
	clear: both;
	text-align: center;
}
#map-legend-add input {
	background: rgb(95, 139, 5);
	border: none;
	border-radius: 15px;
	color: #fff;
	margin: 0 5px; padding: 5px 10px;
	text-decoration: none;
}

/* Home Page content */
#AboutCartoGraf {
	background: #5f8b05 url("CartoGraf/vertPlanete.png") no-repeat top right;
	border: solid 6px #a7c664;
	border-radius: 20px;
	color: #cedbaf;
	margin: 0 !important;
	margin-top: 30px !important;
	min-height: 250px;
	text-align: left;
	width: 58%;
}
#AboutCartoGraf .cbox-title {
	background: #a7c664;
	color: #5f8b05;
	margin-top: 15px;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 20px;
	line-height: 50px;
	padding-left: 40px;
}
#AboutCartoGraf .cbox-data, #CardOfDay .cbox-data {
	padding-left: 40px;
}
#AboutCartoGraf .cbox-data ul {
	font-size: 16px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	line-height: 24px;
}
#AboutCartoGraf .cbox-data a {
	color: #cedbaf !important;
	text-decoration: underline;
}

#CardOfDay {
	background: #05708b;
	border: solid 6px #b5c6c9;
	border-radius: 20px;
	color: #b5c6c9;
	margin: 0 !important;
	margin-top: 30px !important;
	min-height: 250px;
	text-align: left;
	width: 38%;
}
#CardOfDay .cbox-title {
	background: #b5c6c9;
	color: #05708b;
	margin-top: 15px;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 20px;
	line-height: 50px;
	padding-left: 40px;
}
#CardOfDay .cbox-data a {
	color: #b5c6c9 !important;
	text-decoration: underline;
}


/*
 ***** Tabs *****
 */
.tabactive {
	border-bottom: none;
}
.tabcontent {
	
}
/* END Tabs */

/* END Middle */

/* Col2 */
#col2 .modules {
	padding: 5px
}

/* Footer */
#footer {
	position: fixed;	
	background: #fff;
	bottom: 0;
	padding: 5px 0;
	z-index: 1;
}
#footer .modules {
	font-size: 9px;
	line-height: 10px;
	margin: 0;
	padding: 0 5px;
}
.power {
	text-align: center
}

/*
 ***** Right Edge menu *****
 */
#RightEdgeMenu {
	margin-top: 40px;
	position: fixed;
}
#RightEdgeMenu a {
	background-color: rgb(139,87,5);
	font-variant: small-caps;
	font-weight: bold;
	font-size: 20px;
	color: #dfcfaf;
	border: solid 5px rgb(215,207,174);
	border-radius: 20px 0 0 20px;
	line-height: 50px;
	margin-bottom: 10px;
	padding-left: 40px;
	border-right: none;
	width: 135px;
	overflow: hidden;
}

{CODE}

Latest Changes

...more

Like almost all *.tiki.org sites, you can log in with your login from https://tiki.org (register over there)

Search

Most Popular Tags

admin agenda alias antibot antibot captcha app archive articles banning batch blogs calculations calendars cart categories cluster codemirror comments computation contact us datachannel debug debug console dropdown with other error messages features file galleries forums geo geocms geolocation group homepages group watches header i18n images item link items list jquery languages location map maps maths menu menupage multilingual ol3 ol5 openlayers paypal plugin plugin alias plugin datachannel plugin fade plugin tabs plugin trackerlist pretty trackers print project management r r project realnames rss static static text statistics stats structures syntax highlighter tablesorter template trackers user watches visualization watches webservice wiki wiki argument variables wiki structures

History: CartoGraf_Theme

Source of version: 5 (current)

Menu

Current Profiles

Latest Changes

Search

Most Popular Tags

About Tiki

Support

Community

Documentation

Development

Legal

Tiki Project Sites

Networks

History: CartoGraf_Theme

Source of version: 5 (current)

Menu

Current Profiles

Latest Changes

Search

Most Popular Tags

Tiki Newsletter

About Tiki

Support

Community

Documentation

Development

Legal

Tiki Project Sites

Networks