phillip/ingress-intel-total-conversion
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

* Remove Coda font

Browse Source 
* Add more variants of Roboto for future typography tweaks
* Tweak sidebar player name to look more attractive
* Simplify font selectors
This commit is contained in:
Morgan Jones 2013-10-09 08:27:20 -05:00
parent 0fde4e6ba4
commit e3002d420e
2 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
main.js
View File

@ -63,8 +63,7 @@ document.getElementsByTagName('head')[0].innerHTML = ''
+ '<style>@@INCLUDESTRING:style.css@@</style>' + '<style>@@INCLUDESTRING:style.css@@</style>'
+ '<style>@@INCLUDESTRING:external/leaflet.css@@</style>' + '<style>@@INCLUDESTRING:external/leaflet.css@@</style>'
//note: smartphone.css injection moved into code/smartphone.js //note: smartphone.css injection moved into code/smartphone.js
+ '<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Coda"/>' + '<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic,500,500italic,700,700italic&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic"/>';
+ '<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic"/>';
document.getElementsByTagName('body')[0].innerHTML = '' document.getElementsByTagName('body')[0].innerHTML = ''
+ '<div id="map">Loading, please wait</div>' + '<div id="map">Loading, please wait</div>'

21
style.css
View File

@ -9,12 +9,11 @@ html, body, #map {
body { body {
font-size: 14px; font-size: 14px;
font-family: "Roboto",arial,helvetica,sans-serif; font-family: "Roboto", "Helvetica Neue", Helvetica, sans-serif;
margin: 0; margin: 0;
} }
#scrollwrapper { #scrollwrapper {
font-family: Coda, sans-serif;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
position: fixed; position: fixed;
@ -137,7 +136,7 @@ a:hover {
.fieldmu { .fieldmu {
color: #FFCE00; color: #FFCE00;
font-size: 13px; font-size: 13px;
font-family: "roboto",arial,helvetica,sans-serif; /*override leaflet-container */ font-family: Roboto, "Helvetica Neue", Helvetica, sans-serif; /*override leaflet-container */
text-align: center; text-align: center;
text-shadow: 0 0 0.2em black, 0 0 0.2em black, 0 0 0.2em black; text-shadow: 0 0 0.2em black, 0 0 0.2em black, 0 0 0.2em black;
pointer-events: none; pointer-events: none;
@ -211,6 +210,7 @@ a:hover {
z-index: 3000; z-index: 3000;
background: rgba(8, 48, 78, 0.9); background: rgba(8, 48, 78, 0.9);
font-size: 12.6px; font-size: 12.6px;
line-height: 14px;
color: #eee; color: #eee;
border: 1px solid #20A8B1; border: 1px solid #20A8B1;
border-bottom: 0; border-bottom: 0;
@ -256,7 +256,6 @@ em {
} }
#chat td, #chatinput td { #chat td, #chatinput td {
font-family: Roboto, sans-serif;
font-size: 12.6px; font-size: 12.6px;
vertical-align: top; vertical-align: top;
padding-bottom: 3px; padding-bottom: 3px;
@ -303,7 +302,6 @@ mark {
summary { summary {
color: #bbb; color: #bbb;
display: inline-block; display: inline-block;
font-family: Roboto,sans-serif;
height: 16px; height: 16px;
overflow: hidden; overflow: hidden;
padding: 0 2px; padding: 0 2px;
@ -334,7 +332,6 @@ summary {
#chatinput input { #chatinput input {
background: transparent; background: transparent;
font-size: 12.6px; font-size: 12.6px;
font-family: Roboto,sans-serif;
color: #EEEEEE; color: #EEEEEE;
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -385,6 +382,7 @@ h2 {
} }
h2 #name { h2 #name {
font-weight: 300;
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -698,7 +696,6 @@ h3 {
right: 2px; right: 2px;
cursor: pointer; cursor: pointer;
color: #FFCE00; color: #FFCE00;
font-family: Roboto, sans-serif;
font-size: 16px; font-size: 16px;
} }
@ -743,7 +740,8 @@ h3 {
background-color: rgba(8, 48, 78, 0.9); background-color: rgba(8, 48, 78, 0.9);
border: 1px solid #20A8B1; border: 1px solid #20A8B1;
color: #eee; color: #eee;
font: 13px/15px Roboto, Arial, Helvetica, sans-serif; font-size: 13px;
line-height: 15px;
padding: 2px 4px; padding: 2px 4px;
} }
@ -784,7 +782,8 @@ h3 {
} }
.ui-dialog-titlebar { .ui-dialog-titlebar {
font: 13px/15px Roboto, Arial, Helvetica, sans-serif; font-size: 13px;
line-height: 15px;
text-align: center; text-align: center;
padding: 4px; padding: 4px;
background-color: rgba(8, 60, 78, 0.9); background-color: rgba(8, 60, 78, 0.9);
@ -894,7 +893,6 @@ td + td {
/* redeem results *****************************************************/ /* redeem results *****************************************************/
.redeem-result-table { .redeem-result-table {
font-size: 14px; font-size: 14px;
font-family: Roboto, Arial, Helvetica, sans-serif;
table-layout: fixed; table-layout: fixed;
} }
@ -945,13 +943,12 @@ td + td {
color: #28f428; color: #28f428;
} }
#portal_highlight_select{ #portal_highlight_select {
position: absolute; position: absolute;
top:5px; top:5px;
left:10px; left:10px;
z-index: 2500; z-index: 2500;
font-size:11px; font-size:11px;
font-family: "roboto",arial,helvetica,sans-serif;
background-color:#0E3C46; background-color:#0E3C46;
color:#ffce00; color:#ffce00;