Skip to content

Instantly share code, notes, and snippets.

@hajjifadoua

hajjifadoua/gist:3ddcf49f9344a7072125

Forked from Shadowfiend/gist:1089727
Created July 31, 2014 14:15
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save hajjifadoua/3ddcf49f9344a7072125 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save hajjifadoua/3ddcf49f9344a7072125 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @Shadowfiend Shadowfiend revised this gist Jul 18, 2011. 1 changed file with 28 additions and 11 deletions.
    39 changes: 28 additions & 11 deletions gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -9,28 +9,34 @@

    padding: 15px;
    margin-left: 15px;
    margin-bottom: 15px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    }

    h5 {
    margin: 0;
    font-size: 120%;
    }

    .popup .arrow {
    .left-arrow .arrow, .right-arrow .arrow {
    position: absolute;

    top: 20px;
    }

    .csstransforms .popup {
    -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    }

    .csstransforms .popup .arrow {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    @@ -42,21 +48,32 @@ h5 {
    background-color: #28C0F7;
    }

    .left-arrow .arrow {
    .csstransforms .left-arrow .arrow {
    left: -12px;
    top: 20px;

    -moz-box-shadow: rgba(0, 0, 0, 0.8) -3px 3px 5px -3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) -3px 3px 5px -3px;
    -o-box-shadow: rgba(0, 0, 0, 0.8) -3px 3px 5px -3px;
    box-shadow: rgba(0, 0, 0, 0.8) -3px 3px 5px -3px;
    }
    .right-arrow .arrow {
    .csstransforms .right-arrow .arrow {
    right: -12px;
    top: 20px;

    -moz-box-shadow: rgba(0, 0, 0, 0.8) 3px -3px 5px -3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 3px -3px 5px -3px;
    -o-box-shadow: rgba(0, 0, 0, 0.8) 3px -3px 5px -3px;
    box-shadow: rgba(0, 0, 0, 0.8) 3px -3px 5px -3px;
    }

    .no-csstransforms .left-arrow .arrow, .no-csstransforms .right-arrow .arrow {
    width: 17px;
    height: 32px;
    }
    .no-csstransforms .left-arrow .arrow {
    left: -10px;
    background: url("/images/app-notice-arrow-left.png");
    }
    .no-csstransforms .right-arrow .arrow {
    right: -10px;
    background: url("/images/app-notice-arrow-right.png");
    }
  2. @Shadowfiend Shadowfiend revised this gist Jul 18, 2011. 1 changed file with 10 additions and 0 deletions.
    10 changes: 10 additions & 0 deletions gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -45,8 +45,18 @@ h5 {
    .left-arrow .arrow {
    left: -12px;
    top: 20px;

    -moz-box-shadow: rgba(0, 0, 0, 0.8) -3px 3px 5px -3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) -3px 3px 5px -3px;
    -o-box-shadow: rgba(0, 0, 0, 0.8) -3px 3px 5px -3px;
    box-shadow: rgba(0, 0, 0, 0.8) -3px 3px 5px -3px;
    }
    .right-arrow .arrow {
    right: -12px;
    top: 20px;

    -moz-box-shadow: rgba(0, 0, 0, 0.8) 3px -3px 5px -3px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 3px -3px 5px -3px;
    -o-box-shadow: rgba(0, 0, 0, 0.8) 3px -3px 5px -3px;
    box-shadow: rgba(0, 0, 0, 0.8) 3px -3px 5px -3px;
    }
  3. @Shadowfiend Shadowfiend revised this gist Jul 18, 2011. 1 changed file with 12 additions and 0 deletions.
    12 changes: 12 additions & 0 deletions gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -9,6 +9,18 @@

    padding: 15px;
    margin-left: 15px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;

    -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    box-shadow: rgba(0, 0, 0, 0.8) 0 0 5px 0;
    }

    h5 {
  4. @Shadowfiend Shadowfiend revised this gist Jul 18, 2011. 1 changed file with 9 additions and 2 deletions.
    11 changes: 9 additions & 2 deletions gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -18,8 +18,6 @@ h5 {

    .popup .arrow {
    position: absolute;
    left: -12px;
    top: 20px;

    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    @@ -30,4 +28,13 @@ h5 {
    height: 30px;

    background-color: #28C0F7;
    }

    .left-arrow .arrow {
    left: -12px;
    top: 20px;
    }
    .right-arrow .arrow {
    right: -12px;
    top: 20px;
    }
  5. @Shadowfiend Shadowfiend revised this gist Jul 18, 2011. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -7,7 +7,8 @@
    background-color: #28C0F7;
    color: white;

    padding: 15px
    padding: 15px;
    margin-left: 15px;
    }

    h5 {
  6. @Shadowfiend Shadowfiend revised this gist Jul 18, 2011. 1 changed file with 6 additions and 0 deletions.
    6 changes: 6 additions & 0 deletions gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -16,11 +16,17 @@ h5 {
    }

    .popup .arrow {
    position: absolute;
    left: -12px;
    top: 20px;

    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    width: 30px;
    height: 30px;

    background-color: #28C0F7;
    }
  7. @Shadowfiend Shadowfiend renamed this gist Jul 18, 2011. 1 changed file with 17 additions and 0 deletions.
    17 changes: 17 additions & 0 deletions gistfile1.txt → gistfile1.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,3 +1,20 @@
    .popup {
    position: relative;
    font-size: 12px;

    width: 300px;

    background-color: #28C0F7;
    color: white;

    padding: 15px
    }

    h5 {
    margin: 0;
    font-size: 120%;
    }

    .popup .arrow {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  8. @Shadowfiend Shadowfiend created this gist Jul 18, 2011.
    9 changes: 9 additions & 0 deletions gistfile1.txt
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    .popup .arrow {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    width: 30px;
    height: 30px;
    }