|
114 | 114 | } |
115 | 115 |
|
116 | 116 | h4 { |
| 117 | + margin: 1em 0; |
117 | 118 | position: relative; |
118 | 119 | } |
119 | 120 |
|
@@ -974,6 +975,80 @@ a .mega-octicon { |
974 | 975 | margin: 12px 0; |
975 | 976 | } |
976 | 977 |
|
| 978 | +/* Taken from Help in order to show images in ordered lists inline */ |
| 979 | +ol { |
| 980 | + counter-reset: li; |
| 981 | + list-style: none; |
| 982 | + position: relative; |
| 983 | + padding-bottom: 10px; |
| 984 | +} |
| 985 | +ol > li { |
| 986 | + padding: 5px 0 5px 55px; |
| 987 | + position: relative; |
| 988 | + margin-bottom: 5px; |
| 989 | +} |
| 990 | +ol > li:before { |
| 991 | + content: counter(li); |
| 992 | + counter-increment: li; |
| 993 | + position: absolute; |
| 994 | + top: 0; |
| 995 | + left: 0; |
| 996 | + height: 100%; |
| 997 | + width: 30px; |
| 998 | + padding: 0 10px 0 0; |
| 999 | + color: #999; |
| 1000 | + font-size: 22px; |
| 1001 | + font-weight: bold; |
| 1002 | + line-height: 35px; |
| 1003 | + text-align: right; |
| 1004 | + border-right: 1px solid #ddd; |
| 1005 | +} |
| 1006 | +ol > li > p:first-child { |
| 1007 | + margin-top: 0; |
| 1008 | +} |
| 1009 | +ol > li:after { |
| 1010 | + content: "."; |
| 1011 | + display: block; |
| 1012 | + clear: both; |
| 1013 | + visibility: hidden; |
| 1014 | + line-height: 0; |
| 1015 | + height: 0; |
| 1016 | +} |
| 1017 | +.content ol > li img { |
| 1018 | + max-width: 100px; |
| 1019 | + margin: 0 0 0 10px; |
| 1020 | + float: right; |
| 1021 | + border: 1px solid #ddd; |
| 1022 | + cursor: pointer; |
| 1023 | +} |
| 1024 | +.content ol > li img.expanded { |
| 1025 | + max-width: 400px; |
| 1026 | +} |
| 1027 | + |
| 1028 | +.content .full-image { |
| 1029 | + position: absolute; |
| 1030 | + top: 5px; |
| 1031 | + right: -20px; |
| 1032 | + z-index: 100; |
| 1033 | +} |
| 1034 | +.content .full-image img { |
| 1035 | + position: absolute; |
| 1036 | + top: 0; |
| 1037 | + right: 20px; |
| 1038 | + margin: 0; |
| 1039 | + max-width: 600px; |
| 1040 | + box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); |
| 1041 | +} |
| 1042 | +.content .full-image:hover .octicon, .full-image:hover .mini-icon { |
| 1043 | + color: #666; |
| 1044 | +} |
| 1045 | +.content .full-image .octicon, .full-image .octicon-remove-close { |
| 1046 | + position: absolute; |
| 1047 | + top: 0px; |
| 1048 | + right: 0px; |
| 1049 | + color: #999; |
| 1050 | + cursor: pointer; |
| 1051 | +} |
977 | 1052 |
|
978 | 1053 | .content .description { |
979 | 1054 | margin-left: 20px; |
@@ -1174,6 +1249,14 @@ pre span.comment {color: #aaa;} |
1174 | 1249 | color: #f9fe64; |
1175 | 1250 | } |
1176 | 1251 |
|
| 1252 | +.terminal span.comment { |
| 1253 | + color: #ccc; |
| 1254 | +} |
| 1255 | + |
| 1256 | +.terminal span.output { |
| 1257 | + color: #63E463; |
| 1258 | +} |
| 1259 | + |
1177 | 1260 | /****************************/ |
1178 | 1261 | /* Expandable List Module */ |
1179 | 1262 | /****************************/ |
@@ -1217,12 +1300,21 @@ pre span.comment {color: #aaa;} |
1217 | 1300 | .alert { |
1218 | 1301 | position:relative; |
1219 | 1302 | padding: 0 15px; |
1220 | | - color:#264c72; |
| 1303 | + color: #264c72; |
1221 | 1304 | border: 1px solid #97c1da; |
1222 | 1305 | border-radius: 3px; |
1223 | 1306 | background-color: #d8ebf8; |
1224 | 1307 | } |
1225 | 1308 |
|
| 1309 | +.warning { |
| 1310 | + position:relative; |
| 1311 | + padding: 0 15px; |
| 1312 | + color: #613A00; |
| 1313 | + border: 1px solid #dca874; |
| 1314 | + border-radius: 3px; |
| 1315 | + background-color: #ffe3c8; |
| 1316 | +} |
| 1317 | + |
1226 | 1318 | /*------------------------------------------------------------------------------ |
1227 | 1319 | Dev Program |
1228 | 1320 | ------------------------------------------------------------------------------*/ |
|
0 commit comments