Databases
StackOverflow2013
Postsdbo
POHow can I clean this CSS code; making it shorter or delete unnecessary parts (CSS perfectionist needed)
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHow can I clean this CSS code; making it shorter or delete unnecessary parts (CSS perfectionist needed)
    primarykey
    data
    text
    <p>How can I clean this CSS code: making it shorter, nesting properties together, deleting unnecessary code, etc.</p> <pre><code>/* reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } /* remember to define focus styles! */ ins { text-decoration: none; } /* remember to highlight inserts somehow! */ del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* tags */ body { background: #F9F9F9; color: #888; font-family: Arial, "微软雅黑", "MS Trebuchet", sans-serif; font-size: 75% } h1 { font-size: 32px; } h2 { /*color: #999;*/ color: #999; font-size: 14px; margin: 0 0 20px 0; } p { line-height: 160%; } a { color: #69C; list-style: none; text-decoration: none; } a:hover { text-decoration: underline; } /* structure */ .container { margin: 0 auto; overflow: hidden; padding: 0 15px; width: 960px; } /* header */ #header { background: #EEE; } #header h1 { float: left; } #header h1 a { background: url(../images/logo.png) no-repeat scroll 0 0; float: left; height: 30px; text-indent: -9999px; width: 500px; } /* banner */ #header-top { border-bottom: 1px solid #DDD; padding: 0 0 15px 0; margin: 30px 0; overflow: hidden; width: 960px; /* ie6 hack */ } #lang { float: right; padding: 20px 0 0 0; } #lang li { float: left; } #lang li a { font-size: 10px; float: left; margin: 0 0 0 20px; } #lang li a.current { color: #888; } /* intro */ #header-bottom { overflow: hidden; padding: 0 0 30px 0; } #tagline { float: left; margin: 0 40px 0 0; width: 540px; /* 560 */ } #tagline h2 { font-size: 24px; } #tagline h2 strong { /*color: #69C;*/ } #about { float: right; width: 380px; } /* work */ #content { background-color: #F9F9F9; } .showcase { border-bottom: 1px solid #DDD; margin: 30px 0 0; overflow: hidden; padding: 0 0 30px; width: 960px; /* ie hack */ } .showcase div.right { display: inline; /* ie hack */ float: left; } .showcase div.left { display: inline; /* ie hack */ float: left; height: 211px; margin: 0 20px 0 0; position: relative; width: 290px; } .showcase div img { border: 2px solid #EEE; width: 630px; height: 190px; padding: 8px; } .showcase div img:hover { border: 2px solid #CDE; } .showcase div p { margin: 0 0 20px 0; } .showcase div ul#sites { position: absolute; bottom: 0; overflow: hidden; line-height: 160%; } .showcase div ul#sites li { float: left; } .showcase div ul#sites li a { border: 1px solid #9CF; color: #69C; float: left; padding: 0 5px; margin: 0 20px 0 0; text-decoration: none; } .showcase div ul#sites li a:hover { border: 1px solid #69C; } .showcase div ul#details { line-height: 160%; } /* footer */ #footer { background-color: #333; color: #BBB; clear: both; } #footer h2 { color: #EEE; } #footer p { color: #BBB; } /* contact */ #footer-top { border-bottom: 1px solid #444; line-height: 160%; overflow: hidden; padding: 30px 0; width: 960px; /* ie6 hack */ } #footer-top div { overflow: hidden; } #contact { float: left; margin: 0 40px 0 0; overflow: hidden; } #contact form { margin: 20px 0 0; } #sendmail label { width: 250px; margin: 0 0 10px 0; } #sendmail label.error{ color: #FF4444; margin: 0 0 20px 0; } #sendmail label { display: block; vertical-align: top; cursor: hand; } #name, #email, #message { border: 0; background-color: #444; font-family: Arial, "MS Trebuchet", sans-serif; color: #BBB; font-size: 12px; padding: 6px; margin: 0 0 10px; width: 380px; } #name:focus, #email:focus, #message:focus { background-color: #555; } #message { height: 200px; overflow: auto; } #button { background-color: #69C; border-color: #69C; border-style: solid; border-width: 1px; color: #FFFFFF; cursor: pointer; display: block; font-family: Arial, "MS Trebuchet", sans-serif; margin-top: 10px; padding: 2px; width: 100px } #button:hover { background-color: #49C; border-color: #49C; } /*\*//*/ form.contact legend { display: inline-block; } /* IE Mac legend fix */ #info { float: right; width: 303px; margin: 0 0 0 40px; } #tools { float: right; margin: 0 0 0 40px; width: 83px; } /* about */ #footer-bottom { font-size: 10px; margin: 15px auto; } </code></pre> <p>EDIT: ...or do you know any css optimizer which nest css selector and properties together?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USalexchenco
    1. USalexchenco
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHow can I clean this CSS code; making it shorter or delete unnecessary parts (CSS perfectionist needed)
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POHow can I clean this CSS code; making it shorter or delete unnecessary parts (CSS perfectionist needed)
      1. USJitendra Vyas
      1. VTFavorite
    3. VO
      singulars
      1. POHow can I clean this CSS code; making it shorter or delete unnecessary parts (CSS perfectionist needed)
      1. This table or related slice is empty.
      1. VTUpMod
    1. COGood question. I was thinking yesterday that a tool that consolidates CSS would be absolutely amazing. Maybe something that creates http://www.dotlesscss.com/ files from legacy CSS? :D
      singulars
      1. POHow can I clean this CSS code; making it shorter or delete unnecessary parts (CSS perfectionist needed)
      1. USBernhard Hofmann
    2. COI don't think that a specific css file like that can be noted alot shorter then it is now. It looks like there was a valid reason for splitting up this many css classes.
      singulars
      1. POHow can I clean this CSS code; making it shorter or delete unnecessary parts (CSS perfectionist needed)
      1. USYounes
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload