X-Git-Url: http://git.maemo.org/git/?a=blobdiff_plain;f=www%2Fstyles%2Fmain.css;fp=www%2Fstyles%2Fmain.css;h=b5bb23b0b2cb5b8ac35104a4e233810338efb64c;hb=7a3d96790942a3d5a214de7073cd2bf725788391;hp=0000000000000000000000000000000000000000;hpb=167cf3e2aa59a8e0b3de7582a6f9e7e53b082016;p=mdictionary

diff --git a/www/styles/main.css b/www/styles/main.css
new file mode 100644
index 0000000..b5bb23b
--- /dev/null
+++ b/www/styles/main.css
@@ -0,0 +1,279 @@
+html, body, html *, body * {
+	padding		: 0px; 
+	margin		: 0px;
+	color		: #666;
+	font-size	: 12px;
+	text-align	: justify;
+	font-family	: Georgia, Tahoma, Arial, Helvetica, sans-serif;
+}
+
+body {
+	text-align	: center;
+	background-image: url(images/bckgnd.png);
+	background-repeat: repeat-x;	
+}
+
+#webContainer {
+	display		: block;
+	width		: 750px;
+	margin-left	: auto;
+	margin-right	: auto;	
+	background-color: transparent;
+}
+
+#topBar {
+	display		: block;
+	width		: 850px;
+	height		: 130px;
+	text-align	: left;
+	background-image: url(images/topBarBckgnd.png);
+	overflow	: hidden;
+}
+
+#topBar p {
+	color		: black;
+}
+
+#topBar p.title {
+	display		: block;
+	font-size	: 40px;
+	padding-left	: 146px;
+}
+
+#topBar div.installs {
+	display		: block;
+	float		: right;
+	width		: 110px;
+/* 	font-style	: italic; */
+	font-size	: 12px;
+	color		: #444;
+	text-align	: center;
+	font-weight	: bold;
+
+}
+
+#topBar a.install {
+	display		: block;
+	width		: 110px;
+	float		: right;
+	border		: 0px solid green;
+	/*margin-top	: 0px;*/
+	font-family	: sans-serif;
+	font-size	: 20px;
+	font-weight	: bold;
+	text-align	: center;
+	letter-spacing	: 4px;
+}
+
+#topBar a.install span {
+	display		: block;
+	text-align	: center;
+	font-family	: sans-serif;
+	font-size	: 13px;
+	letter-spacing	: 0px;
+	text-decoration	: none;
+}
+
+#topBar a.install:hover {
+	color		: black;
+}
+#topBar a.install:hover span {
+	color		: #000;
+}
+
+#topBar p.description {
+	display			: block;
+	font-size		: 17px;
+	padding-left	: 148px;
+}
+
+#topBarLinks {
+	display		: block;
+	height		: 30px;
+}
+
+#topBarLinks a {
+	display		: block;
+	float		: left;
+	padding-top	: 5px;
+	height		: 22px;
+	padding-left	: 7px;
+	padding-right	: 7px;
+	border-bottom	: 3px solid #2936FF;
+	font-size	: 12px;
+	text-decoration	: none;
+	color		: #000;
+	font-weight	: bold;
+}
+#topBarLinks a:hover {
+	border-bottom	: 3px solid #f42;
+	color		: #0D5F8D; 
+}
+
+#topBarLinks a.current {
+	border-bottom	: 3px solid #f42;
+	color		: #0D5F8D;
+}
+
+#contentContainer {
+	display		: block;
+	width		: 500px;	
+	background-image: url(images/background.png);
+	background-repeat: repeat-x;
+	padding-top	: 20px;
+	padding-bottom	: 20px;
+	padding-left	: 140px;
+}
+
+#contentContainer p {
+	display		: block;
+	text-align	: left;
+	padding-right	: 20px;
+	padding-left	: 6px;
+	padding-bottom	: 15px;
+	padding-top	: 5px;
+	text-indent	: 20px;
+}
+
+#contentContainer .centered {
+ 	text-align	: center; 
+}
+#contentContainer p.mails {
+	color		: #33f;
+}
+
+#contentContainer p.li {
+	display		: block;
+	border		: 1px solid red;
+}
+
+#footer {
+	display		: block;
+	padding-top	: 30px;
+	text-align	: center;
+}
+#footer p {
+	text-align	: center;
+	font-size	: 10px;
+	padding		: 0px;
+	padding-bottom	: 5px;
+}
+#footer img {
+	font-size	: 10px;
+	color		: #b22;
+}
+
+#contentContainer h1 {
+	display		: block;
+	font-size	: 16px;
+	padding-bottom	: 10px;
+	padding-top	: 20px;
+}
+
+#contentContainer a {
+	text-decoration	: none;
+	color		: #55e;
+}
+#contentContainer a:hover {
+	color		: #00f;
+}
+#contentContainer div.code {
+	display		: block;
+	margin		: 10px;
+	padding		: 5px;
+	border		: 1px solid silver;
+	background-color: #f5f5f5;
+	text-align	: left;
+	white-space	: pre;
+	color		: navy;
+	font-family	: monospace;
+}
+#contentContainer span.code {
+	padding-left	: 3px;
+	padding-right	: 3px;
+	white-space	: pre;
+	color		: navy;
+	font-family	: monospace;
+}
+
+#contentContainer p.faq_question {
+	display		: block;
+	padding-top	: 20px;
+	padding-bottom	: 5px;
+	font-weight	: bold;
+	font-size	: 14px;
+	text-transform	: capitalize;
+	color		: #33f;
+}
+
+#gallery {
+	display		: block;
+	text-align	: center;
+	border		: 1px solid silver;
+	padding		: 10px;
+}
+#gallery img {
+	border		: 2px solid #000;
+	padding		: 1px;
+	margin		: 2px;
+}
+
+#gallery a:hover img {
+	border		: 2px solid #33e;
+}
+
+div.faq_switcher {
+	display		: block;
+	width		: 10px;
+	height		: 10px;
+	float		: left;
+	border		: 1px solid silver;
+	margin-right	: 6px;
+	background-image: url(images/switcher.png);
+	background-repeat: no-repeat;
+}
+
+div.faq_question {
+	font-family	: Arial;
+	font-size	: 16px;
+	padding		: 8px;
+	font-weight	: bold;
+	border-left	: 2px solid #A33;
+	margin-bottom	: 4px;
+}
+
+div.faq_answer {
+	display		: none;
+	font-size	: 12px;
+	margin-left	: 10px;
+	font-weight	: normal;
+	border		: 1px solid silver;
+	background-color: #efefef;
+}
+
+div.qml_answer {
+	display		: none;
+	font-size	: 12px;
+	margin-left	: 10px;
+	font-weight	: normal;
+	border		: 1px solid silver;
+	/*background-color: #efefef;*/
+}
+
+div.faq_answer li {
+	margin-left	: 25px;
+}
+
+.image {
+	text-align	: center;
+	font-size	: 12px;
+	font-weight	: bold;
+}
+.image img {
+	display		: block;
+	width		: 440px;
+	height		: 264px;
+	margin-left	: auto;
+	margin-right	: auto;
+	padding		: 4px;
+}