DidacticWP/style.css at master · almeladev/DidacticWP · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/*
Theme Name: DidacticWP
Theme URI: https://github.com/DanMnez/DidacticWP
Description: Un tema super básico para entender WordPress, sin ningún extra innecesario ;)
Author: Daniel Martínez
Author URI: http://danmnez.me
Version: 1.0

License: WTFPL
License URI: http://www.wtfpl.net/about/

Si, la licencia no es una broma :D

Mas informacion: https://codex.wordpress.org/Theme_Development
*/

/*
Estilos minimos para entender un tema de WordPress.

	@autor - Daniel Martínez.
    @version - 1.0
    @url - danmnez.me
*/

body {}
p {}
h1, h2, h3 {
	margin: 0;
}

header {
	margin: 10px;
	padding: 20px;
	background-color: #ddd;
}

nav {
	margin: 10px;
	padding: 2px;
	background-color: #ddd;
}

#contenido {
	overflow: hidden;
	margin: 10px;
	padding: 20px;
	background-color: #ddd;
}
	article { background-color: #bbb; }

section {}

aside { background-color: #bbb; }

footer {
	margin: 10px;
	padding: 10px;
	background-color: #ddd;
}

/* ============ DISEÑO WEB ADAPTATIVO ============ */

/* Moviles en horizontal o tablets en vertical.
=============================================== */
@media (min-width: 768px) {}

/* Tablets en horizonal y escritorios normales.
=============================================== */
@media (min-width: 1024px) {

	#envoltura {
		margin: 0 auto;
		max-width: 1400px;
	}

	section {
		float:left;
		margin-right: 1%; /* margen entre la seccion de articulos y la barra lateral. */
		width: 60%;
	}

	aside {
		float: left;
		width: 39%;
	}

}

/* Escritorios muy anchos.
================================================*/
@media (min-width: 1200px) {}