jotesoft.github.io/align.css at master · jotesoft/jotesoft.github.io · 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

/* CONTENT ALIGNMENT */
.aligncenter, .alignnone, .alignright, .alignleft {
    display: block; margin: 1.6em auto; clear: both;
	}
.wp-caption {
	color:#555;
	}
.wp-caption img {
	border: 0 none; height: auto; margin: 0; padding: 0;
	}
.wp-caption-text {
    font-size: 14px; margin: 0; padding: .6em .1em 0; color: #C0C0C0;
	}
.wp-caption.aligncenter {
	text-align: center;
	}
/* TABLETS */
@media screen and (min-width: 768px) {
	.alignnone {
		margin: 3em 0;
		}
	.aligncenter {
		margin: 2.2em auto;
		}
	.alignleft,
	.alignright {
		max-width: 50%;
		}
	.alignright {
		float:right; margin: .4em 0 1em 2em;
		}
	.alignleft {
		float: left; margin: .4em 2em 1em 0;
		}
}
/* DESKTOPS MEDIUM */
@media screen and (min-width: 1200px) {
	.blog-single .alignright, .blog-single .wp-caption.alignright {
		max-width: 68%;	margin-right: -140px; margin-left: 2em;
		}
	.blog-single  .alignleft, .blog-single  .wp-caption.alignleft {
		max-width: 68%;	margin-left: -140px; margin-right: 2em;
		}
}