|
|
@@ -47,12 +47,72 @@ table {
|
|
|
border-spacing: 0;
|
|
|
}
|
|
|
|
|
|
+/* default styles */
|
|
|
+h1, h2 {
|
|
|
+ font-weight: bolder;
|
|
|
+}
|
|
|
+h3, h4 {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+h1 {
|
|
|
+ font-size: 250%;
|
|
|
+}
|
|
|
+h2 {
|
|
|
+ font-size: 200%;
|
|
|
+}
|
|
|
+h3 {
|
|
|
+ font-size: 150%;
|
|
|
+}
|
|
|
|
|
|
-/* clearfix */
|
|
|
-.group:after {
|
|
|
- content: "";
|
|
|
- display: table;
|
|
|
- clear: both;
|
|
|
+/* default sizes */
|
|
|
+header, .content, footer {
|
|
|
+ width: 80%;
|
|
|
+ margin: 20px auto;
|
|
|
+}
|
|
|
+
|
|
|
+/* header & navigation */
|
|
|
+header>a {
|
|
|
+ color: #000;
|
|
|
+ text-decoration: none;
|
|
|
+}
|
|
|
+nav li {
|
|
|
+ display: inline;
|
|
|
+ padding: 0 15px;
|
|
|
+}
|
|
|
+
|
|
|
+/* content styles */
|
|
|
+.content h2, .content h3, .content h4 {
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+/* footer styles */
|
|
|
+footer {
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+footer .link {
|
|
|
+ display: inline-block;
|
|
|
+ width: 29px;
|
|
|
+ height: 29px;
|
|
|
+ padding: 0px 8px;
|
|
|
+ overflow: hidden;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+footer .facebook {
|
|
|
+ background-image: url('/images/facebook.png');
|
|
|
+}
|
|
|
+footer .linkedin {
|
|
|
+ background-image: url('/images/linkedin2.png');
|
|
|
+ width: 41px;
|
|
|
+}
|
|
|
+footer .youtube {
|
|
|
+ background-image: url('/images/youtube2.png');
|
|
|
+ width: 34px;
|
|
|
+}
|
|
|
+footer .github {
|
|
|
+ background-image: url('/images/github.png');
|
|
|
+}
|
|
|
+footer .skype {
|
|
|
+ background-image: url('/images/skype.png');
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -217,38 +277,9 @@ table {
|
|
|
opacity: 0.5;
|
|
|
}
|
|
|
|
|
|
-/* default sizes */
|
|
|
-header, .content, footer {
|
|
|
- width: 80%;
|
|
|
- margin: 0px auto;
|
|
|
-}
|
|
|
-
|
|
|
-/* footer */
|
|
|
-footer {
|
|
|
- text-align: center;
|
|
|
-}
|
|
|
-footer .link {
|
|
|
- display: inline-block;
|
|
|
- width: 29px;
|
|
|
- height: 29px;
|
|
|
- padding: 0px 8px;
|
|
|
- overflow: hidden;
|
|
|
- background-repeat: no-repeat;
|
|
|
-}
|
|
|
-footer .facebook {
|
|
|
- background-image: url('/images/facebook.png');
|
|
|
-}
|
|
|
-footer .linkedin {
|
|
|
- background-image: url('/images/linkedin2.png');
|
|
|
- width: 41px;
|
|
|
-}
|
|
|
-footer .youtube {
|
|
|
- background-image: url('/images/youtube2.png');
|
|
|
- width: 34px;
|
|
|
-}
|
|
|
-footer .github {
|
|
|
- background-image: url('/images/github.png');
|
|
|
-}
|
|
|
-footer .skype {
|
|
|
- background-image: url('/images/skype.png');
|
|
|
+/* clearfix */
|
|
|
+.group:after {
|
|
|
+ content: "";
|
|
|
+ display: table;
|
|
|
+ clear: both;
|
|
|
}
|
