##// END OF EJS Templates
- Mejorando el estilo(css) de la aplicacion web.
jsalyrosas -
r140:141
parent child
Show More
@@ -1,70 +1,16
1 @font-face {
1 /*
2 font-family: 'Open Sans';
2 * font-family: 'Droid Sans', sans-serif;
3 font-style: normal;
3 * font-family: 'Ubuntu', sans-serif;
4 font-weight: 300;
4 * font-family: 'Open Sans', sans-serif;
5 src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
5 * font-family: 'Open Sans Condensed', sans-serif;
6 }
6 * font-family: 'Roboto Condensed', sans-serif;
7 @font-face {
7 */
8 font-family: 'Open Sans';
9 font-style: normal;
10 font-weight: 400;
11 src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
12 }
13 @font-face {
14 font-family: 'Open Sans';
15 font-style: normal;
16 font-weight: 600;
17 src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
18 }
19 @font-face {
20 font-family: 'Open Sans';
21 font-style: normal;
22 font-weight: 700;
23 src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
24 }
25 @font-face {
26 font-family: 'Open Sans';
27 font-style: normal;
28 font-weight: 800;
29 src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
30 }
31 @font-face {
32 font-family: 'Open Sans';
33 font-style: italic;
34 font-weight: 300;
35 src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxh_xHqYgAV9Bl_ZQbYUxnQU.woff) format('woff');
36 }
37 @font-face {
38 font-family: 'Open Sans';
39 font-style: italic;
40 font-weight: 400;
41 src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
42 }
43 @font-face {
44 font-family: 'Open Sans';
45 font-style: italic;
46 font-weight: 600;
47 src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
48 }
49 @font-face {
50 font-family: 'Open Sans';
51 font-style: italic;
52 font-weight: 700;
53 src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
54 }
55 @font-face {
56 font-family: 'Open Sans';
57 font-style: italic;
58 font-weight: 800;
59 src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxkCDe67GEgBv_HnyvHTfdew.woff) format('woff');
60 }
61
8
62 body {font-size: 11px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif}
9 body { font-size: 11px; }
63 article, aside, figure, footer, header, hgroup, nav, section { display:block; }
64 header {border: 1px solid #fcc; font-size: 2em; height: 50px; text-align: center; line-height: 50px}
10 header {border: 1px solid #fcc; font-size: 2em; height: 50px; text-align: center; line-height: 50px}
65 #schema {margin: 0 auto; width: 980px; border: 1px solid #f00; padding: 10px 10px 10px 10px}
11 #schema {margin: 0 auto; width: 980px; border: 1px solid #f00; padding: 10px 10px 10px 10px}
66 #content {border: 1px solid #1cc; margin-top: 5px; margin-bottom: 5px}
12 #content {border: 1px solid #1cc; margin-top: 5px; margin-bottom: 5px}
67 #content #leftcolumn {float: left;border: 1px solid #c55; width: 150px; font-family: Monaco;}
13 #content #leftcolumn {float: left;border: 1px solid #c55; width: 150px; }
68 #content #maincolumn {float: left; border: 1px solid #000; width: 800px; padding-left: 20px;}
14 #content #maincolumn {float: left; border: 1px solid #000; width: 800px; padding-left: 20px;}
69 footer {border: 1px solid #200; font-size: 0.9em; height: 30px; text-align: center; line-height: 20px}
15 footer {border: 1px solid #200; font-size: 0.9em; height: 30px; text-align: center; line-height: 20px}
70
16
@@ -72,20 +18,26
72 /****************************************************************************************/
18 /****************************************************************************************/
73 /****** ESTILOS GENERALES *****************/
19 /****** ESTILOS GENERALES *****************/
74 /****************************************************************************************/
20 /****************************************************************************************/
75 .mnu{ height: 22px; border: 1px solid #c55 !important;}
21 .mnu{ height: 22px; border: 0px solid #c55 !important;}
76 .mnu li{ display:inline;}
22 .mnu li{ display:inline;}
23 .MnuVertical, .MnuHorizontal { font-family: 'Droid Sans', sans-serif; font-size: 1.2em; font-style: italic; text-shadow: 2px 2px #eee}
24 .MnuHorizontal ul{ list-style: none; list-style-type: none; margin: 0;}
25
77 /*.MnuHorizontal{ display: -webkit-box; -webkit-box-orient:horizontal;}*/
26 /*.MnuHorizontal{ display: -webkit-box; -webkit-box-orient:horizontal;}*/
78 /*.MnuHorizontal a{ display:block; padding:10px; -webkit-box-flex:1; text-align:center; }*/
27 /*.MnuHorizontal a{ display:block; padding:10px; -webkit-box-flex:1; text-align:center; }*/
79
28
80 /****************************************************************************************/
29 /****************************************************************************************/
81 /****** MENU DE NAVEGACION DE PERFILES **********************************/
30 /****** MENU DE NAVEGACION DE PERFILES **********************************/
82 /****************************************************************************************/
31 /****************************************************************************************/
83 #content #infoProfiles {border: 1px solid #d00; width: 140px; margin: 0px; padding-top: 2px; padding-bottom: 2px}
32 #content #infoProfiles {border: 1px solid #d00 !important; width: 140px; margin: 0px; padding-top: 2px; padding-bottom: 2px}
84 .lblInfo {padding-left: 12px; line-height: 20px;}
33 .lblInfo {padding-left: 12px; line-height: 20px;}
85 #infoProfiles select {padding-left: 12px; line-height: 20px;margin-left: 12px}
34 #infoProfiles select {padding-left: 12px; line-height: 20px;margin-left: 12px}
86 #content nav {border: 0px solid #c55 !important; margin: 0px; font-family: Monaco; font-size: 1.2em;}
35 #content nav {border: 0px solid #c55 !important; margin: 0px;}
87 #content nav ul{list-style: none; list-style-type: none; margin: 0; padding-left: 20px; border: 0px solid #eee !important}
36
88 #content nav ul li{line-height: 22px; }
37 #leftcolumn #mnuProfiles{ margin: 5px 0px; border: 0px solid #1494F6 !important; }
38 #mnuProfiles ul{list-style: none; list-style-type: none; margin: 0; padding-left: 20px; border: 0px solid #f00 !important}
39 #mnuProfiles li{ width: 80px; padding: 2px; border: 0px solid #c55 !important; line-height: 22px}
40 #mnuProfiles a{ font-weight: normal; color: #1494F6; display: block; border: 0px solid #1cc !important; text-align: left}
89
41
90 /****************************************************************************************/
42 /****************************************************************************************/
91 /******** FORMULARIO DE PERFILES *************************************/
43 /******** FORMULARIO DE PERFILES *************************************/
@@ -112,9 +64,18
112 /****************************************************************************************/
64 /****************************************************************************************/
113 /****** MENU DE NAVEGACION DE PATRONES **********************************/
65 /****** MENU DE NAVEGACION DE PATRONES **********************************/
114 /****************************************************************************************/
66 /****************************************************************************************/
115 #divMnuPattern{ width: 350px; height: 25px; display: block; border: 1px solid #1cc !important; float: right }
67 #divMnuPattern{ width: 280px; height: 25px; display: block; border: 0px solid #1cc !important; float: left; margin-left: 500px}
68 #divMnuPattern li{ float: left; display: block; width: 60px; border: 0px solid #2cc !important}
69 #divMnuPattern a{ display: block; line-height: 22px; text-decoration: none; padding: 0px 5px;
70 border-bottom: 1px solid #1494F6 !important; margin: 0px 2px; text-align: center; color: #1494F6
71 }
116 #infoPattern{ display: block; border: 1px solid #1494f6 !important, margin: 5px 2px; }
72 #infoPattern{ display: block; border: 1px solid #1494f6 !important, margin: 5px 2px; }
117 #navPatterns{ margin: 5px auto; padding: 2px; border: 1px solid #d00 !important; width: 400px; height: 25px}
73
118 #navPatterns ul li{ width: 50px; border: 1px solid #1cc !important}
74 #navPatterns{ margin: 10px auto; border: 0px solid #d00 !important; width: 500px; height: 30px; font-family: 'Ubuntu', sans-serif; font-size: 14px;
119 #navPatterns a{ width: 50px; border: 0px solid #1cc !important}
75 padding: 10px 0px}
120 #navPatternList{ margin: 0px auto; border: 1px solid #ecc !important}
76 #navPatternList{ margin: 0px auto; border: 1px solid #ecc !important}
77 #navPatternList ul{ list-style: none; list-style-type: none; margin: 0;}
78 #navPatternList ul li{ float: left; width: 50px; border: 1px solid #eee !important; }
79 #navPatternList a{ width: 50px; border: 0px solid #1cc !important; display: block; text-align: center; line-height: 25px}
80 .lnkPattern{ background-color: #ccc !important; color: #eee;}
81 .lnkPatternSelected{ background-color: #2cc !important; color: #fff;}
@@ -29,8 +29,8
29 <div id="infoPattern">
29 <div id="infoPattern">
30 {% if patternChoosen %}
30 {% if patternChoosen %}
31 <div id="navPatterns">
31 <div id="navPatterns">
32 <nav class="MnuHorizontal">
32 <nav class="" id="navPatternList">
33 <ul class="mnu" id="navPatternList">
33 <ul>
34 {% for element in lsPatterns %}
34 {% for element in lsPatterns %}
35 {% if patternChoosen.id == element.id %}
35 {% if patternChoosen.id == element.id %}
36 <li><a href="/abscontrol/{{ objProfile.id }}/view/{{ element.id }}" class="lnkPatternSelected">{{ element.value }}</a></li>
36 <li><a href="/abscontrol/{{ objProfile.id }}/view/{{ element.id }}" class="lnkPatternSelected">{{ element.value }}</a></li>
@@ -34,7 +34,7
34 </div>
34 </div>
35 </div>
35 </div>
36 {% block mnu_profile %}
36 {% block mnu_profile %}
37 <nav>
37 <nav class="MnuVertical" id="mnuProfiles">
38 <ul>
38 <ul>
39 <li><a href="/abscontrol/new">New</a></li>
39 <li><a href="/abscontrol/new">New</a></li>
40 {% if objProfile %}
40 {% if objProfile %}
@@ -11,8 +11,8
11 <div id="infoPattern">
11 <div id="infoPattern">
12 {% if patternChoosen %}
12 {% if patternChoosen %}
13 <div id="navPatterns">
13 <div id="navPatterns">
14 <nav class="MnuHorizontal">
14 <nav class="" id="navPatternList">
15 <ul class="mnu" id="navPatternList">
15 <ul>
16 {% for element in lsPatterns %}
16 {% for element in lsPatterns %}
17 {% if patternChoosen.id == element.id %}
17 {% if patternChoosen.id == element.id %}
18 <li><a href="/abscontrol/{{ objProfile.id }}/view/{{ element.id }}" class="lnkPatternSelected">{{ element.value }}</a></li>
18 <li><a href="/abscontrol/{{ objProfile.id }}/view/{{ element.id }}" class="lnkPatternSelected">{{ element.value }}</a></li>
@@ -18,8 +18,8
18 <div id="infoPattern">
18 <div id="infoPattern">
19 {% if patternChoosen %}
19 {% if patternChoosen %}
20 <div id="navPatterns">
20 <div id="navPatterns">
21 <nav class="MnuHorizontal">
21 <nav class="" id="navPatternList">
22 <ul class="mnu" id="navPatternList">
22 <ul>
23 {% for element in lsPatterns %}
23 {% for element in lsPatterns %}
24 {% if patternChoosen.id == element.id %}
24 {% if patternChoosen.id == element.id %}
25 <li><a href="/abscontrol/{{ objProfile.id }}/view/{{ element.id }}" class="lnkPatternSelected">{{ element.value }}</a></li>
25 <li><a href="/abscontrol/{{ objProfile.id }}/view/{{ element.id }}" class="lnkPatternSelected">{{ element.value }}</a></li>
@@ -30,6 +30,7
30 </ul>
30 </ul>
31 </nav>
31 </nav>
32 </div>
32 </div>
33 <div class="cleardivs"></div>
33 {% endif %}
34 {% endif %}
34 <div id="antennaUp">
35 <div id="antennaUp">
35 <fieldset class="flsAntenna">
36 <fieldset class="flsAntenna">
@@ -8,6 +8,7
8 Remove this if you use the .htaccess -->
8 Remove this if you use the .htaccess -->
9 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
9 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
10 {% endcomment %}
10 {% endcomment %}
11 <link href='http://fonts.googleapis.com/css?family=Droid+Sans|Ubuntu:400,500,300italic|Open+Sans:400,300,600|Open+Sans+Condensed:300,700|Roboto+Condensed:400,300' rel='stylesheet' type='text/css'>
11 <link rel="stylesheet" href="{% static 'static/css/style.css' %}" type="text/css" />
12 <link rel="stylesheet" href="{% static 'static/css/style.css' %}" type="text/css" />
12 <script src="{% static 'static/js/jquery-1.9.1.min.js' %}"></script>
13 <script src="{% static 'static/js/jquery-1.9.1.min.js' %}"></script>
13 {% block scripting %}{% endblock %}
14 {% block scripting %}{% endblock %}
General Comments 0
You need to be logged in to leave comments. Login now