Loading...
 

CartoGraf_Theme

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:
/* 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;
}