Skip to content
Browse files

Update style.css

hoja de estilos actualizada
  • Loading branch information...
1 parent 3cdc5f5 commit 91badc41503c98bf683edc245eee7a12d0868cbd @franart franart committed Nov 10, 2013
Showing with 199 additions and 111 deletions.
  1. +199 −111 style.css
View
310 style.css
@@ -786,7 +786,7 @@ img.wp-smiley,
height: auto;
position: relative;
float: right;
- margin: 0px 1% 0px 0px;
+ margin: 0px 2px 0px 0px;
top: 20px;
width: 200px;
z-index: 1;
@@ -2508,7 +2508,6 @@ footer.entry-meta {
margin: -10px auto 0;
}
-
/**
* 8.0 Media Queries
* ----------------------------------------------------------------------------
@@ -2518,6 +2517,10 @@ footer.entry-meta {
.site {
border: 0;
}
+ .site-content {
+ max-width:60%;
+ min-width:580px;
+ }
}
@media (max-width: 1069px) {
@@ -2573,6 +2576,9 @@ footer.entry-meta {
.site-main .widget-area {
margin-right: 0px;
}
+ .site-content {
+ width:58%;
+ }
}
@media (max-width: 999px) {
@@ -2662,7 +2668,9 @@ footer.entry-meta {
margin: 0;
width: 100%;
}
-
+ .site-content {
+ width:58%:
+ }
}
/* Collapse oversized image and pulled images after iPad breakpoint. */
@@ -2687,6 +2695,9 @@ footer.entry-meta {
.gallery-caption {
display: none;
}
+ .site-content {
+ width: 58%;
+ }
}
@media (max-width: 643px) {
@@ -2795,6 +2806,9 @@ footer.entry-meta {
padding-left: 0;
width: auto;
}
+ .site-content {
+ width: 58%;
+ }
}
/* Mobile devices */
@@ -2859,6 +2873,9 @@ footer.entry-meta {
.comment-list .reply {
width: 100%;
}
+ .site-content {
+ width: 58%;
+ }
}
@@ -2991,6 +3008,9 @@ footer.entry-meta {
.comment-reply-login {
color: #333;
}
+ .site-content {
+ width: 58%;
+ }
}
@@ -3012,123 +3032,192 @@ footer.entry-meta {
ul,ol,li,dl,dt,th,td{border:0;outline:none;margin:0;padding:0;}
ul{list-style:none;}
-.menu-container {padding: 20px 0; float: left;margin-bottom:230px;}
+.menu-container {padding: 20px 0; float: left;margin: 0 0 230px 2px;}
.clear {clear: both;}
/* Menu de navegación izquierdo*/
-#navigation {
- width:250px;
- margin: 0px 0px 0px 1%;
- line-height: 16px;
- border-left: 1px solid #1B1B1B;
- position: relative; /* Required */
-}
-
-#navigation li {
- text-shadow: 1px 1px 1px #000;
- text-decoration: none;
- border-top: 1px solid #555;
- border-bottom: 1px solid #222;
- border-right: 1px solid #1B1B1B;
-}
-
-#navigation li.first, #navigation li:first-child {
- background:none;
-}
-
-#navigation a {
- display: block;
- color: #fff;
- padding: 12px 38px 12px 25px;
-}
-
-#navigation a:hover, #navigation li.current-menu-item a {
- background:#000;
-}
-
-/* Dropdown */
-
-#navigation ul li:hover a {
- position:relative;
- background: #191935;
- text-decoration:none;
-}
-
-#navigation ul li:hover li a {
- background:none;
- color:#fff;
-}
-
-/* LEVEL TWO */
-#navigation ul ul {
- visibility:hidden;
- position:absolute;
- top:0;
- left:100%;
- z-index:10000;
- margin:0;
- padding: 7px 7px 7px 7px;
- background: #191935;
- width:auto;
- float: none;
- border-top: 1px solid #555;
- border-bottom: 1px solid #222;
- border-right: 1px solid #1B1B1B;}
-
-#navigation ul ul li {
- margin:10px;
- text-align:left;
- border:none;
- line-height:16px;
- padding:0;
- display:block;
- white-space:nowrap;
- font-size:13px;
- font-weight: normal;
- text-transform:none;
- font-weight:normal;
- background:none;
-}
-
-#navigation ul ul li.first, #navigation ul ul li:first-child {
- padding:0;
-}
-
-#navigation ul ul li a {
- margin:0;
- padding:3px;
- color:#fff;
- height:auto;
- display:block;
-}
-
-#navigation ul ul li a:hover {
- color: #E1B715;
- background: #000000;
-}
-
-/* LEVEL THREE */
-
-#navigation ul ul ul {
- left: 100%;
- top: 0;
-}
-
-#navigation ul li:hover > ul {
- visibility: visible;
-}
-
+#cssmenu {
+ padding: 0;
+ margin: 0;
+ border: 0;
+}
+#cssmenu ul,
+li {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+#cssmenu ul {
+ position: relative;
+ z-index: 597;
+ float: left;
+}
+#cssmenu ul li {
+ float: left;
+ min-height: 1px;
+ line-height: 1em;
+ vertical-align: middle;
+}
+#cssmenu ul li.hover,
+#cssmenu ul li:hover {
+ position: relative;
+ z-index: 599;
+ cursor: default;
+}
+#cssmenu ul ul {
+ visibility: hidden;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 598;
+ width: 100%;
+}
+#cssmenu ul ul li {
+ float: none;
+}
+#cssmenu ul li:hover > ul {
+ visibility: visible;
+}
+#cssmenu ul ul {
+ top: 0;
+ left: 100%;
+}
+#cssmenu ul li {
+ float: none;
+}
+/* Custom Stuff */
+#cssmenu span,
+#cssmenu a {
+ display: inline-block;
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 12px;
+ text-decoration: none;
+}
+#cssmenu {
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.15);
+ font-weight: 600;
+ width: 200px;
+}
+#cssmenu:after,
+#cssmenu ul:after {
+ content: '';
+ display: block;
+ clear: both;
+}
+#cssmenu > ul > li:first-child {
+ -moz-border-radius: 5px 5px 0 0;
+ -webkit-border-radius: 5px 5px 0 0;
+ border-radius: 5px 5px 0 0;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+}
+#cssmenu > ul > li:last-child {
+ -moz-border-radius: 0 0 5px 5px;
+ -webkit-border-radius: 0 0 5px 5px;
+ border-radius: 0 0 5px 5px;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+}
+#cssmenu > ul > li ul ul li:first-child {
+ -moz-border-radius: 0 5px 0 0;
+ -webkit-border-radius: 0 5px 0 0;
+ border-radius: 0 5px 0 0;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+}
+#cssmenu > ul > li ul ul li:last-child {
+ -moz-border-radius: 0 0 5px 0;
+ -webkit-border-radius: 0 0 5px 0;
+ border-radius: 0 0 5px 0;
+ -moz-background-clip: padding;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+}
+#cssmenu ul,
+#cssmenu li {
+ width: 100%;
+}
+#cssmenu li {
+ background: #c0bebf url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEXy7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7erx7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7ery7eoO3g4TAAAAMnRSTlP8+fbz7+vn497Z1M/KxL+5s66oopuVj4mDfHZwamRdV1FMRkA7NTArJiEcGBQQDAkGA02z+X0AAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f2edea), color-stop(1, #c0bebf));
+ background-image: -webkit-linear-gradient(top, #f2edea, #c0bebf);
+ background-image: -moz-linear-gradient(top, #f2edea, #c0bebf);
+ background-image: -ms-linear-gradient(top, #f2edea, #c0bebf);
+ background-image: -o-linear-gradient(top, #f2edea, #c0bebf);
+ background-image: linear-gradient(#f2edea, #c0bebf);
+}
+#cssmenu li:hover,
+#cssmenu li.active {
+ background: #606a76 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAMAAAB8fKKlAAAAmVBMVEVKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmJKVmL///9KVmL3Z0MtAAAAMnRSTlP8+fby7+vm4t3Y087Iw723sauln5mTjIaAeXNsZmBaVE5IQjw3MSwnIh0ZFBANCQYDAAm6nKYAAABLSURBVHheDcGDEQMBAACwvFnbtrv/cO3F949AKBJLpDK5QqlSa2hqaevo6ukbGBoZm5iamVtYWlnb2NrZOzg6Obu4url7eHp5+/wAxikFLnlTZcYAAAAASUVORK5CYII=) repeat-x;
+ -moz-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
+ box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4a5662), color-stop(1, #606a76));
+ background-image: -webkit-linear-gradient(top, #4a5662, #606a76);
+ background-image: -moz-linear-gradient(top, #4a5662, #606a76);
+ background-image: -ms-linear-gradient(top, #4a5662, #606a76);
+ background-image: -o-linear-gradient(top, #4a5662, #606a76);
+ background-image: linear-gradient(#4a5662, #606a76);
+}
+#cssmenu li:hover > a,
+#cssmenu li.active > a {
+ color: #FFF;
+}
+#cssmenu a {
+ color: #666666;
+ line-height: 160%;
+ padding: 16px 8px 16px 28px;
+ width: 164px;
+}
+#cssmenu ul ul {
+ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
+ width: 200px;
+}
+#cssmenu ul ul li {
+ background: #606a76;
+ border-bottom: 1px solid #59636F;
+ -moz-box-shadow: inset 0 1px 0 #66707c;
+ -webkit-box-shadow: inset 0 1px 0 #66707c;
+ box-shadow: inset 0 1px 0 #66707c;
+}
+#cssmenu ul ul li:hover {
+ background: #4a5662;
+}
+#cssmenu ul ul li a {
+ color: #FFF;
+}
+#cssmenu ul ul a,
+#cssmenu ul ul a span {
+ font-size: 12px;
+}
+
+
+/* Contenido principal */
.main {
margin: 0 auto;
- min-width: 1000px;
- max-width: 100%;
+ min-width:1000px;
+ max-width: 1800px;
height: auto;
}
.site-content{
- width:53%;
+ max-width:64%;
+ min-width:580px;
padding:10px 10px 10px 10px;
margin: 20px 3px;
float:left;
@@ -3205,8 +3294,7 @@ ul{list-style:none;}
}
#slideshow {
- min-width:200px;
- width: 35%;
+ width: 330px;
*width:330px; /* IE 7 */
_width:330px; /*Para IE lt 6*/
width:330px\0/; /* IE 8 */

0 comments on commit 91badc4

Please sign in to comment.
Something went wrong with that request. Please try again.