-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathstyle.css
More file actions
115 lines (99 loc) · 5.75 KB
/
Copy pathstyle.css
File metadata and controls
115 lines (99 loc) · 5.75 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
/* Body */
* {margin:0; padding:0;}
body {background:#e8e8e8; color:#222222; line-height:1.55em; text-align:center; padding-bottom:20px;}
/* Top */
#top {padding:1; width:960px; margin:10px auto 0 auto;}
#topleft {width:960px; float:left; margin:0; text-align:left;}
#topleft h1 {font-size:2.0em; line-height:0.9em; margin:5px 0; padding:0;}
#topleft h1 a {font-weight:400; color:#222222;}
#topleft h1 a:hover {color:#1e4d78; text-decoration:none;}
#topleft p, #topright p {margin:0 0 5px 0; padding:0; color:#444444;}
#topright {width:250px; padding:0; float:right; text-align:right; margin:0;}
/* Header */
#header {background: #e8e8e8 url(img/UT_by_Ruby.jpeg) top center no-repeat; color:#e8e8e8; margin:20px auto 0 auto; padding:0; text-align:left; width:960px; height:380px;}
#header h2, #header h3 {font-size:1.6em; color:#222222;}
#headerleft {clear:both; width:240px; height:190px; float:left; padding:9px 0 0 10px; overflow:auto;}
#headerright p, #headerright ul, #headerright ol, #headerright div, #headerright table {text-align:left; padding:0; margin:0 0 5px 0; color:#eee;}
#headerleft li {list-style:none; margin:0 0 2px 0;}
#headerright {width:240px; float:right; height:190px; text-align:right; padding:9px 10px 0 0; overflow:auto;}
#headerright p, #headerright ul, #headerright ol, #headerright div, #headerright table {text-align:right; padding:0; margin:0 0 5px 0; color:#eee;}
#headerright li {list-style:none; margin:0 0 2px 0;}
/* Main wrap */
#wrap {margin:5px auto 0 auto; padding:20px 20px 0 20px; text-align:left; width:920px; background-color:#fdfcfb; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.09);}
/* Headers */
h1, h2, h3, h4 {margin:0 0 15px; color:#222222; font-weight:normal;}
big {font-family: Arial, sans-serif; font-size: 1.1em; font-weight: bold; color: #333333; letter-spacing: 0.02em;}
big.subsec {font-size: 0.95em; font-weight: normal; color: #555555; font-style: italic; letter-spacing: 0;}
/* Sidebar */
#sidebar {margin:0 0 5px 0; float:right; width:180px; padding:0;}
#sidebar h2, #sidebar h3 {font-size:1.6em; padding:2px 0; margin:0 0 8px 0;}
#sidebar h3, #sidebar h4 {font-size:1.2em; margin:0 0 8px 0;}
#sidebar p, #sidebar ul ,#sidebar .textwidget,#sidebar form,#sidebar table {margin:0 0 18px 0; padding:0;}
#sidebar li {list-style:none; margin:0 0 3px;}
#sidebar ul li a {font-size:1.0em;}
#sidebar ul ul, #sidebar ul ul ul {list-style:none; margin: 2px 0 0 15px; padding:0;}
#sidebar ul ul li, #sidebar ul ul ul li {list-style:none; margin:0; padding:0;}
#sidebar ul ul li a {font-size:0.9em; font-weight:normal; margin:0; padding:0;}
#sidebar table {width:180px;}
#sidebar caption {font-size:1.6em; padding:2px 0; margin:0 0 8px 0; text-align:left;}
/* Menu buttons */
#sidebar ul.menubuttons li {list-style:none; width:180px; padding:0; margin:0 0 3px 0;}
#sidebar ul.menubuttons li a {display:block; padding:4px 0 4px 8px; background-color:#f0f0f0; color:#222222; border:1px solid #dddddd; border-left:4px solid #dddddd;}
#sidebar ul.menubuttons li a:hover, #sidebar ul.menubuttons li.current_page_item a {background:#f0f0f0; border:1px solid #dddddd; border-left:4px solid #1e4d78; color:#1e4d78;}
#sidebar ul.menubuttons ul {margin:0; padding:2px 0 0 10px;}
#sidebar ul.menubuttons ul li {width:170px;}
#sidebar ul.menubuttons ul li a {font-size:1em; background:#f0f0f0; padding:1px 0 1px 5px;}
/* Content */
#content {float:left; width:700px; margin-bottom:5px;}
#content h2 {font-size:1.3em; clear:left;}
#content h3 {font-size:1.4em; clear:left;}
#content h2, #content h3 {}
#content h2 a, #content h3 a {font-weight:normal;}
#content p {margin:0 0 18px;}
#content div.postnav {padding:10px 0;}
#content div.postnavleft {width:48%; float:left;}
#content div.postnavright {width:48%; float:right; text-align:right;}
#content ul, #content ol {margin:0 0 18px 30px;}
#content ul li, #content ol li {margin:0 0 3px;}
#content ul ul, #content ol ol {margin:5px 0 5px 15px;}
#content img {margin:0; padding:0;}
#content img.alignleft {display:inline; float:left; margin:5px 15px 5px 0;}
#content img.alignright {float:right; margin:5px 0 5px 15px;}
#content img.aligncenter {display:block; margin:10px auto;}
#content img.border {border:1px solid #aaaaaa;}
#content .post {margin:0 0 30px;}
#content .timestamp {font-size:1.4em;}
#content .timestamp a {font-weight:normal;}
/* Footer */
#footer {clear:both; color:#444444; text-align:center; background-color:#f0f0f0; border-top:1px solid #dddddd;}
#footer p {margin:0; padding:10px 0;}
#footer .credits {font-size:1.0em;}
#footer a {color:#444444;}
#footer a:hover {color:#1e4d78; text-decoration:underline;}
/* Tags */
blockquote {padding:5px 15px 2px 15px; margin:10px; border-left:4px solid #dddddd; color:#666;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#f5f5f5; border:1px solid #dddddd;}
/* Links */
a {color:#1e4d78; font-weight:400; text-decoration:none;}
a:hover {color:#0d2f4e; text-decoration:underline;}
a img {border:0;}
/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}
/* Various classes */
.feedlink {padding:2px 0 2px 18px; margin:0 0 0 12px; font-size: 1.1em;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.clear {visibility:hidden; clear:both;}
.hide {display:none;}
/* Responsive layout for mobile */
@media (max-width: 980px) {
#top, #topleft {width: 100%; box-sizing: border-box; padding: 0 12px;}
#wrap {width: 100%; padding: 14px; box-sizing: border-box;}
#content {float: none; width: 100%;}
#sidebar {float: none; width: 100%; margin: 20px 0 0 0; padding: 0;}
#sidebar ul.menubuttons li, #sidebar ul.menubuttons ul li {width: 100%;}
#header {width: 100%; height: 200px; background-size: cover;}
}