History: CartoGraf_Theme
Source of version: 5 (current)
Copy to clipboard
! 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}