You are here

acquia_agent.css in Acquia Connector 6.2

.an-start-form {
  border:1px solid;
  border-color:#ccc;
  padding:35px 35px 10px 35px;
  min-width:930px;
  margin-bottom:30px;
  background-color: #fff;
}

h2#an-info-header {
  min-width: 350px;
  min-height: 50px;
  display:block;
  text-indent:-9999px;
  background-image:url('../images/logo-an-word.png');
  background-repeat:no-repeat;
  background-position:145px 0;
  padding-left:145px;
  position:relative;
}

h2#an-info-header:before {
  content: ' ';
  height: 136px;
  width:116px;
  background-image:url('../images/logo-an-image.png');
  background-repeat:no-repeat;
  position:absolute;
  top:-20px;
  left:0;
}

.an-slogan {
  min-width: 509px;
  min-height: 51px;
  display:block;
  text-indent:-9999px;
  background-image:url('../images/logo-an-slogan.png');
  background-repeat:no-repeat;
  background-position:145px 0;
  padding-left:145px;
}

div#an-info-box{
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

#an-info-box div.cell{
  display: table-cell;
  padding-right: 2em;
  vertical-align: top;
  text-align: left;
  text-align:center;
  width:33%;
}

#an-info-box div.cell .cell-title {
  font-size:20px;
  font-weight:300;
  color:#666;
  position:relative;
  padding:0 10%;
  margin-bottom:25px;
}

#an-info-box div.cell:first-child .cell-title {
  padding:0 25%;
}

#an-info-box div.cell.with-arrow .cell-title:after {
  content: ' ';
  height: 174px;
  width:64px;
  background-image:url('../images/separator-arrow.png');
  background-repeat:no-repeat;
  position:absolute;
  top:0px;
  right:-40px;
}

#an-info-box div.cell img {
  display:block;
  margin:0 auto 25px;
}

#an-info-box div.cell .cell-p {
  text-align:left;
  font-size:15px;
}

#an-info-box div.cell.an-left{
}

#an-info-box div.cell.an-center{
  padding-left: 2em;
}

#an-info-box div.cell.an-right{
  padding-left: 2em;
}

#acquia-agent-an-trial-form {
  padding-bottom: 2em;
}

div#an-pg-container{
  display: table;
  width: 100%;
}

div#an-pg-form{
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

div.an-pg-banner{
  display: table-cell;
  text-align: right;
  padding-left: 1em;
}

#acquia-agent-settings-form-banner{
  padding-top: 1em;
}

.acquia-spi {
  padding-left: 1em;
}

File

acquia_agent/css/acquia_agent.css
View source
  1. .an-start-form {
  2. border:1px solid;
  3. border-color:#ccc;
  4. padding:35px 35px 10px 35px;
  5. min-width:930px;
  6. margin-bottom:30px;
  7. background-color: #fff;
  8. }
  9. h2#an-info-header {
  10. min-width: 350px;
  11. min-height: 50px;
  12. display:block;
  13. text-indent:-9999px;
  14. background-image:url('../images/logo-an-word.png');
  15. background-repeat:no-repeat;
  16. background-position:145px 0;
  17. padding-left:145px;
  18. position:relative;
  19. }
  20. h2#an-info-header:before {
  21. content: ' ';
  22. height: 136px;
  23. width:116px;
  24. background-image:url('../images/logo-an-image.png');
  25. background-repeat:no-repeat;
  26. position:absolute;
  27. top:-20px;
  28. left:0;
  29. }
  30. .an-slogan {
  31. min-width: 509px;
  32. min-height: 51px;
  33. display:block;
  34. text-indent:-9999px;
  35. background-image:url('../images/logo-an-slogan.png');
  36. background-repeat:no-repeat;
  37. background-position:145px 0;
  38. padding-left:145px;
  39. }
  40. div#an-info-box{
  41. display: table;
  42. width: 100%;
  43. table-layout: fixed;
  44. margin-top: 1.5em;
  45. margin-bottom: 1.5em;
  46. }
  47. #an-info-box div.cell{
  48. display: table-cell;
  49. padding-right: 2em;
  50. vertical-align: top;
  51. text-align: left;
  52. text-align:center;
  53. width:33%;
  54. }
  55. #an-info-box div.cell .cell-title {
  56. font-size:20px;
  57. font-weight:300;
  58. color:#666;
  59. position:relative;
  60. padding:0 10%;
  61. margin-bottom:25px;
  62. }
  63. #an-info-box div.cell:first-child .cell-title {
  64. padding:0 25%;
  65. }
  66. #an-info-box div.cell.with-arrow .cell-title:after {
  67. content: ' ';
  68. height: 174px;
  69. width:64px;
  70. background-image:url('../images/separator-arrow.png');
  71. background-repeat:no-repeat;
  72. position:absolute;
  73. top:0px;
  74. right:-40px;
  75. }
  76. #an-info-box div.cell img {
  77. display:block;
  78. margin:0 auto 25px;
  79. }
  80. #an-info-box div.cell .cell-p {
  81. text-align:left;
  82. font-size:15px;
  83. }
  84. #an-info-box div.cell.an-left{
  85. }
  86. #an-info-box div.cell.an-center{
  87. padding-left: 2em;
  88. }
  89. #an-info-box div.cell.an-right{
  90. padding-left: 2em;
  91. }
  92. #acquia-agent-an-trial-form {
  93. padding-bottom: 2em;
  94. }
  95. div#an-pg-container{
  96. display: table;
  97. width: 100%;
  98. }
  99. div#an-pg-form{
  100. display: table-cell;
  101. vertical-align: top;
  102. width: 100%;
  103. }
  104. div.an-pg-banner{
  105. display: table-cell;
  106. text-align: right;
  107. padding-left: 1em;
  108. }
  109. #acquia-agent-settings-form-banner{
  110. padding-top: 1em;
  111. }
  112. .acquia-spi {
  113. padding-left: 1em;
  114. }