-
+
+
-
-
+
- - Twit
- - RSS
- - Git
- - Mail
- - FB
+ - t
+
+ - t
+ - t
+ - t
-
-
+
-
-
#IDleg
-
The socio-political social network
-
Search
-
+
#IDleg
+
The socio-political social network
+
Search
-
+
-
+
diff --git a/styles.css b/styles.css
index 9e478a9..9175e38 100644
--- a/styles.css
+++ b/styles.css
@@ -1,14 +1,13 @@
-.wrapper {
- margin: 0 auto;
- width: 960px;
- opacity: 1.0;
- }
+
+
+
.tops {
width: 100%;
- height: 165px;
+ height: 145px;
background-image: url("images/topo.png");
background-repeat: repeat;
+ float: left;
}
#topline {
@@ -16,34 +15,75 @@
height: 40px;
background-color: #99cccc;
opacity: 0.4;
- }
-
-#logo {
float: left;
}
-#socials {
- list-style: none;
+div.socials {
margin: 0;
- padding: 0;
+ position: absolute;
+ top: 0;
+ right: 0;
+ text-align: right;
+ font-size: 1.2em;
+ padding: 1.25em .5em;
}
+.socials ul {
+ list-style: none;
+ }
+
+.socials li {
+ position: relative;
+ display: inline-block;
+ margin-right: .125em;
+ }
+
+li.social_tw a {
+ text-decoration: none;
+ background-image: url("images/twittericon.png");
+ }
+
+#logoline {
+ width: 100%;
+ height: 65px;
+ float: left;
+ }
+
+div#logo {
+ float: left;
+ font-family: Garamond, "Times New Roman", serif;
+ font-size: 16px;
+ }
+
+
+
#slogan {
float: left;
+ font-family: Garamond, "Times New Roman", serif;
+ font-size: 10px
+ padding: 40
}
#menu {
width: 100%;
- height: 60px;
+ height: 40px;
background-color: #99cccc;
opacity: 0.4;
clear: both;
+ float: left;
+ }
+
+#menu ul {
list-style: none;
margin: 0;
padding: 0;
- }
+ overflow: hidden;
+}
-li {
- display: inline;
+#menu li {
+ float: left;
+ display: inline-block
+ padding: .5em;
+ margin: 10;
}
-- Twit
- - RSS
- - Git
- - Mail
- - FB
+ - t
+ - t
+ - t
+ - t
+ - t
-