Difference between pages "Welcome to CargoHandbook" and "MediaWiki:Common.css"

From Cargo Handbook - the world's largest cargo transport guidelines website
(Difference between pages)
m
 
 
Line 1: Line 1:
{| style="border: 0px dotted darkgray; width:930px;" cellpadding="5" cellspacing="0"
+
/* CSS placed here will be applied to all skins */
|-
+
 
|valign="top" align="justify" style="width:700px;"|Welcome to CargoHandbook.com, the world's largest database on transportation of cargoes in the marine industry. This website is aimed at providing a platform acceptable for everyone to provide and share the best knowledge available on cargo transportation, thereby hoping to contribute to awareness and prevention of loss. <br><br>
+
body {
This website provides information on over 750 commodities with emphasis on those characteristics which may be relevant during overseas transportation. The guidelines are general in nature and the amount of information largely depends on availability and level of transport-related research done. <br><br>Specific information provided by manufacturers, shippers, authorities and shipping lines may differ and the user of this website may therefore wish to make further enquiries as to the most suitable guidance. In no circumstance, does the information on this website replace provisions governing the carriage of goods as stipulated in IMO publications, Production Safety Data sheets, advice given by insurance companies, regulations by any national or international authority, etc.<br><br>
+
    background-color: #ffffff;
Start your search by selecting the commodity by either [[Index|category]], [[:Category:Products|alphabetical order]] or use the search engine. <br><br>
+
}
<sub>This website has been developed and is under further development by [http://www.bmtsurveys.com BMT Surveys].</sub>
+
 
<br/><hr/>
+
div#mw-panel div.portal div.body ul li a {
{| style="border: 1px dotted darkgray; margin:17px 0 0 0;" cellpadding="5" cellspacing="0"
+
    color: #00b6dd;
|-
+
}
|valign="top" padding:17px 0 0 7px;" bgcolor="#22BBC3"|[[File:warning.png|60px|left]]
+
 
|valign="top" align="left" padding: 10px 0 15px 0;" style="color:#ffffff;" bgcolor="#22BBC3"|<span style="color:#EBBE16;">'''''Important message in respect of maintenance'''''</span><br/>On '''27 March 2014''' in between 00:15 and 07:00 CET, our hosting provider will upgrade their systems. During this period Cargohandbook.com will be completely off-line for a few hours.<br/>
+
.mw-body h1, .mw-body h2 {
''Above maintenance will also have effect on the operation of the Cargohandbook App.''
+
    font-family: sans-serif;
|}
+
    line-height: 1.3;
<br/><hr/>
+
    margin-bottom: 0.25em;
'''Get access to all products on your mobile device? The Cargohandbook App can be downloaded, free of charge, both in the App Store (iOS) and Play Store (Android).'''<br/><br/>
+
    padding: 0;
With this App you will have direct access to the carriage guidelines for the more than 800 commodities on Cargohandbook.com. Whether you are behind your desk, on board a vessel or anywhere else, with this App you can always find the cargo information you’re looking for!
+
}
You can use the buttons below to access the App directly:
+
 
{| style="margin:15px 0 0 0;"
+
div#mw-panel div.portal div.body ul li {
|-
+
    list-style-image: url("http://www.cargohandbook.com/resources/assets/bullet.gif?2014-08-12T11:01:40Z");
|[[File:Googleplay.jpg|185px|left|link=https://play.google.com/store/apps/details?id=eu.justcreateitnow.cargohandbook]]
+
    list-style-type: square;
|[[File:Appstore.jpg|left|link=https://itunes.apple.com/app/cargohandbook/id765049907?mt=8]]
+
}
|}
+
 
|valign="top" style="padding:7px 0 0 21px;" |[[File:Home2.jpg|left|link=]]
+
div#mw-panel div.portal div.body ul li a:visited {
{| style="border: 1px dotted darkgray;" cellpadding="5" cellspacing="0"
+
color: #00b6dd;
|-
+
}
|valign="top" align="justify" style="width:225px;" bgcolor="#E5F4F7"|<span style="color:#4d574f;">''''''Make your [[input]] count:''''''</span> <br/>If you are of the opinion that this website contains incorrect information, or better, if you have information to add, we appreciate your [[Input|input]].
+
 
|style="padding:7px 0 0 0;" bgcolor="#E5F4F7"|[[File:Input.png|right|link=]]
+
a {
|}
+
    color: #00b6dd;
{| style="border: 1px dotted darkgray; margin:17px 0 0 0;" cellpadding="5" cellspacing="0"
+
   
|-
+
}
|valign="top" style="width:76px; padding:17px 0 0 7px;" bgcolor="#E5F4F7"|[[File:Maps.png|left|link=]]
+
 
|valign="top" style="width:219px; padding: 10px 0 15px 0;" bgcolor="#E5F4F7"|<span style="color:#4d574f;">'''''"Knowledge is the only form of wealth that grows by sharing"'''''</span><br/>Cargohandbook has been set up with the assistance of various partners, who have contributed by sharing their knowledge.<br>To find out about these companies and institutions, or find out how you can support Cargohandbook.com, click [[Contributors_and_supporters|here]].
+
.mw-body a.external {
|}
+
    color: #00b6dd;
|}<br>
+
}
 +
 
 +
.mw-body a.external:visited {
 +
    color: #00b6dd;
 +
}
 +
 
 +
a:visited {
 +
color: #00b6dd;
 +
}
 +
 
 +
div#mw-head {
 +
    position: absolute;
 +
    right: 0;
 +
    top: 208px;
 +
    width: 100%;
 +
    z-index: 100;
 +
}
 +
 
 +
.mw-body {
 +
    margin-left: 11em;
 +
    margin-top: 207px;
 +
    padding: 1.25em 1.5em 1.5em;
 +
}
 +
 
 +
 
 +
div#mw-panel {
 +
    font-size: inherit;
 +
    left: 0;
 +
    padding-top: 1em;
 +
    position: absolute;
 +
    top: 160px;
 +
    width: 100em;
 +
}
 +
 
 +
#p-logo {
 +
    left: 0.5em;
 +
}
 +
#p-logo {
 +
    height: 290px;
 +
    left: 0;
 +
    position: absolute;
 +
    top: -160px;
 +
    width: 120em;
 +
}
 +
 
 +
 
 +
#p-logo a {
 +
    background-position: center center;
 +
    background-repeat: no-repeat;
 +
    display: block;
 +
    height: 287px;
 +
    text-decoration: none;
 +
    width: 120em;
 +
}
 +
 
 +
#mw-page-base {
 +
    background-color: #ffffff;
 +
    background-image: none;
 +
    background-position: left bottom;
 +
    background-repeat: repeat-x;
 +
    height: 5em;
 +
}
 +
 
 +
#p-personal {
 +
    right: 1em;
 +
}
 +
#p-personal {
 +
    position: absolute;
 +
    right: 0.75em;
 +
    top: -13em;
 +
    z-index: 100;
 +
}
 +
 
 +
div#mw-panel #p-logo + div.portal {
 +
    background-image: none;
 +
    margin-top: 120px;
 +
}
 +
 
 +
 
 +
#f-poweredbyico { display: none; }
 +
 
 +
#lastmod { display: none; }

Revision as of 13:04, 13 February 2017

/* CSS placed here will be applied to all skins */

body {
    background-color: #ffffff;
}

div#mw-panel div.portal div.body ul li a {
    color: #00b6dd;
}

.mw-body h1, .mw-body h2 {
    font-family: sans-serif;
    line-height: 1.3;
    margin-bottom: 0.25em;
    padding: 0;
}

div#mw-panel div.portal div.body ul li {
    list-style-image: url("http://www.cargohandbook.com/resources/assets/bullet.gif?2014-08-12T11:01:40Z");
    list-style-type: square;
}

div#mw-panel div.portal div.body ul li a:visited {
color: #00b6dd;
}

a {
    color: #00b6dd;
    
}

.mw-body a.external {
    color: #00b6dd;
}

.mw-body a.external:visited {
    color: #00b6dd;
}

a:visited {
color: #00b6dd;
}

div#mw-head {
    position: absolute;
    right: 0;
    top: 208px;
    width: 100%;
    z-index: 100;
}

.mw-body {
    margin-left: 11em;
    margin-top: 207px;
    padding: 1.25em 1.5em 1.5em;
}


div#mw-panel {
    font-size: inherit;
    left: 0;
    padding-top: 1em;
    position: absolute;
    top: 160px;
    width: 100em;
}

#p-logo {
    left: 0.5em;
}
#p-logo {
    height: 290px;
    left: 0;
    position: absolute;
    top: -160px;
    width: 120em;
}


#p-logo a {
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 287px;
    text-decoration: none;
    width: 120em;
}

#mw-page-base {
    background-color: #ffffff;
    background-image: none;
    background-position: left bottom;
    background-repeat: repeat-x;
    height: 5em;
}

#p-personal {
    right: 1em;
}
#p-personal {
    position: absolute;
    right: 0.75em;
    top: -13em;
    z-index: 100;
}

div#mw-panel #p-logo + div.portal {
    background-image: none;
    margin-top: 120px;
}


#f-poweredbyico { display: none; }

#lastmod { display: none; }