search

begriffs / css-ratiocinator

because your CSS is garbage
MIT License
1.03k stars 49 forks source link

Done with script - where is file? #27

Closed tjoozey closed 11 years ago

tjoozey commented 11 years ago

|ruby-1.9.3-p194| Tylers-MacBook-Pro in ~/Desktop/code/phpfog/affiliaterockstar.phpfogapp.com/css-ratiocinator ± |master ✓| → phantomjs ratiocinate.js http://[network.w-wnetwork.com] /* Computing styles... / / Lifting heritable styles... / / Stripping default styles... / / Consolidating styles... */

BODY { color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-size: 16px; height: 284px; width: 384px; margin: 8px; }

begriffs commented 11 years ago

Try it without the brackets, like phantomjs ratiocinate.js http://network.w-wnetwork.com

Let me know if this works for you. In any case the program should complain if it doesn't understand the url. I'll look into that.

tjoozey commented 11 years ago

/* Computing styles... / / Lifting heritable styles... / / Stripping default styles... / / Consolidating styles... */

LABEL { cursor: default; display: block; float: left; font-size: 13px; height: 21px; line-height: 21px; margin-left: 12px; position: relative; text-align: left; width: 120px; }

A { cursor: pointer; height: 0px; text-decoration: underline; width: 0px; }

LI { clear: both; line-height: 29px; margin-bottom: 12px; width: 500px; overflow: hidden; }

.clear { clear: both; height: 1px; }

.input_med { background-color: rgb(255, 255, 255); display: block; float: left; font-size: 13px; height: 15px; margin-right: 12px; padding-bottom: 5px; padding-left: 4px; padding-right: 4px; padding-top: 5px; width: 290px; border-color: rgb(204, 204, 204); border-style: solid; border-width: 1px; }

SPAN { display: block; float: left; height: 16px; margin-right: 3px; }

H1 { clear: both; float: left; font-size: 24px; font-weight: bold; height: 24px; line-height: 24px; margin-bottom: 19px; margin-top: 19px; }

.button { background-color: rgb(36, 143, 205); background-image: url(https://media.go2app.org/assets/images/fade-lite-top-big.png); background-repeat: repeat-x; box-sizing: border-box; color: rgb(255, 255, 255); cursor: pointer; display: block; float: left; font-size: 13px; font-weight: bold; height: 22px; margin-bottom: 2px; margin-left: 2px; margin-right: 8px; margin-top: 2px; padding-bottom: 3px; padding-left: 12px; padding-right: 12px; padding-top: 3px; text-align: center; white-space: pre; width: 59px; border-radius: 9px; }

main A {

color: rgb(36, 143, 205);

}

.head { background-color: rgb(255, 255, 255); background-image: url(https://media.go2app.org/assets/images/fade-dark-bottom-small-alpha.png); background-position: 0% 100%; background-repeat: repeat-x; border-bottom-style: solid; border-bottom-width: 1px; border-top-left-radius: 9px; border-top-right-radius: 9px; height: 24px; min-height: 24px; padding-top: 7px; position: relative; width: 500px; overflow: hidden; }

H3 { display: inline; font-weight: bold; height: 0px; line-height: 14px; margin-bottom: 12px; margin-top: 12px; padding-bottom: 5px; padding-left: 12px; padding-right: 12px; padding-top: 5px; text-transform: uppercase; width: 0px; }

.panel { background-color: rgb(255, 255, 255); clear: both; float: left; height: 269px; margin-bottom: 18px; margin-right: 20px; width: 500px; border-color: rgb(212, 226, 233); border-style: solid; border-width: 1px; border-radius: 9px; }

BODY { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; height: 635px; line-height: 18px; overflow-x: hidden; overflow-y: auto; width: 400px; }

header {

background-color: rgb(0, 0, 0);
background-image: url(https://media.go2app.org/assets/images/dark-fade.png);
background-repeat: repeat-x;
clear: both;
color: rgb(255, 255, 255);
height: 69px;
min-height: 69px;
position: relative;
width: 1200px;

}

nav-col {

background-color: rgb(255, 255, 255);
background-image: url(https://media.go2app.org/assets/images/fade-dark-bottom-small-alpha.png);
background-position: 0% 100%;
background-repeat: repeat-x;
font-size: 13px;
height: 33px;
line-height: 19px;
position: relative;
width: 1200px;

}

content-col {

background-color: rgb(255, 255, 255);
height: 367px;
min-width: 860px;
padding-bottom: 50px;
padding-left: 14px;
width: 1200px;
border-radius: 9px;

}

OL { float: left; height: 201px; list-style-type: none; margin-bottom: 12px; margin-top: 24px; width: 500px; padding: 0px; }

H2 { font-size: 18px; font-weight: bold; height: 27px; line-height: 27px; margin-bottom: 13px; margin-top: 13px; width: 312px; }

IMG { display: inline; height: 88px; padding-bottom: 12px; padding-left: 26px; padding-top: 12px; width: 370px; }

auth-status {

float: right;
font-size: 11px;
height: 32px;
line-height: 16px;
margin-top: 15px;
width: 120px;

}

main {

background-color: rgb(255, 255, 255);
float: left;
height: 450px;
min-height: 300px;
width: 960px;
overflow: hidden;

}

P { height: 0px; margin-bottom: 24px; margin-left: 21px; margin-top: 24px; width: 1080px; padding: 12px; }

everything {

float: left;
height: 599px;
min-width: 960px;
padding-bottom: 36px;
width: 960px;

}

.body { clear: both; height: 0px; position: relative; width: 500px; border-radius: 9px; }

footer {

background-color: rgb(255, 255, 255);
clear: both;
color: rgb(51, 51, 51);
height: 36px;
width: 1200px;

}

UL { height: 0px; list-style-type: none; width: 1186px; padding: 0px; }

login {

float: left;
height: 290px;
margin-top: 12px;
width: 834px;

}

Token1225279973 {

display: none;
font-size: 13px;
height: 0px;
width: 0px;

}

TokenFields679064781 {

display: none;
font-size: 13px;
height: 0px;
width: 0px;

}

login-promo DIV {

width: 312px;

}

logo {

float: left;
height: 112px;
width: 396px;

}

nav {

height: 0px;
padding-left: 14px;
width: 1186px;

}

FORM { clear: both; height: 32px; width: 500px; }

login-promo {

float: left;
height: 117px;
width: 312px;

}

.user-icon { height: 0px; width: 120px; }

BR { height: 0px; width: 0px; }

main .grid_12 {

height: 0px;
width: 1200px;

}

DIV SCRIPT { height: auto; width: auto; }

.auth-FirstName { width: 34px; }

.auth-Login { width: 26px; }

.auth-Feedback { width: 69px; }

page-heading {

width: 1176px;

}

.grid_12 H1 { width: 312px; }

Leaves my css over-ride looking like this:

http://www.network.w-wnetwork.com

Any advice on fixing this?

I hoped the script would have a better output result.

Regards

begriffs commented 11 years ago

Sorry it didn't do a better job. It's still in beta, but what we can do is focus on a particular mistake and I can work on fixing it.

Try putting you CSS back to how it was originally. Then run the ratiocinator bookmarklet (listed in the readme). It will display the before and after in two panes side by side your browser without you having to replace your site's CSS. After you do that we can focus on a specific thing, like does the menu list style change? Did it used to be horizontal?

begriffs commented 11 years ago

I made some changes. Get the new ratiocinator code and try again, it should look much better now.