Giter VIP home page Giter VIP logo

pbm's People

Contributors

2handsd avatar bpoore avatar brianhanifin avatar dependabot[bot] avatar fivenineplusr avatar fmscode avatar kyledrake avatar ryantg avatar scottwainstock avatar zoombear avatar

Stargazers

 avatar

Watchers

 avatar  avatar

pbm's Issues

IE fixes

-Consider putting #lookup and #map within one div. Give it a height. Float both.

-Search does not work.

-Other regions doesn't work.

.machine_name style

.machine_name {
background-color: #333333;
color: #FFEEDD;
float: left;
font-size: 14px;
font-weight: bold;
height: 100%;
padding: 1px 3px;
width: 78%;
RADIUS

}

class="machine_condition_lmx"
Line break above

.machine_condition_display_lmx {
color: #CCCCCC;
font-size: 10px;
font-style: italic;
line-height: 125%;
margin-left: 10px;
padding-bottom: 15px;
padding-top: 25px; ###########
CONSIDER NEW PADDING-BOTTOM
}

Header link - windows spacing fix

header ul {

font-size: 10px;
font-weight: bold;
line-height: 220%;
margin-left: 540px;
margin-top: 5px;
padding-bottom: 15px;
text-align: left;
width: 480px;

}

apple icons

Create and add to /public/images

apple-touch-icon.png
apple-touch-icon-72x72.png
apple-touch-icon114x114.png

%link{:rel => apple-touch-icon', :href => '/images/...'}/

pick_a_map absolute positioning

div.pick_a_map {
background-color: #4B5259;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 5px #000000 inset;
color: #FFFFCC;
font-size: 14pt;
left: 58%;
position: absolute;
text-align: center;
top: 23px;
}

p.pick_a_map {
margin: 0;
padding: 10px;
text-shadow: 0.1em 0.1em 0.2em black;
}

style high score ticker

-full width of container
-more space between items
-background color / opacity slightly different
-text color?

Header background -chrome

Header background is not transparent in chrome

related to the comma.

header {

background-image: -moz-linear-gradient(center bottom , rgba(64, 90, 106, 0.7) 7%, rgba(130, 154, 168, 0.7) 54%);

Header design

Consider a background for the header.

Thinking of a bottom-radius background, with a space between it and the main container.

PBM Badge

Create a badge so that people can add an image and link on their own site!

Image borders and other minor formatting

Borders around images that are a little bit lighter than the background, same tone.

Not bold font weight in the intro (.intro .stufflike).

Border/background on #locations.

header ul - adjustment for windows

header ul {

font-size: 10px;
font-weight: bold;
line-height: 200%;
margin-left: 550px;
padding-bottom: 2px;
padding-top: 6px;
text-align: right;
width: 465px;

}

Windowsy adjustments

.machine_name : width: 77%

header li ul : width: 120px

In the JS:

scrollerwrapper: 50px
scrollerscroller: 50px

Pages

Add background that matches the map page's background.

Other Search Options

I'll mock this up first.

Rather than an "other search options" button resting above the search container, display all of those search options in one visible row.

Lookup by
location | city | machine | zone | type | operator

The active one will one color, while the inactives will be another.

Phase 2: Consider ways in which to choose more than one (e.g. by city, and then by machine within that city).

IE body div

Place #lookup and #map inside a div (#page_body).

page_body

display: block;

lookup

display: inline;
float: left;

map

display: inline;
float: left;

JS update

hs.graphicsDir should be '/assets/highslide/graphics'

and put

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33321299-1']);
_gaq.push(['_setDomainName', 'pinballmap.com']);
_gaq.push(['_trackPageview']);

outside of the function. And remove second (function() {

Font family

Try
"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.