diff options
| author | mokhan <mokhan@da190166-9cfc-4ee1-ae03-434a172be219> | 2009-02-21 21:44:27 +0000 |
|---|---|---|
| committer | mokhan <mokhan@da190166-9cfc-4ee1-ae03-434a172be219> | 2009-02-21 21:44:27 +0000 |
| commit | 1dfdccb8118aeaa3cd844ac8de2a672c93312166 (patch) | |
| tree | 4b19e7f816ab1019f180a46b68572af4b66fe4bc /slips/src/app/Marina.Web.UI/style/style.css | |
| parent | 42d66bcab8262c7b8b2452615df535e694a3ec1c (diff) | |
git-svn-id: http://svn.xp-dev.com/svn/mokhan-sait@2 da190166-9cfc-4ee1-ae03-434a172be219
Diffstat (limited to 'slips/src/app/Marina.Web.UI/style/style.css')
| -rw-r--r-- | slips/src/app/Marina.Web.UI/style/style.css | 274 |
1 files changed, 274 insertions, 0 deletions
diff --git a/slips/src/app/Marina.Web.UI/style/style.css b/slips/src/app/Marina.Web.UI/style/style.css new file mode 100644 index 0000000..89a1c21 --- /dev/null +++ b/slips/src/app/Marina.Web.UI/style/style.css @@ -0,0 +1,274 @@ +/* global */
+html{height: 100%;}
+
+body
+{ font-family: verdana, arial, sans-serif;
+ padding: 0px;
+ margin: 0px;
+ font-size: .68em;
+}
+
+p
+{ margin: 0px;
+ padding: 0px 0px 16px 0px;
+ line-height: 1.7em;
+}
+
+h1
+{ font-family: arial, sans-serif;
+ letter-spacing: .1em;
+}
+
+h2
+{ margin: 0px;
+ padding: 0px 0px 4px 0px;
+ font-size: 100%;
+}
+
+img{border: 0px;}
+
+a{outline: none;}
+
+/* image positioning - left, right and center */
+.left
+{ float: left;
+ padding: 0px 8px 0px 0px;
+}
+
+.right
+{ float: right;
+ padding: 0px 0px 0px 8px;
+}
+
+.center
+{ display: block;
+ text-align: center;
+ margin: 0 auto;
+}
+
+/* block quote */
+blockquote
+{ margin: 20px 0px 20px 0px;
+ padding: 10px 20px 0px 20px;
+ border-left: 8px solid;
+}
+
+/* unordered list */
+ul
+{ margin: 8px 0px 0px 16px;
+ padding: 0px;
+}
+
+ul li
+{ list-style-type: square;
+ margin: 0px 0px 11px 0px;
+ padding: 0px;
+}
+
+/* ordered list */
+ol
+{ margin: 8px 0px 0px 24px;
+ padding: 0px;
+}
+
+ol li
+{ margin: 0px 0px 11px 0px;
+ padding: 0px;
+}
+
+/* main container */
+#main
+{ width: 780px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* links above the logo / footer */
+#links, #footer
+{ margin-left: auto;
+ margin-right: auto;
+ padding: 10px 21px 0px 19px;
+ width: 720px;
+ height: 26px;
+ font-size: 94%;
+ text-transform: uppercase;
+}
+
+#links{text-align: right;}
+
+#footer{text-align: center;}
+
+#links a, #footer a{text-decoration: none;}
+
+#links a:hover, #footer a:hover{text-decoration: underline;}
+
+/* logo */
+#logo
+{ margin-left: auto;
+ margin-right: auto;
+ width: 760px;
+ height: 100px;
+ text-align: left;
+}
+
+#logo h1
+{ margin: 0px;
+ padding: 41px 0px 0px 19px;
+ font-size: 150%;
+ letter-spacing: .2em;
+}
+
+/* navigation menu */
+#menu
+{ height: 42px;
+ width: 760px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+#menu ul{margin: 0px auto;}
+
+#menu li
+{ float: left;
+ margin: 0px;
+ padding: 0px;
+}
+
+#menu li a
+{ display: block;
+ float: left;
+ height: 37px;
+ text-decoration: none;
+ padding: 3px 19px 2px 19px;
+ text-transform: uppercase;
+}
+
+/* main content */
+#content
+{ margin-left: auto;
+ margin-right: auto;
+ width: 760px;
+ height: auto;
+ padding: 0px;
+ overflow: hidden;
+}
+
+/* column 1 - contains sidebar items */
+#column1
+{ width: 207px;
+ float: right;
+ padding: 16px 0px 15px 0px;
+}
+
+.sidebaritem
+{ text-align: left;
+ width: 188px;
+ float: left;
+ margin: 0px 0px 25px 0px;
+}
+
+.sbihead
+{ height: 14px;
+ width: 188px;
+ padding: 5px 0px 5px 19px;
+ text-transform: uppercase;
+}
+
+.sbihead h1
+{ padding: 0px;
+ margin: 0px;
+ font-weight: bold;
+ font-size: 112%;
+}
+
+.sbicontent{padding: 14px 8px 8px 19px;}
+
+.sbicontent p
+{ line-height: 14px;
+ padding: 0px 0px 8px 0px;
+}
+
+.sbilinks{padding: 0px;}
+
+.sbilinks ul{margin: 0px auto;}
+
+.sbilinks li
+{ margin: 0px;
+ float: left;
+ list-style: none;
+}
+
+.sbilinks li a , .sbilinks li a:hover
+{ float: left;
+ height: 16px;
+ text-decoration: none;
+ padding: 5px 0px 4px 19px;
+ width: 188px;
+ border: 0px;
+}
+
+/* column 2 - page content */
+#column2
+{ text-align: justify;
+ width: 512px;
+ float: left;
+ padding: 12px 3px 15px 19px;
+}
+
+#column2 h1
+{ padding: 6px 0px 4px 0px;
+ margin: 0px 0px 12px 0px;
+ border-bottom: 1px solid;
+ font-size: 150%;
+ text-transform: uppercase;
+ font-weight: normal;
+}
+
+.sidebaritem a, #column2 a, .sidebaritem a:hover, #column2 a:hover
+{ padding: 0px 0px 2px 0px;
+ text-decoration: none;
+ border-bottom: 1px dashed;
+}
+
+.sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}
+
+/* contact page - form layout */
+form{margin-top: 0px;}
+
+div.row
+{ clear: both;
+ width: 448px;
+}
+
+div.row span.formlabel
+{ float: left;
+ width: 150px;
+ text-align: left;
+}
+
+div.row span.forminput
+{ float: right;
+ text-align: right;
+}
+
+div.spacer
+{ clear: both;
+ width: 80px;
+}
+
+input, textarea
+{ width: 259px;
+ font-family: verdana, arial, sans-serif;
+ border: 1px solid;
+ font-size: 100%;
+ margin: 2px;
+}
+
+.submit
+{ font-family: verdana, arial, sans-serif;
+ border: 1px solid;
+ width: 70px;
+ height: 22px;
+ cursor: pointer;
+ font-size: 100%;
+}
|