richard
/
SemanSemantic-UItic-UI
mirror of https://github.com/Semantic-Org/Semantic-UI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Fixes image paths, swaps to shaded as default

pull/13/head
Jack Lukic 11 years ago
parent
294be10819
commit
7db4372bf7
35 changed files with 198 additions and 111 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 4
      docs/button.html
  2. 6
      src/modules/ui/search.css
  3. 2
      src/modules/ui/video.css
  4. 2
      src/ui/flat/activity-feed.css
  5. 66
      src/ui/flat/button.css
  6. 2
      src/ui/flat/data-grid.css
  7. 2
      src/ui/flat/image.css
  8. 4
      src/ui/flat/notecard.css
  9. 2
      src/ui/flat/paperclip.css
  10. 16
      src/ui/flat/throbber.css
  11. 0
      src/ui/images/button-error.gif
  12. 0
      src/ui/images/footnote.png
  13. 0
      src/ui/images/loader-generic-transparent.gif
  14. 0
      src/ui/images/notecard-stripes.png
  15. 0
      src/ui/images/paperclip.png
  16. 0
      src/ui/images/placeholder-subtle.png
  17. 0
      src/ui/images/placeholder-tiny.png
  18. 0
      src/ui/images/placeholder.png
  19. 0
      src/ui/images/throbber-blue-large.gif
  20. 0
      src/ui/images/throbber-blue-medium.gif
  21. 0
      src/ui/images/throbber-blue-small.gif
  22. 0
      src/ui/images/throbber-blue-tiny.gif
  23. 0
      src/ui/images/throbber-large.gif
  24. 0
      src/ui/images/throbber-medium-white.gif
  25. 0
      src/ui/images/throbber-medium.gif
  26. 0
      src/ui/images/throbber-small.gif
  27. 0
      src/ui/images/throbber-tiny.gif
  28. 2
      src/ui/shaded/activity-feed.css
  29. 173
      src/ui/shaded/button.css
  30. 2
      src/ui/shaded/data-grid.css
  31. 2
      src/ui/shaded/form.css
  32. 2
      src/ui/shaded/image.css
  33. 4
      src/ui/shaded/notecard.css
  34. 2
      src/ui/shaded/paperclip.css
  35. 16
      src/ui/shaded/throbber.css

4
docs/button.html
View File

@ -1,4 +1,4 @@
`<!DOCTYPE HTML>
<!DOCTYPE HTML>
<html> <html>
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
@ -73,7 +73,7 @@
</ul> </ul>
</div> </div>
<div class="ui left attached vertical blue menu buttons"> <div class="ui left attached vertical blue menu buttons">
<div class="ui menu button">Menu</div>
<div class="ui huge menu button">Menu</div>
</div> </div>
<div class="full container"> <div class="full container">
<!-- <ul class="ui vertical panel sub menu"> <!-- <ul class="ui vertical panel sub menu">

6
src/modules/ui/search.css
View File

@ -105,7 +105,7 @@
} }
.search.module .results li .image { .search.module .results li .image {
background: #F0F0F0 url(/images/ui/placeholder-subtle.png) no-repeat center center;
background: #F0F0F0 url(../images/placeholder-subtle.png) no-repeat center center;
margin-right: 10px; margin-right: 10px;
float: left; float: left;
@ -151,7 +151,7 @@
background-color: #F0F0F0; background-color: #F0F0F0;
} }
.search.module .results li.active .image { .search.module .results li.active .image {
background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
} }
.search.module .results li.active .title { .search.module .results li.active .title {
color: #000000; color: #000000;
@ -246,7 +246,7 @@
/* Big Theme */ /* Big Theme */
.search.module .big.results li .image { .search.module .big.results li .image {
background-image: url(/images/ui/placeholder-subtle.png);
background-image: url(../images/placeholder-subtle.png);
} }
.search.module .big.results li .image, .search.module .big.results li .image,
.search.module .big.results li .image img { .search.module .big.results li .image img {

2
src/modules/ui/video.css
View File

@ -5,7 +5,7 @@
.video.module { .video.module {
position: relative; position: relative;
background: #333333 url(/images/ui/placeholder.png) no-repeat center center;
background: #333333 url(../images/placeholder.png) no-repeat center center;
} }
.video.module .play { .video.module .play {

2
src/ui/flat/activity-feed.css
View File

@ -17,7 +17,7 @@
width: 35px; width: 35px;
height: 35px; height: 35px;
background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
-webkit-box-shadow: -1px -1px 0 #F0F0F0 inset; -webkit-box-shadow: -1px -1px 0 #F0F0F0 inset;
-moz-box-shadow: -1px -1px 0 #F0F0F0 inset; -moz-box-shadow: -1px -1px 0 #F0F0F0 inset;

66
src/ui/flat/button.css
View File

@ -514,13 +514,13 @@ input + .ui.attached.button.down {
height: 100%; height: 100%;
content: ''; content: '';
/* standard */ /* standard */
background: url(/images/ui/throbber-blue-tiny.gif) no-repeat 50% 50%;
background: url(../images/throbber-blue-tiny.gif) no-repeat 50% 50%;
/* css 3 multi image */ /* css 3 multi image */
background-image: url(/images/ui/throbber-blue-tiny.gif);
background-image: url(/images/ui/throbber-blue-tiny.gif);
background-image: url(/images/ui/throbber-blue-tiny.gif);
background-image: url(/images/ui/throbber-blue-tiny.gif);
background-image: url(/images/ui/throbber-blue-tiny.gif);
background-image: url(../images/throbber-blue-tiny.gif);
background-image: url(../images/throbber-blue-tiny.gif);
background-image: url(../images/throbber-blue-tiny.gif);
background-image: url(../images/throbber-blue-tiny.gif);
background-image: url(../images/throbber-blue-tiny.gif);
background-position: 50% 50%, 0px 0px; background-position: 50% 50%, 0px 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
@ -537,13 +537,13 @@ input + .ui.attached.button.down {
.ui.button.active.loading:after { .ui.button.active.loading:after {
background-color: #FAFAFA; background-color: #FAFAFA;
/* standard */ /* standard */
background: url(/images/ui/throbber-tiny.gif) no-repeat 50% 50%;
background: url(../images/throbber-tiny.gif) no-repeat 50% 50%;
/* css 3 multi image */ /* css 3 multi image */
background-image: url(/images/ui/throbber-tiny.gif);
background-image: url(/images/ui/throbber-tiny.gif);
background-image: url(/images/ui/throbber-tiny.gif);
background-image: url(/images/ui/throbber-tiny.gif);
background-image: url(/images/ui/throbber-tiny.gif);
background-image: url(../images/throbber-tiny.gif);
background-image: url(../images/throbber-tiny.gif);
background-image: url(../images/throbber-tiny.gif);
background-image: url(../images/throbber-tiny.gif);
background-image: url(../images/throbber-tiny.gif);
background-position: 50% 50%, 0px 0px; background-position: 50% 50%, 0px 0px;
background-repeat: no-repeat; background-repeat: no-repeat;
} }
@ -552,31 +552,31 @@ input + .ui.attached.button.down {
/* blue */ /* blue */
.ui.huge.button.loading:after { .ui.huge.button.loading:after {
background-image: url(/images/ui/throbber-blue-small.gif);
background-image: url(/images/ui/throbber-blue-small.gif);
background-image: url(/images/ui/throbber-blue-small.gif);
background-image: url(/images/ui/throbber-blue-small.gif);
background-image: url(/images/ui/throbber-blue-small.gif);
background-image: url(../images/throbber-blue-small.gif);
background-image: url(../images/throbber-blue-small.gif);
background-image: url(../images/throbber-blue-small.gif);
background-image: url(../images/throbber-blue-small.gif);
background-image: url(../images/throbber-blue-small.gif);
} }
.ui.massive.buttons .button.loading:after, .ui.massive.buttons .button.loading:after,
.ui.gigantic.buttons .button.loading:after, .ui.gigantic.buttons .button.loading:after,
.ui.massive.button.loading:after, .ui.massive.button.loading:after,
.ui.gigantic.button.loading:after { .ui.gigantic.button.loading:after {
background-image: url(/images/ui/throbber-blue-medium.gif);
background-image: url(/images/ui/throbber-blue-medium.gif);
background-image: url(/images/ui/throbber-blue-medium.gif);
background-image: url(/images/ui/throbber-blue-medium.gif);
background-image: url(/images/ui/throbber-blue-medium.gif);
background-image: url(../images/throbber-blue-medium.gif);
background-image: url(../images/throbber-blue-medium.gif);
background-image: url(../images/throbber-blue-medium.gif);
background-image: url(../images/throbber-blue-medium.gif);
background-image: url(../images/throbber-blue-medium.gif);
} }
/* grey */ /* grey */
.ui.huge.grey.button.loading:after, .ui.huge.grey.button.loading:after,
.ui.huge.button.loading.active:after { .ui.huge.button.loading.active:after {
background-image: url(/images/ui/throbber-small.gif);
background-image: url(/images/ui/throbber-small.gif);
background-image: url(/images/ui/throbber-small.gif);
background-image: url(/images/ui/throbber-small.gif);
background-image: url(/images/ui/throbber-small.gif);
background-image: url(../images/throbber-small.gif);
background-image: url(../images/throbber-small.gif);
background-image: url(../images/throbber-small.gif);
background-image: url(../images/throbber-small.gif);
background-image: url(../images/throbber-small.gif);
} }
.ui.massive.grey.buttons .button.loading:after, .ui.massive.grey.buttons .button.loading:after,
.ui.gigantic.grey.buttons .button.loading:after, .ui.gigantic.grey.buttons .button.loading:after,
@ -586,11 +586,11 @@ input + .ui.attached.button.down {
.ui.gigantic.grey.buttons .button.loading.active:after, .ui.gigantic.grey.buttons .button.loading.active:after,
.ui.massive.button.loading.active:after, .ui.massive.button.loading.active:after,
.ui.gigantic.button.loading.active:after { .ui.gigantic.button.loading.active:after {
background-image: url(/images/ui/throbber-medium.gif);
background-image: url(/images/ui/throbber-medium.gif);
background-image: url(/images/ui/throbber-medium.gif);
background-image: url(/images/ui/throbber-medium.gif);
background-image: url(/images/ui/throbber-medium.gif);
background-image: url(../images/throbber-medium.gif);
background-image: url(../images/throbber-medium.gif);
background-image: url(../images/throbber-medium.gif);
background-image: url(../images/throbber-medium.gif);
background-image: url(../images/throbber-medium.gif);
} }
@ -629,7 +629,7 @@ input + .ui.attached.button.down {
height: 100%; height: 100%;
content: ''; content: '';
/* standard */ /* standard */
background: #EE141D url(/images/ui/button-error.gif) no-repeat 50% 50%;
background: #EE141D url(../images/button-error.gif) no-repeat 50% 50%;
-moz-border-radius: 5px; -moz-border-radius: 5px;
-webkit-border-radius: 5px; -webkit-border-radius: 5px;
border-radius: 5px; border-radius: 5px;

2
src/ui/flat/data-grid.css
View File

@ -38,7 +38,7 @@
float: left; float: left;
width: 35px; width: 35px;
height: 35px; height: 35px;
background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
} }
.ui.data-grid tbody td.who img { .ui.data-grid tbody td.who img {
width: 35px; width: 35px;

2
src/ui/flat/image.css
View File

@ -2,7 +2,7 @@
position: relative; position: relative;
display: inline-block; display: inline-block;
border: 1px solid #CCCCCC; border: 1px solid #CCCCCC;
background: #F5F5F5 url(/images/ui/placeholder-subtle.png) no-repeat center center;
background: #F5F5F5 url(../images/placeholder-subtle.png) no-repeat center center;
} }
.ui.feature.image img { .ui.feature.image img {
display: block; display: block;

4
src/ui/flat/notecard.css
View File

@ -30,7 +30,7 @@
height: 100%; height: 100%;
margin-top: 10px; margin-top: 10px;
padding: 0px 5px 10px; padding: 0px 5px 10px;
background: url(/images/ui/notecard-stripes.png) repeat;
background: url(../images/notecard-stripes.png) repeat;
line-height: 21px; line-height: 21px;
} }
.ui.notecard .stripes h2 { .ui.notecard .stripes h2 {
@ -49,7 +49,7 @@
overflow: hidden; overflow: hidden;
border: 1px solid #DAD8C9; border: 1px solid #DAD8C9;
background: #FFFFFF url(/images/ui/placeholder-tiny.png) no-repeat center center;
background: #FFFFFF url(../images/placeholder-tiny.png) no-repeat center center;
padding: 4px; padding: 4px;
} }
.ui.notecard .stripes .image img { .ui.notecard .stripes .image img {

2
src/ui/flat/paperclip.css
View File

@ -16,7 +16,7 @@
position: absolute; position: absolute;
z-index: 4; z-index: 4;
background: url(/images/ui/paperclip.png) no-repeat;
background: url(../images/paperclip.png) no-repeat;
width: 37px; width: 37px;
height: 21px; height: 21px;
} }

16
src/ui/flat/throbber.css
View File

@ -7,7 +7,7 @@
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
background: url(/images/ui/throbber-medium.gif) no-repeat;
background: url(../images/throbber-medium.gif) no-repeat;
background-position: 48% 0px; background-position: 48% 0px;
} }
.ui.throbber.center { .ui.throbber.center {
@ -22,7 +22,7 @@
.ui.throbber.large { .ui.throbber.large {
width: 64px; width: 64px;
height: 64px; height: 64px;
background-image: url(/images/ui/throbber-large.gif);
background-image: url(../images/throbber-large.gif);
} }
.ui.throbber.large.center { .ui.throbber.large.center {
margin: -32px 0px 0px -32px; margin: -32px 0px 0px -32px;
@ -32,7 +32,7 @@
.ui.throbber.small { .ui.throbber.small {
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(/images/ui/throbber-small.gif);
background-image: url(../images/throbber-small.gif);
} }
.ui.throbber.small.center { .ui.throbber.small.center {
margin: -12px 0px 0px -12px; margin: -12px 0px 0px -12px;
@ -42,7 +42,7 @@
.ui.throbber.tiny { .ui.throbber.tiny {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url(/images/ui/throbber-tiny.gif);
background-image: url(../images/throbber-tiny.gif);
} }
.ui.throbber.tiny.center { .ui.throbber.tiny.center {
margin: -8px 0px 0px -8px; margin: -8px 0px 0px -8px;
@ -86,14 +86,14 @@
color: #FFFFFF color: #FFFFFF
} }
.ui.throbber.tiny.blue { .ui.throbber.tiny.blue {
background-image: url(/images/ui/throbber-blue-tiny.gif);
background-image: url(../images/throbber-blue-tiny.gif);
} }
.ui.throbber.small.blue { .ui.throbber.small.blue {
background-image: url(/images/ui/throbber-blue-small.gif);
background-image: url(../images/throbber-blue-small.gif);
} }
.ui.throbber.blue { .ui.throbber.blue {
background-image: url(/images/ui/throbber-blue-medium.gif);
background-image: url(../images/throbber-blue-medium.gif);
} }
.ui.throbber.large.blue { .ui.throbber.large.blue {
background-image: url(/images/ui/throbber-blue-large.gif);
background-image: url(../images/throbber-blue-large.gif);
} }

images/ui/button-error.gif → src/ui/images/button-error.gif
View File

images/ui/footnote.png → src/ui/images/footnote.png
View File

images/ui/loader-generic-transparent.gif → src/ui/images/loader-generic-transparent.gif
View File

images/ui/notecard-stripes.png → src/ui/images/notecard-stripes.png
View File

images/ui/paperclip.png → src/ui/images/paperclip.png
View File

images/ui/placeholder-subtle.png → src/ui/images/placeholder-subtle.png
View File

images/ui/placeholder-tiny.png → src/ui/images/placeholder-tiny.png
View File

images/ui/placeholder.png → src/ui/images/placeholder.png
View File

images/ui/throbber-blue-large.gif → src/ui/images/throbber-blue-large.gif
View File

images/ui/throbber-blue-medium.gif → src/ui/images/throbber-blue-medium.gif
View File

images/ui/throbber-blue-small.gif → src/ui/images/throbber-blue-small.gif
View File

images/ui/throbber-blue-tiny.gif → src/ui/images/throbber-blue-tiny.gif
View File

images/ui/throbber-large.gif → src/ui/images/throbber-large.gif
View File

images/ui/throbber-medium-white.gif → src/ui/images/throbber-medium-white.gif
View File

images/ui/throbber-medium.gif → src/ui/images/throbber-medium.gif
View File

images/ui/throbber-small.gif → src/ui/images/throbber-small.gif
View File

images/ui/throbber-tiny.gif → src/ui/images/throbber-tiny.gif
View File

2
src/ui/shaded/activity-feed.css
View File

@ -17,7 +17,7 @@
width: 35px; width: 35px;
height: 35px; height: 35px;
background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
-webkit-box-shadow: -1px -1px 0 #F0F0F0 inset; -webkit-box-shadow: -1px -1px 0 #F0F0F0 inset;
-moz-box-shadow: -1px -1px 0 #F0F0F0 inset; -moz-box-shadow: -1px -1px 0 #F0F0F0 inset;

173
src/ui/shaded/button.css
View File

@ -6,6 +6,10 @@
Standard Button Standard Button
---------------*/ ---------------*/
.ui {
font-family: "Helvetica Neue", Arial, sans-serif;
}
/* Normal */ /* Normal */
.ui.button { .ui.button {
cursor: pointer; cursor: pointer;
@ -266,12 +270,14 @@
} }
/* Button attached to a form element */ /* Button attached to a form element */
input + .ui.attached.button { input + .ui.attached.button {
display: inline-block;
min-width: 40px; min-width: 40px;
float: left;
margin: 0px 0px 0px -15px; margin: 0px 0px 0px -15px;
height: 14px; height: 14px;
padding: 8px 15px; padding: 8px 15px;
border: 1px solid #D0D0D0;
-webkit-box-shadow: none; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
@ -280,6 +286,13 @@ input + .ui.attached.button {
-webkit-border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px;
vertical-align: top;
}
input + .ui.attached.button.down {
-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) inset;
} }
.ui.attached.button.loading, .ui.attached.button.loading,
.ui.attached.button.loading.hover { .ui.attached.button.loading.hover {
@ -290,18 +303,17 @@ input + .ui.attached.button {
Wrapping Style Wrapping Style
--------------------*/ --------------------*/
.ui.button.wrapping {
.ui.button.attached {
display: block; display: block;
} }
.ui.button.wrapping.top {
.ui.button.attached.top {
margin-left: -1px; margin-left: -1px;
margin-right: -1px; margin-right: -1px;
-webkit-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
} }
.ui.button.wrapping.bottom {
.ui.button.attached.bottom {
margin-left: -1px; margin-left: -1px;
margin-right: -1px; margin-right: -1px;
-webkit-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;
@ -309,6 +321,81 @@ input + .ui.attached.button {
border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px;
} }
.attached.ui.buttons {
margin: 0px;
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
}
.attached.ui.buttons .button:first-child {
-webkit-border-radius: 4px 0px 0px 0px;
-moz-border-radius: 4px 0px 0px 0px;
border-radius: 4px 0px 0px 0px;
}
.attached.ui.buttons .button:last-child {
-webkit-border-radius: 0px 4px 0px 0px;
-moz-border-radius: 0px 4px 0px 0px;
border-radius: 0px 4px 0px 0px;
}
/* Bottom Side */
.bottom.attached.ui.buttons {
margin-top: -1px;
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}
.bottom.attached.ui.buttons .button:first-child {
-webkit-border-radius: 0px 0px 0px 4px;
-moz-border-radius: 0px 0px 0px 4px;
border-radius: 0px 0px 0px 4px;
}
.bottom.attached.ui.buttons .button:last-child {
-webkit-border-radius: 0px 0px 4px 0px;
-moz-border-radius: 0px 0px 4px 0px;
border-radius: 0px 0px 4px 0px;
}
/* Left Side */
.left.attached.ui.buttons {
margin-left: -1px;
-webkit-border-radius: 0px 4px 4px 0px;
-moz-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
}
.left.attached.ui.buttons .button:first-child {
margin-left: -1px;
-webkit-border-radius: 0px 4px 0px 0px;
-moz-border-radius: 0px 4px 0px 0px;
border-radius: 0px 4px 0px 0px;
}
.left.attached.ui.buttons .button:last-child {
margin-left: -1px;
-webkit-border-radius: 0px 0px 4px 0px;
-moz-border-radius: 0px 0px 4px 0px;
border-radius: 0px 0px 4px 0px;
}
/* Right Side */
.right.attached.ui.buttons,
.right.attached.ui.buttons .button {
margin-right: -1px;
-webkit-border-radius: 4px 0px 0px 4px;
-moz-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.right.attached.ui.buttons .button:first-child {
margin-left: -1px;
-webkit-border-radius: 4px 0px 0px 0px;
-moz-border-radius: 4px 0px 0px 0px;
border-radius: 4px 0px 0px 0px;
}
.right.attached.ui.buttons .button:last-child {
margin-left: -1px;
-webkit-border-radius: 0px 0px 0px 4px;
-moz-border-radius: 0px 0px 0px 4px;
border-radius: 0px 0px 0px 4px;
}
/******************************* /*******************************
Colors Colors
@ -873,13 +960,13 @@ input + .ui.attached.button {
height: 100%; height: 100%;
content: ''; content: '';
/* standard */ /* standard */
background: url(/images/ui/throbber-blue-tiny.gif) no-repeat 50% 50%;
background: url(../images/throbber-blue-tiny.gif) no-repeat 50% 50%;
/* css 3 multi image */ /* css 3 multi image */
background-image: url(/images/ui/throbber-blue-tiny.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-tiny.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-tiny.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-tiny.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-tiny.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-tiny.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-tiny.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-tiny.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-tiny.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-tiny.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-position: 50% 50%, 0px 0px; background-position: 50% 50%, 0px 0px;
background-repeat: no-repeat, repeat; background-repeat: no-repeat, repeat;
@ -896,13 +983,13 @@ input + .ui.attached.button {
.ui.button.active.loading:after { .ui.button.active.loading:after {
background-color: #FAFAFA; background-color: #FAFAFA;
/* standard */ /* standard */
background: url(/images/ui/throbber-tiny.gif) no-repeat 50% 50%;
background: url(../images/throbber-tiny.gif) no-repeat 50% 50%;
/* css 3 multi image */ /* css 3 multi image */
background-image: url(/images/ui/throbber-tiny.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-tiny.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-tiny.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-tiny.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-tiny.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-tiny.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-tiny.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-tiny.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-tiny.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-tiny.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-position: 50% 50%, 0px 0px; background-position: 50% 50%, 0px 0px;
background-repeat: no-repeat, repeat; background-repeat: no-repeat, repeat;
} }
@ -911,31 +998,31 @@ input + .ui.attached.button {
/* blue */ /* blue */
.ui.huge.button.loading:after { .ui.huge.button.loading:after {
background-image: url(/images/ui/throbber-blue-small.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-small.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-small.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-small.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-small.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-small.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-small.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-small.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-small.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-small.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
} }
.ui.massive.buttons .button.loading:after, .ui.massive.buttons .button.loading:after,
.ui.gigantic.buttons .button.loading:after, .ui.gigantic.buttons .button.loading:after,
.ui.massive.button.loading:after, .ui.massive.button.loading:after,
.ui.gigantic.button.loading:after { .ui.gigantic.button.loading:after {
background-image: url(/images/ui/throbber-blue-medium.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-medium.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-medium.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-medium.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(/images/ui/throbber-blue-medium.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-medium.gif), -webkit-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-medium.gif), -moz-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-medium.gif), -o-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-medium.gif), -ms-linear-gradient(top, #22C1FC 0%, #1995FB 100%);
background-image: url(../images/throbber-blue-medium.gif), linear-gradient(top, #22C1FC 0%, #1995FB 100%);
} }
/* grey */ /* grey */
.ui.huge.grey.button.loading:after, .ui.huge.grey.button.loading:after,
.ui.huge.button.loading.active:after { .ui.huge.button.loading.active:after {
background-image: url(/images/ui/throbber-small.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-small.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-small.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-small.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-small.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-small.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-small.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-small.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-small.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-small.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
} }
.ui.massive.grey.buttons .button.loading:after, .ui.massive.grey.buttons .button.loading:after,
.ui.gigantic.grey.buttons .button.loading:after, .ui.gigantic.grey.buttons .button.loading:after,
@ -945,11 +1032,11 @@ input + .ui.attached.button {
.ui.gigantic.grey.buttons .button.loading.active:after, .ui.gigantic.grey.buttons .button.loading.active:after,
.ui.massive.button.loading.active:after, .ui.massive.button.loading.active:after,
.ui.gigantic.button.loading.active:after { .ui.gigantic.button.loading.active:after {
background-image: url(/images/ui/throbber-medium.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-medium.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-medium.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-medium.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(/images/ui/throbber-medium.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-medium.gif), -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-medium.gif), -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-medium.gif), -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-medium.gif), -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
background-image: url(../images/throbber-medium.gif), linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
} }
@ -990,13 +1077,13 @@ input + .ui.attached.button {
height: 100%; height: 100%;
content: ''; content: '';
/* standard */ /* standard */
background: #EE141D url(/images/ui/button-error.gif) no-repeat 50% 50%;
background: #EE141D url(../images/button-error.gif) no-repeat 50% 50%;
/* css 3 multi image */ /* css 3 multi image */
background-image: url(/images/ui/button-error.gif), -webkit-linear-gradient(top, #F36666 0px, #C53131 100%);
background-image: url(/images/ui/button-error.gif), -moz-linear-gradient(top, #F36666 0px, #C53131 100%);
background-image: url(/images/ui/button-error.gif), -o-linear-gradient(top, #F36666 0px, #C53131 100%);
background-image: url(/images/ui/button-error.gif), -ms-linear-gradient(top, #F36666 0px, #C53131 100%);
background-image: url(/images/ui/button-error.gif), linear-gradient(top, #F36666 0px, #C53131 100%);
background-image: url(../images/button-error.gif), -webkit-linear-gradient(top, #F36666 0px, #C53131 100%);
background-image: url(../images/button-error.gif), -moz-linear-gradient(top, #F36666 0px, #C53131 100%);
background-image: url(../images/button-error.gif), -o-linear-gradient(top, #F36666 0px, #C53131 100%);
background-image: url(../images/button-error.gif), -ms-linear-gradient(top, #F36666 0px, #C53131 100%);
background-image: url(../images/button-error.gif), linear-gradient(top, #F36666 0px, #C53131 100%);
} }
.ui.button.success, .ui.button.success,

2
src/ui/shaded/data-grid.css
View File

@ -38,7 +38,7 @@
float: left; float: left;
width: 35px; width: 35px;
height: 35px; height: 35px;
background: #EFEFEF url(/images/ui/placeholder-tiny.png) no-repeat center center;
background: #EFEFEF url(../images/placeholder-tiny.png) no-repeat center center;
} }
.ui.data-grid tbody td.who img { .ui.data-grid tbody td.who img {
width: 35px; width: 35px;

2
src/ui/shaded/form.css
View File

@ -136,7 +136,7 @@
---------------------*/ ---------------------*/
.ui.form input.attached { .ui.form input.attached {
float: left;
width: auto;
} }
.ui.form .date.field > label { .ui.form .date.field > label {

2
src/ui/shaded/image.css
View File

@ -2,7 +2,7 @@
position: relative; position: relative;
display: inline-block; display: inline-block;
border: 1px solid #CCCCCC; border: 1px solid #CCCCCC;
background: #F5F5F5 url(/images/ui/placeholder-subtle.png) no-repeat center center;
background: #F5F5F5 url(../images/placeholder-subtle.png) no-repeat center center;
} }
.ui.feature.image img { .ui.feature.image img {
display: block; display: block;

4
src/ui/shaded/notecard.css
View File

@ -30,7 +30,7 @@
height: 100%; height: 100%;
margin-top: 10px; margin-top: 10px;
padding: 0px 5px 10px; padding: 0px 5px 10px;
background: url(/images/ui/notecard-stripes.png) repeat;
background: url(../images/notecard-stripes.png) repeat;
line-height: 21px; line-height: 21px;
} }
.ui.notecard .stripes h2 { .ui.notecard .stripes h2 {
@ -49,7 +49,7 @@
overflow: hidden; overflow: hidden;
border: 1px solid #DAD8C9; border: 1px solid #DAD8C9;
background: #FFFFFF url(/images/ui/placeholder-tiny.png) no-repeat center center;
background: #FFFFFF url(../images/placeholder-tiny.png) no-repeat center center;
padding: 4px; padding: 4px;
} }
.ui.notecard .stripes .image img { .ui.notecard .stripes .image img {

2
src/ui/shaded/paperclip.css
View File

@ -16,7 +16,7 @@
position: absolute; position: absolute;
z-index: 4; z-index: 4;
background: url(/images/ui/paperclip.png) no-repeat;
background: url(../images/paperclip.png) no-repeat;
width: 37px; width: 37px;
height: 21px; height: 21px;
} }

16
src/ui/shaded/throbber.css
View File

@ -7,7 +7,7 @@
display: inline-block; display: inline-block;
width: 32px; width: 32px;
height: 32px; height: 32px;
background: url(/images/ui/throbber-medium.gif) no-repeat;
background: url(../images/throbber-medium.gif) no-repeat;
background-position: 48% 0px; background-position: 48% 0px;
} }
.ui.throbber.center { .ui.throbber.center {
@ -22,7 +22,7 @@
.ui.throbber.large { .ui.throbber.large {
width: 64px; width: 64px;
height: 64px; height: 64px;
background-image: url(/images/ui/throbber-large.gif);
background-image: url(../images/throbber-large.gif);
} }
.ui.throbber.large.center { .ui.throbber.large.center {
margin: -32px 0px 0px -32px; margin: -32px 0px 0px -32px;
@ -32,7 +32,7 @@
.ui.throbber.small { .ui.throbber.small {
width: 24px; width: 24px;
height: 24px; height: 24px;
background-image: url(/images/ui/throbber-small.gif);
background-image: url(../images/throbber-small.gif);
} }
.ui.throbber.small.center { .ui.throbber.small.center {
margin: -12px 0px 0px -12px; margin: -12px 0px 0px -12px;
@ -42,7 +42,7 @@
.ui.throbber.tiny { .ui.throbber.tiny {
width: 16px; width: 16px;
height: 16px; height: 16px;
background-image: url(/images/ui/throbber-tiny.gif);
background-image: url(../images/throbber-tiny.gif);
} }
.ui.throbber.tiny.center { .ui.throbber.tiny.center {
margin: -8px 0px 0px -8px; margin: -8px 0px 0px -8px;
@ -86,14 +86,14 @@
color: #FFFFFF color: #FFFFFF
} }
.ui.throbber.tiny.blue { .ui.throbber.tiny.blue {
background-image: url(/images/ui/throbber-blue-tiny.gif);
background-image: url(../images/throbber-blue-tiny.gif);
} }
.ui.throbber.small.blue { .ui.throbber.small.blue {
background-image: url(/images/ui/throbber-blue-small.gif);
background-image: url(../images/throbber-blue-small.gif);
} }
.ui.throbber.blue { .ui.throbber.blue {
background-image: url(/images/ui/throbber-blue-medium.gif);
background-image: url(../images/throbber-blue-medium.gif);
} }
.ui.throbber.large.blue { .ui.throbber.large.blue {
background-image: url(/images/ui/throbber-blue-large.gif);
background-image: url(../images/throbber-blue-large.gif);
} }
Write Preview
Loading…
Cancel
Save