Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
epsylon
GitHub Repository: epsylon/ufonet
 Path: blob/master/core/js/ufo-cloud.css
1205 views
1
		body {

2
			background: #fafafa url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE0NTM1NzNEQ0RCMTExRTFCNEY4OTI4MTU2ODk0RUMwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE0NTM1NzNFQ0RCMTExRTFCNEY4OTI4MTU2ODk0RUMwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTQ1MzU3M0JDREIxMTFFMUI0Rjg5MjgxNTY4OTRFQzAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ1MzU3M0NDREIxMTFFMUI0Rjg5MjgxNTY4OTRFQzAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5YIglRAAAAN0lEQVR42mL4+vXrf9yAAYhxqQCKM8BZmHJQ3Zgq4GwGTB3I6hiwmoldGp9ufHbjczkefwMEGADDCyjIWuJVaQAAAABJRU5ErkJggg==');

3
		}

4
		.ufo-cloud {

5
			width: 462px;

6
			margin: auto;

7
		}

8
		.ufo-cloud ul {

9
			list-style-type: none;

10
			padding: 0;

11
		}

12
		.ufo-cloud li {

13
			margin: 5px 5px 5px 10px;

14
			float: left;

15
		}

16
		.ufo-cloud a {

17
			display: inline-block;

18
			position: relative;

19
			color: black;

20
			text-shadow: 0 1px 0 rgba(255,255,255, 0.4);

21
			text-decoration: none;

22
			text-align: center;

23
			padding: 4px 9px 6px 6px;

24
			font: bold 11px Tahoma, sans-serif;

25
			border-radius: 3px;

26
			border: 1px solid #cc912d;

27


28
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);

29
			box-shadow: 0 1px 2px rgba(0,0,0,0.2),

30
						0 1px 0px rgba(255,255,255,0.4) inset;

31


32
			background-image: -webkit-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);

33
			background-image: -moz-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);

34
			background-image: -o-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);

35
			background-image: -ms-linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);

36
			background-image: linear-gradient(top, rgba(254,218,113,1) 0%,rgba(254,205,97,1) 60%,rgba(254,188,74,1) 100%);

37
		}

38
		.ufo-cloud a:hover {

39
			color: red;

40
		}

41
		.ufo-cloud a:after {

42
			content: '';

43
			position: absolute;

44
			height: 50%;

45
			width: 15px;

46
			border-left: 1px solid #cc912d;

47


48
			background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);

49
			background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);

50
			background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);

51
			background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);

52
			background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(254,218,113,1) 1%,rgba(254,205,97,1) 100%);

53
			left: -5px;

54
			top: 1px;

55


56
			-webkit-transform: skewX(-35deg);

57
			-moz-transform: skewX(-35deg);

58
			-o-transform: skewX(-35deg);

59
			-ms-transform: skewX(-35deg);

60
			transform: skewX(-35deg);

61
		}

62


63
		.ufo-cloud a:before {

64
			content: '';

65
			position: absolute;

66
			height: 48%;

67
			width: 15px;

68
			border-left: 1px solid #cc912d;

69
			bottom: 1px;

70
			left: -5px;

71


72
			-webkit-transform: skewX(35deg);

73
			-moz-transform: skewX(35deg);

74
			-o-transform: skewX(35deg);

75
			-ms-transform: skewX(35deg);

76
			transform: skewX(35deg);

77


78
			background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);

79
			background-image: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);

80
			background-image: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);

81
			background-image: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);

82
			background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(254,205,97,1) 10%,rgba(254,188,74,1) 100%);

83


84
			-webkit-box-shadow: -2px 1px 2px rgba(100,100,100,0.1);

85
			box-shadow: -2px 1px 2px rgba(100,100,100,0.1);

86
		}

87
		.ufo-cloud a span {

88
			background-color: #FFFFFF;

89
		    border: 1px solid #CC912D;

90
		    border-radius: 5px 5px 5px 5px;

91
		    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 

92
		    			0 1px 1px rgba(0, 0, 0, 0.2) inset;

93
		    display: inline-block;

94
		    height: 5px;

95
		    left: -5px;

96
		    position: relative;

97
		    top: -1px;

98
		    vertical-align: middle;

99
		    width: 5px;

100
		    z-index: 10;

101
		}

102


103