Changeset 48825 in spip-zone


Ignore:
Timestamp:
Jun 16, 2011, 8:16:49 AM (10 years ago)
Author:
cedric@…
Message:

Des boutons au naturel, laissons a Varicelle le soin des les enjoliver.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _squelettes_/zpip-dist/trunk/css/button.css

    r48522 r48825  
    1 /* --------------------------------------------------------------
    2 
    3    varicelle.css
    4    Style des boutons (a, input, button)
    5    romy.tetue.net - 2010
    6 
    7 -------------------------------------------------------------- */
    8 
    9 /* D'apres : http://speckyboy.com/2010/02/15/20-css3-tutorials-and-techiques-for-creating-buttons/
    10 et en particulier Pretty CSS3 buttons : http://papermashup.com/pretty-css3-buttons/ */
    11 
    12 .submit { position: relative; display: inline-block; width: auto; padding: 5px 1em 6px; overflow: visible; cursor: pointer;
    13 background: #888 url("img/varicelle-sprite.png") left top repeat-x; box-shadow: 0 1px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    14 border: 0; border-bottom: 1px solid rgba(0,0,0,0.25); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    15 font-size: 100%; line-height: 1; font-weight: bold; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
    16 * html .submit { background-image: none; border: none; color: #FFF !important; } /*IE6*/
    17 .submit,.submit:visited,.submit * { color: #FFF; text-decoration: none; }
    18 
    19 .submit:hover { background-color: #777; color: #FFF; text-decoration: none; }
    20 .submit:focus,
    21 .submit:active { -moz-transform: translateY(1px); outline: none !important; }
    22 .submit:active { box-shadow: inset 0 1px 2px rgba(0,0,0,0.7); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.7);
    23  /*IE*/ border-bottom: 0\9; border-top: 1px solid #666\9; }
    24 .submit::-moz-focus-inner { border: 0 none; padding: 0; }
    25 
    26 /* tailles */
    27 .small.submit { font-size: .9em; padding: 4px 1em; }
    28 .big.submit { font-size: 1.2em; padding: 8px 1em 9px; }
    29 .super.submit { font-size: 2em; padding: 8px 1em 9px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
    30 
    31 /* couleurs */
    32 .pink.submit { background-color: #e22092; }
    33 .pink.submit:hover { background-color: #c81e82; }
    34 .red.submit { background-color: #e62727; }
    35 .red.submit:hover { background-color: #cf2525; }
    36 .orange.submit { background-color: #ff5c00; }
    37 .orange.submit:hover { background-color: #D45500; }
    38 .yellow.submit { background-color: #FFB515; }
    39 .yellow.submit:hover { background-color: #FC9200; }
    40 .green.submit { background-color: #91BD09; }
    41 .green.submit:hover { background-color: #749A02; }
    42 .blue.submit { background-color: #2981e4; }
    43 .blue.submit:hover { background-color: #2575cf; }
    44 .black.submit { background-color: #222; }
    45 .black.submit:hover { background-color: #111; }
    46 .gray.submit { background-color: #888; }
    47 .gray.submit:hover { background-color: #777; }
    48 .white.submit { background-color: #FFF; border: 1px solid #CCC; color: #666; font-weight: normal; text-shadow: 0 1px 1px #FFF; }
    49 .white.submit:hover { background-color: #EEE; }
    50 
    51 /* styles */
    52 .metal.submit { background: #FFF url("img/varicelle-sprite.png") repeat-x scroll bottom; border: 1px solid #BBB; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); color: #555 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5); }
    53 .metal.submit:hover { background-color: #EEE; border-color: #999; color: #444; }
    54 
    55 .spip.submit { background-color: #75507B; }
    56 .spip.submit:hover { background-color: purple; }
    57 .spip.submit:focus, .submit.spip:active { background-color: #F57900 !important; border-color: #F57900 !important; }
    58 
    59 /* boutons d'admin SPIP */
    60 .spip-admin .submit { padding: 3px 9px; background-color: #75507B; border: 0; font-size: .9em; }
    61 .spip-admin .submit:hover { background-color: purple; }
    62 .spip-admin .submit:focus, .spip-admin .submit:active { background-color: #F57900 !important; border-color: #F57900 !important; }
    63 
    64 /* end */
     1/*
     2 * Par defaut, pas de style pour les boutons, au naturel
     3 */
Note: See TracChangeset for help on using the changeset viewer.